: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}html{min-width:320px;background:var(--bg);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100vh;min-height:100dvh;color:var(--text);font-family:ui-rounded,SF Pro Rounded,Avenir Next,Segoe UI,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}.shell{position:relative;width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 46px}.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 14px 36px #00000057}.brand{display:flex;align-items:center;gap:14px;font-family:ui-rounded,SF Pro Rounded,Avenir Next,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 ui-rounded,SF Pro Rounded,Avenir Next,sans-serif;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .16s ease,opacity .16s ease}button:hover:not(:disabled){transform:translateY(-2px) scale(1.01)}button:disabled{opacity:.55;cursor:not-allowed;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,.bolt-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}.bolt-icon:before{content:"";position:absolute;inset:1px 4px;background:currentColor;clip-path:polygon(58% 0,16% 56%,47% 56%,35% 100%,84% 39%,53% 39%)}.icon-button.fast-active{color:#071009;background:var(--cyan);box-shadow:0 0 22px #2ffcff38}.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 12px 34px #00000047}.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:ui-rounded,SF Pro Rounded,Avenir Next,sans-serif}.fast-play-panel{margin:0 0 14px;padding:18px;background:linear-gradient(145deg,#2ffcff17,#10141deb)}.fast-play-head,.fast-play-setup,.fast-play-active{display:flex;align-items:center;gap:12px}.fast-play-head{justify-content:space-between;margin-bottom:14px}.fast-play-head>div{display:grid;gap:3px}.fast-play-head strong{color:var(--cyan);letter-spacing:.08em}.fast-play-head span{color:var(--muted);font-size:.78rem}.fast-play-setup{display:grid;grid-template-columns:auto minmax(96px,1fr) auto minmax(96px,1fr) auto minmax(110px,1fr) auto}.fast-play-setup label{color:var(--muted);font-size:.68rem;letter-spacing:.1em}.fast-play-setup input,.fast-play-setup select{width:100%;min-height:44px;border:1px solid var(--border);border-radius:14px;padding:9px 12px;color:var(--text);background:#ffffff12;font:700 .9rem ui-rounded,SF Pro Rounded,Avenir Next,sans-serif}.fast-play-setup select{appearance:none}.fast-play-active{justify-content:space-between}.fast-play-active strong{color:var(--lime)}.close-button{min-width:44px;min-height:44px;padding:0;color:var(--muted);background:transparent;font-size:1.5rem}#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 ui-rounded,SF Pro Rounded,Avenir Next,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;min-width:0}.game-grid>*{min-width:0}.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) ui-rounded,"SF Pro Rounded","Avenir Next",sans-serif;box-shadow:0 20px 48px #2ffcff2e,inset -12px -12px 28px #00000029,inset 10px 10px 26px #ffffff61;transform-style:preserve-3d}.cube.spinning{animation:diceTumble .62s cubic-bezier(.2,.8,.2,1) infinite;will-change:transform}.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)}.cube.spinning+.ring{animation:rotate 1.8s linear infinite;will-change:transform}.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 ui-rounded,SF Pro Rounded,Avenir Next,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 ui-rounded,SF Pro Rounded,Avenir Next,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 ui-rounded,SF Pro Rounded,Avenir Next,sans-serif;background:linear-gradient(145deg,#f5f8fff5,#91a0b8c2);box-shadow:inset -8px -8px 18px #00000026,inset 6px 6px 14px #ffffff5c,0 12px 28px #00000038}.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) ui-rounded,"SF Pro Rounded","Avenir Next",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.08)}}@keyframes lossShake{20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}@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){.game-grid{grid-template-columns:1fr}.guesses{grid-template-columns:repeat(3,1fr)}.round-panel{min-height:360px}.panel{box-shadow:0 8px 20px #0000003d}.cube{box-shadow:0 12px 28px #2ffcff26,inset -8px -8px 18px #00000024,inset 7px 7px 18px #ffffff52}}@media(max-width:640px){body{background:radial-gradient(circle at 50% 0%,rgba(47,252,255,.13),transparent 20rem),linear-gradient(155deg,#050607,#0c1119 62%,#11120a)}.shell{width:100%;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.topbar{align-items:center;gap:8px;padding:10px;border-radius:18px;box-shadow:0 8px 20px #0000003d}.brand{gap:8px;font-size:1rem;letter-spacing:-.04em}.brand-mark{width:34px;border-radius:10px;box-shadow:none}.hero-actions{margin-left:auto;flex-wrap:nowrap;gap:6px}.icon-button{min-height:44px;gap:6px;padding:9px 11px;font-size:.78rem}.wallet-icon,.chip-icon,.bolt-icon{width:17px}.panel{border-radius:20px}.account-panel{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);margin:8px 0;border-radius:18px}.account-panel div{min-width:0;gap:8px;padding:10px}.account-panel strong{min-width:0;overflow:hidden;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.fast-play-panel{margin-bottom:8px;padding:14px}.fast-play-head{margin-bottom:10px}.fast-play-setup{grid-template-columns:1fr 1fr;gap:7px}.fast-play-setup label{align-self:end}.fast-play-setup button{grid-column:1 / -1;min-height:48px}.fast-play-active{align-items:stretch;flex-direction:column}.wallet-dot,.coin-dot{width:13px}.game-grid{gap:8px}.bet-panel{min-height:0;padding:14px;grid-template-rows:auto auto;gap:10px}.dice-stage{min-height:174px}.cube{width:min(154px,44vw);border-radius:28px;font-size:clamp(3.5rem,18vw,5rem);box-shadow:0 10px 24px #2ffcff24,inset -7px -7px 16px #00000021,inset 6px 6px 15px #ffffff4d}.ring{width:184px;height:184px}.ring:before,.ring:after{width:8px;height:8px;box-shadow:0 0 10px var(--lime)}.ring:before{top:11px;left:40px}.ring:after{right:27px;bottom:16px}.controls{gap:8px}.controls label{font-size:.66rem}.guesses{gap:6px}.guess{min-height:44px;padding:0}.wager-row{min-height:46px;padding:7px 12px;border-radius:14px}input{font-size:1rem}.roll{min-height:52px;padding:12px;font-size:1rem}.round-panel{min-height:0;padding:14px;grid-template-rows:auto auto;gap:12px}.state-icon{position:absolute;top:12px;right:12px;width:40px;border-radius:14px}.state-icon span{width:17px;box-shadow:0 0 12px #b6ff4d73}.state-icon.loss span{width:22px;height:6px}.versus{grid-template-columns:1fr 26px 1fr;gap:8px;padding:4px 42px 0 0}.mini-card{gap:7px}.mini-card span{font-size:.62rem}.mini-die{width:min(82px,23vw);border-radius:18px;font-size:2.5rem;box-shadow:inset -5px -5px 12px #00000021,inset 4px 4px 10px #ffffff47,0 7px 16px #0000002e}.payout-line{min-width:0;width:100%;padding:10px 14px;border-radius:15px}.payout-line strong{font-size:1.45rem}}@media(max-width:360px){.brand strong{display:none}.icon-button{padding-inline:10px}.icon-button b{display:none}.dice-stage{min-height:158px}.cube{width:140px}.ring{width:166px;height:166px}}@media(hover:none){button:hover:not(:disabled){transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}