@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;700&family=Space+Grotesk:wght@400;600;700&display=swap";:root{--bg: #090b0f;--panel: rgba(16, 20, 29, .78);--panel-strong: rgba(22, 30, 43, .92);--text: #f5f8ff;--muted: #91a0b8;--lime: #b6ff4d;--cyan: #2ffcff;--orange: #ff8a24;--red: #ff426d;--border: rgba(255, 255, 255, .12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);font-family:Space Grotesk,sans-serif;background:radial-gradient(circle at 20% 10%,rgba(47,252,255,.2),transparent 28rem),radial-gradient(circle at 85% 20%,rgba(182,255,77,.16),transparent 26rem),linear-gradient(135deg,#050607,#0c1119 55%,#11120a);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 85%);mask-image:linear-gradient(to bottom,black,transparent 85%)}.shell{position:relative;width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 46px}.ambient{position:fixed;width:28rem;height:28rem;border-radius:50%;filter:blur(44px);opacity:.38;pointer-events:none}.ambient-a{left:-12rem;bottom:4rem;background:var(--cyan)}.ambient-b{right:-10rem;top:8rem;background:var(--lime)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid var(--border);border-radius:28px;background:linear-gradient(135deg,#ffffff1a,#ffffff05);box-shadow:0 22px 70px #0000006b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:14px;font-family:Chakra Petch,sans-serif;font-size:clamp(1.5rem,5vw,3.2rem);letter-spacing:-.06em;text-shadow:0 0 34px rgba(47,252,255,.18)}.brand-mark{width:48px;aspect-ratio:1;border-radius:14px;background:radial-gradient(circle at 28% 28%,#071009 0 9%,transparent 10%),radial-gradient(circle at 72% 28%,#071009 0 9%,transparent 10%),radial-gradient(circle at 50% 50%,#071009 0 9%,transparent 10%),radial-gradient(circle at 28% 72%,#071009 0 9%,transparent 10%),radial-gradient(circle at 72% 72%,#071009 0 9%,transparent 10%),linear-gradient(145deg,var(--lime),var(--cyan));box-shadow:0 0 28px #2ffcff3d,inset -8px -8px 18px #0000002e;transform:rotate(-8deg)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}button{border:0;border-radius:999px;padding:13px 20px;color:var(--text);font:700 .95rem Chakra Petch,sans-serif;cursor:pointer;transition:transform .16s ease,filter .16s ease,opacity .16s ease}button:hover:not(:disabled){transform:translateY(-2px) scale(1.01);filter:brightness(1.12)}button:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.75) saturate(.45);box-shadow:none}.primary{background:linear-gradient(135deg,var(--lime),#2cff9d);color:#071009;box-shadow:0 0 28px #b6ff4d38}.secondary{background:#ffffff1a;border:1px solid var(--border)}.icon-button{display:inline-flex;align-items:center;gap:10px;min-height:48px}.wallet-icon,.chip-icon,.roll-icon{position:relative;display:inline-block;width:20px;aspect-ratio:1}.wallet-icon{border:2px solid currentColor;border-radius:6px}.wallet-icon:after{content:"";position:absolute;right:-4px;top:6px;width:7px;height:6px;border-radius:5px;background:currentColor}.chip-icon{border-radius:50%;border:3px solid currentColor;box-shadow:inset 0 0 0 4px #ffffff38}.roll-icon{border-radius:5px;background:currentColor;transform:rotate(-10deg)}.roll-icon:before,.roll-icon:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#071009}.roll-icon:before{left:5px;top:5px}.roll-icon:after{right:5px;bottom:5px}.panel{border:1px solid var(--border);border-radius:28px;background:var(--panel);box-shadow:0 18px 60px #00000052;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.account-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:14px 0;overflow:hidden}.account-panel div{display:flex;align-items:center;gap:12px;padding:15px 18px;background:#ffffff09}.account-panel strong{display:block;word-break:break-word;font-family:Chakra Petch,sans-serif}#balance{position:relative;transition:color .18s ease,text-shadow .18s ease,transform .18s ease}#balance:after{content:attr(data-delta);position:absolute;right:0;top:-1.65rem;opacity:0;pointer-events:none;font:700 .9rem Chakra Petch,sans-serif;letter-spacing:-.02em}#balance.balance-up{color:var(--lime);text-shadow:0 0 24px rgba(182,255,77,.46);animation:balanceBump .82s ease both}#balance.balance-up:after{color:var(--lime);animation:balanceFloat .9s ease both}#balance.balance-down{color:var(--red);text-shadow:0 0 18px rgba(255,66,109,.38);animation:balanceDip .62s ease both}#balance.balance-down:after{color:var(--red);animation:balanceFloat .76s ease both}.wallet-dot,.coin-dot{flex:0 0 auto;display:inline-block;width:18px;aspect-ratio:1}.wallet-dot{border:2px solid var(--cyan);border-radius:6px;box-shadow:0 0 16px #2ffcff38}.coin-dot{border-radius:50%;background:var(--lime);box-shadow:0 0 16px #b6ff4d52}.game-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:18px}.bet-panel{min-height:560px;padding:28px;display:grid;grid-template-rows:1fr auto;gap:18px;background:linear-gradient(160deg,#2ffcff1a,#10141ddb)}.dice-stage{position:relative;display:grid;place-items:center;min-height:300px}.cube{position:relative;z-index:1;width:min(260px,58vw);aspect-ratio:1;display:grid;place-items:center;border-radius:42px;background:linear-gradient(145deg,#f6ff74,#24ffb5 55%,#20d8ff);color:#06100d;font:700 clamp(5rem,16vw,9rem) "Chakra Petch",sans-serif;box-shadow:0 30px 90px #2ffcff3b,inset -18px -18px 40px #0000002e,inset 14px 14px 36px #ffffff73;transform-style:preserve-3d}.cube.spinning{animation:diceTumble .52s cubic-bezier(.2,.8,.2,1) infinite}.cube.win{animation:winPop .9s ease both}.cube.loss{animation:lossShake .52s ease both}.unknown-face{transform:translateY(-.05em)}.pip-face{width:68%;height:68%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:11%}.pip{display:block;border-radius:50%;background:transparent;box-shadow:none}.pip.active{background:#06100d;box-shadow:inset 3px 3px 7px #ffffff29,0 5px 12px #0000002e}.ring{position:absolute;width:300px;height:300px;border-radius:50%;border:1px solid rgba(182,255,77,.35);animation:rotate 7s linear infinite}.ring:before,.ring:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--lime);box-shadow:0 0 18px var(--lime)}.ring:before{top:18px;left:65px}.ring:after{bottom:26px;right:44px}.controls{display:grid;gap:13px}.controls label{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.guesses{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.guess{padding:14px 0;background:#ffffff14;border:1px solid var(--border)}.guess.active{color:#071009;background:var(--cyan);box-shadow:0 0 22px #2ffcff40}.wager-row{display:flex;align-items:center;gap:10px;background:#ffffff14;border:1px solid var(--border);border-radius:18px;padding:10px 14px}input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:700 1.25rem Chakra Petch,sans-serif}.roll{padding-block:18px;font-size:1.12rem}.round-panel{position:relative;overflow:hidden;min-height:560px;padding:28px;display:grid;grid-template-rows:auto 1fr auto;align-content:space-between;gap:22px;background:radial-gradient(circle at 85% 12%,rgba(182,255,77,.18),transparent 14rem),radial-gradient(circle at 4% 92%,rgba(47,252,255,.14),transparent 15rem),linear-gradient(160deg,#121620f5,#090c13f0)}.round-panel:after{content:"";position:absolute;inset:auto -20% -34%;height:52%;background:radial-gradient(ellipse at center,rgba(182,255,77,.12),transparent 62%);pointer-events:none}.state-icon{position:relative;z-index:1;justify-self:end;width:74px;aspect-ratio:1;border-radius:26px;display:grid;place-items:center;background:#ffffff12;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px #ffffff0a}.state-icon span{width:28px;aspect-ratio:1;display:block;border-radius:50%;background:var(--lime);box-shadow:0 0 24px #b6ff4d8c}.state-icon.spinning span{background:conic-gradient(from 0deg,var(--cyan),transparent 45%,var(--cyan));border-radius:50%;animation:rotate .68s linear infinite}.state-icon.win span{border-radius:9px;background:var(--lime);transform:rotate(45deg)}.state-icon.loss span{width:36px;height:8px;border-radius:999px;background:var(--red);transform:rotate(-12deg);box-shadow:0 0 24px #ff426d8c}.versus{position:relative;z-index:1;align-self:center;display:grid;grid-template-columns:1fr 46px 1fr;align-items:center;gap:14px}.mini-card{display:grid;justify-items:center;gap:14px}.mini-card span{color:var(--muted);font:700 .72rem Chakra Petch,sans-serif;letter-spacing:.16em}.mini-die{width:min(132px,28vw);aspect-ratio:1;display:grid;place-items:center;border-radius:28px;color:#06100d;font:700 4.2rem Chakra Petch,sans-serif;background:linear-gradient(145deg,#f5f8fff5,#91a0b8c2);box-shadow:inset -10px -10px 22px #00000029,inset 8px 8px 18px #ffffff70,0 18px 46px #00000042}.mini-card:first-child .mini-die{background:linear-gradient(145deg,var(--cyan),#95ffeb)}.round-panel.win .mini-card:last-child .mini-die{background:linear-gradient(145deg,var(--lime),#2cff9d)}.round-panel.loss .mini-card:last-child .mini-die{background:linear-gradient(145deg,var(--orange),var(--red))}.mini-die .pip-face{width:68%;height:68%}.vs-line{height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent)}.payout-line{position:relative;z-index:1;justify-self:center;min-width:min(100%,280px);padding:18px 22px;border-radius:24px;text-align:center;background:#fff1;border:1px solid rgba(255,255,255,.11)}.payout-line strong{font:700 clamp(1.6rem,4vw,3.4rem) "Chakra Petch",sans-serif;letter-spacing:-.06em}.round-panel.spinning .state-icon{border-color:#2ffcff7a;box-shadow:0 0 34px #2ffcff29}.round-panel.win .payout-line strong{color:#071009}.round-panel.win{box-shadow:0 18px 70px #b6ff4d24}.round-panel.loss{box-shadow:0 18px 70px #ff426d1a}.metrics{margin-top:16px;display:grid;gap:6px;color:#8391a8;font:500 .72rem ui-monospace,SFMono-Regular,Menlo,monospace;max-height:170px;overflow:hidden}.hidden{display:none!important}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes diceTumble{0%{transform:rotateX(0) rotateY(0) rotate(0) scale(1)}35%{transform:rotateX(120deg) rotateY(45deg) rotate(-18deg) scale(1.07)}70%{transform:rotateX(250deg) rotateY(160deg) rotate(24deg) scale(.98)}to{transform:rotateX(360deg) rotateY(270deg) rotate(0) scale(1.04)}}@keyframes winPop{50%{transform:scale(1.12);filter:saturate(1.5)}}@keyframes lossShake{20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}@keyframes softPulse{to{transform:scale(1.04);filter:saturate(1.35)}}@keyframes balanceBump{0%{transform:translateY(0) scale(1)}35%{transform:translateY(-2px) scale(1.08)}to{transform:translateY(0) scale(1)}}@keyframes balanceDip{0%{transform:translateY(0) scale(1)}45%{transform:translateY(2px) scale(.96)}to{transform:translateY(0) scale(1)}}@keyframes balanceFloat{0%{opacity:0;transform:translateY(8px) scale(.96)}18%{opacity:1}to{opacity:0;transform:translateY(-16px) scale(1.08)}}@media(max-width:860px){.account-panel,.game-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.guesses{grid-template-columns:repeat(3,1fr)}.round-panel{min-height:420px}.versus{grid-template-columns:1fr}.vs-line{width:2px;height:28px;justify-self:center;background:linear-gradient(transparent,rgba(255,255,255,.35),transparent)}}