*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:radial-gradient(ellipse at 60% 40%,#261508,#120a02);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f2e4c4;overflow:hidden}#app{display:flex;min-height:100vh}.sidebar{width:72px;background:#00000038;border-right:1px solid rgba(242,228,196,.07);display:flex;flex-direction:column;align-items:center;padding:28px 0 20px;gap:9px;flex-shrink:0}.logo-wrap{width:52px;height:52px;background:#f2e4c417;border-radius:13px;display:flex;align-items:center;justify-content:center;padding:8px}.logo{width:36px;height:36px;object-fit:contain;filter:invert(1);opacity:.72}.brand-name{font-size:10px;letter-spacing:2.5px;text-transform:lowercase;color:#f2e4c447}.main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:54px;padding:40px}.title{font-size:36px;font-weight:200;letter-spacing:10px;text-transform:uppercase;color:#f2e4c4d1}.dice-row{display:flex;gap:64px;align-items:flex-start}.die-group{display:flex;flex-direction:column;align-items:center;gap:18px}.die{width:178px;height:178px;background:url(/wood.png) center / cover;border-radius:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;box-shadow:inset 0 2px 7px #fff8dcb3,inset 0 -2px 5px #78521c33,5px 13px 34px #00000094,1px 3px 8px #0000004d;transition:transform .16s ease,box-shadow .16s ease}.die:hover{transform:translateY(-8px) rotate(-1.5deg);box-shadow:inset 0 2px 7px #fff8dcb3,inset 0 -2px 5px #78521c33,8px 22px 44px #00000094,2px 6px 14px #0000004d}.die:active{transform:translateY(-2px) scale(.97);transition-duration:.06s}.die-icon{width:60%;height:60%;background-image:none;background-repeat:no-repeat}.die-icon[data-type=milkshake],.die-icon[data-type=burger],.die-icon[data-type=coke]{background-image:url(/Coke%20die.png);mix-blend-mode:multiply}.die-icon[data-type=milkshake]{background-size:241px 341px;background-position:-2px -4px}.die-icon[data-type=burger]{background-size:344px 486px;background-position:-20px -184px;filter:brightness(1.5)}.die-icon[data-type=coke]{background-size:290px 410px;background-position:-9px -256px}@keyframes die-roll{0%{transform:translateY(0) rotate(0) scale(1)}10%{transform:translateY(-20px) rotate(-13deg) scale(.93)}25%{transform:translateY(-12px) rotate(9deg) scale(.89)}42%{transform:translateY(-22px) rotate(-7deg) scale(.94)}58%{transform:translateY(-9px) rotate(5deg) scale(.91)}72%{transform:translateY(-14px) rotate(-3deg) scale(.96)}85%{transform:translateY(-4px) rotate(1.5deg) scale(.99)}to{transform:translateY(0) rotate(0) scale(1)}}@keyframes die-land{0%{transform:scaleY(.93) scaleX(1.04)}50%{transform:scaleY(1.02) scaleX(.99)}to{transform:scaleY(1) scaleX(1)}}.die.rolling{animation:die-roll .82s ease-out;pointer-events:none}.die.landing{animation:die-land .18s ease-out}.die-name{font-size:15px;font-weight:500;letter-spacing:.4px;color:#f2e4c4d1}.die-odds{font-size:13px;letter-spacing:1.5px;color:#f2e4c45c;font-variant-numeric:tabular-nums}.roll-btn{padding:13px 52px;background:transparent;border:1px solid rgba(242,228,196,.28);border-radius:50px;color:#f2e4c499;font-size:12px;letter-spacing:4px;text-transform:uppercase;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .1s ease}.roll-btn:hover{background:#f2e4c40f;border-color:#f2e4c485;color:#f2e4c4e0}.roll-btn:active{transform:scale(.97)}