:root{--bg-0: #0b0b10;--bg-1: #121218;--bg-2: #1a1a22;--surface: #16161e;--surface-2: #1e1e28;--stroke: rgba(255, 255, 255, .08);--stroke-2: rgba(255, 255, 255, .14);--pink: #ff3d8b;--pink-2: #ff7bc2;--purple: #9b5de5;--gold: #ffc93d;--mint: #4de68a;--text: #f5f6fa;--text-dim: rgba(245, 246, 250, .55);--text-mute: rgba(245, 246, 250, .38);--tile: #6a4a9a;--accent: #ff3d8b}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:"Baloo 2",Segoe UI,system-ui,sans-serif;color:var(--text);background:radial-gradient(130% 75% at 50% -15%,#17141f,#0c0b11 52%,#08080c);overflow:hidden;overflow-x:hidden;overscroll-behavior:none;touch-action:manipulation;user-select:none;-webkit-user-select:none}button{font-family:inherit;color:inherit;border:none;background:none;cursor:pointer;font-weight:800}button:disabled{opacity:.5;cursor:default}.boot{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.boot-logo{font-size:84px;animation:bob 1.6s ease-in-out infinite}.boot-title{font-size:34px;font-weight:900;letter-spacing:2px;background:linear-gradient(180deg,#fff,var(--pink-2));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 4px 20px rgba(255,61,139,.4)}.boot-loading{display:flex;gap:10px;margin-top:8px}.boot-loading .dot{width:12px;height:12px;border-radius:50%;background:var(--pink);animation:bob .9s ease-in-out infinite}.boot-loading .dot:nth-child(2){animation-delay:.15s}.boot-loading .dot:nth-child(3){animation-delay:.3s}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.slot{position:fixed;inset:0;margin:0 auto;max-width:480px;display:flex;flex-direction:column;padding-left:12px;padding-right:12px;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom));gap:8px;overflow:hidden}.slot.shake{animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.topbar{display:flex;justify-content:space-between;align-items:center;padding-top:8px}.wallet,.topbar-right{display:flex;gap:8px;align-items:center}.chip{padding:7px 12px;border-radius:999px;font-weight:800;font-size:15px;background:#00000047;border:1px solid rgba(255,255,255,.12);white-space:nowrap}.chip-coin{color:var(--gold)}.chip-gem{color:#c77dff}.chip-lvl{color:var(--mint);font-size:13px}.icon-btn{width:38px;height:38px;border-radius:50%;background:#00000047;border:1px solid rgba(255,255,255,.12);font-size:17px}.stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:0}.grid-wrap{position:relative;width:100%;max-width:420px;margin:0 auto;border-radius:24px;padding:12px;background:linear-gradient(180deg,#9a5de540,#1a0b2e80);border:2px solid rgba(255,255,255,.12);box-shadow:0 20px 50px #00000073,inset 0 2px 12px #ffffff14;transition:box-shadow .2s}.grid-wrap.grid-mult{box-shadow:0 0 60px #ffc93d99,inset 0 0 30px #ffc93d4d}.grid{position:relative;width:100%;aspect-ratio:6 / 5;overflow:hidden;border-radius:16px}.cell{position:absolute;top:0;left:0;width:calc(100% / 6);height:20%;padding:3px;box-sizing:border-box;will-change:transform;transition:transform .55s cubic-bezier(.5,.05,.32,1.14)}.cell.is-fly{z-index:6;transition-timing-function:cubic-bezier(.45,-.2,.3,1.08)}.cell-inner.is-gone{opacity:0;transform:scale(.2);transition:opacity .22s ease-in,transform .22s ease-in}.cell-inner{position:relative;width:100%;height:100%;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,color-mix(in srgb,var(--tile) 88%,#fff 12%),color-mix(in srgb,var(--tile) 78%,#000 22%));box-shadow:inset 0 2px 4px #ffffff59,inset 0 -3px 6px #0000004d,0 3px 6px #00000040}.cell-emoji{font-size:clamp(20px,6.2vw,40px);line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}.cell-mult-val{position:absolute;bottom:2px;right:4px;font-size:clamp(11px,3vw,16px);font-weight:900;color:#5a2b00;text-shadow:0 1px 0 rgba(255,255,255,.5)}.cell-inner.is-spawn{animation:spawnFall .6s cubic-bezier(.34,.66,.36,1.02) both;animation-delay:var(--delay, 0ms)}.cell-inner.is-scatter{background:linear-gradient(160deg,#ffd6f2,#ff6bd6);animation:scatterglow 1.2s ease-in-out infinite}.cell-inner.is-scatter.is-spawn{animation:spawnFall .6s cubic-bezier(.34,.66,.36,1.02) both,scatterglow 1.2s ease-in-out infinite}.cell-inner.is-mult{background:linear-gradient(160deg,#fff0c2,#ffb300);animation:multglow .9s ease-in-out infinite}.cell-inner.is-mult.is-spawn{animation:spawnFall .6s cubic-bezier(.34,.66,.36,1.02) both,multglow .9s ease-in-out infinite}@keyframes spawnFall{0%{transform:translateY(-700%);opacity:.2}55%{opacity:1}88%{transform:translateY(4%)}to{transform:translateY(0);opacity:1}}.cell-inner.is-win{z-index:2;animation:winpulse .34s ease-in-out infinite alternate;box-shadow:0 0 0 3px #ffffffe6,0 0 24px 6px var(--tile),inset 0 2px 4px #ffffff80}.cell-inner.is-pop{animation:pop .3s ease-in forwards;z-index:3}@keyframes winpulse{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes pop{0%{transform:scale(1.12)}40%{transform:scale(1.32);filter:brightness(2)}to{transform:scale(0);opacity:0}}@keyframes scatterglow{0%,to{box-shadow:inset 0 2px 4px #ffffff80,0 0 14px 2px #ff6bd6}50%{box-shadow:inset 0 2px 4px #ffffff80,0 0 30px 8px #ff6bd6}}@keyframes multglow{0%,to{box-shadow:inset 0 2px 4px #ffffff80,0 0 16px 3px var(--gold)}50%{box-shadow:inset 0 2px 4px #ffffff80,0 0 34px 10px var(--gold)}}.mult-flash{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10}.mult-flash span{font-size:64px;font-weight:900;color:var(--gold);text-shadow:0 0 30px var(--gold),0 6px 0 #a05a00;animation:multpop .95s ease-out}.mult-flash span.accum{animation:multbump .32s ease-out}@keyframes multbump{0%{transform:scale(1.7);opacity:.4}to{transform:scale(1);opacity:1}}@keyframes multpop{0%{transform:scale(.2) rotate(-15deg);opacity:0}40%{transform:scale(1.3) rotate(6deg);opacity:1}to{transform:scale(1) rotate(0);opacity:0}}.banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;font-size:44px;font-weight:900;color:#fff;text-shadow:0 0 30px var(--pink),0 6px 0 #a01050;animation:bannerpop 1.1s ease-out;text-align:center}@keyframes bannerpop{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}30%{transform:translate(-50%,-50%) scale(1.15);opacity:1}80%{transform:translate(-50%,-50%) scale(1);opacity:1}to{opacity:0}}.freespin-badge{position:absolute;top:4px;z-index:4;padding:6px 16px;border-radius:999px;background:linear-gradient(180deg,var(--pink),#c01060);font-weight:900;font-size:14px;letter-spacing:1px;box-shadow:0 4px 16px #ff3d8b80}.wincounter{margin-top:10px;height:34px;font-size:26px;font-weight:900;color:var(--gold);text-shadow:0 0 18px rgba(255,201,61,.6);opacity:0;transition:opacity .2s}.wincounter.on{opacity:1;animation:punch .3s ease-out}@keyframes punch{0%{transform:scale(1.3)}to{transform:scale(1)}}.controls{display:flex;flex-direction:column;gap:10px;padding-bottom:8px}.bet-row>*,.extra-row>*,.topbar>*,.wallet>*,.topbar-right>*{min-width:0}.stage,.grid,.grid-wrap{min-width:0;max-width:100%}.btn{border-radius:16px;font-size:18px;font-weight:900;letter-spacing:.5px;padding:14px;transition:transform .08s}.btn:active:not(:disabled){transform:scale(.95)}.btn-primary{background:linear-gradient(180deg,var(--pink),#c01060);color:#fff;box-shadow:0 6px #8a0a45,0 10px 20px #ff3d8b66}.bet-row{display:flex;align-items:stretch;gap:10px}.bet-btn{width:56px;border-radius:14px;font-size:28px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15)}.bet-display{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:14px;background:#00000047;border:1px solid rgba(255,255,255,.12)}.bet-label{font-size:11px;color:var(--text-dim);letter-spacing:2px}.bet-value{font-size:22px;font-weight:900;color:var(--gold)}.btn-spin{font-size:26px;padding:18px;background:linear-gradient(180deg,#ff5ca0,var(--pink),#c01060);color:#fff;box-shadow:0 7px #8a0a45,0 12px 28px #ff3d8b80;animation:spinglow 2.4s ease-in-out infinite}@keyframes spinglow{0%,to{box-shadow:0 7px #8a0a45,0 12px 28px #ff3d8b80}50%{box-shadow:0 7px #8a0a45,0 12px 38px #ff3d8bd9}}.extra-row{display:flex;gap:10px}.btn-ante{flex:1;font-size:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.15)}.btn-ante.active{background:linear-gradient(180deg,var(--mint),#2aa860);color:#05230f;box-shadow:0 4px #1a7a44}.btn-bonus{flex:1.4;display:flex;flex-direction:column;gap:2px;font-size:15px;background:linear-gradient(180deg,#b06bff,#7a2fd0);color:#fff;box-shadow:0 5px #5a1aa0,0 8px 20px #9a5de566}.bonus-cost{font-size:12px;color:var(--gold)}.btn-daily{background:linear-gradient(180deg,var(--gold),#e0a000);color:#4a2e00;box-shadow:0 5px #a87500,0 8px 20px #ffc93d66;animation:dailypulse 1.4s ease-in-out infinite}@keyframes dailypulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.home{position:fixed;inset:0;margin:0 auto;max-width:480px;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 0 0}.home .topbar{padding:12px 16px 6px}.home-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:0 16px;overflow:hidden}.home-daily{margin:10px 0 4px;flex:0 0 auto}.bottom-nav{flex:0 0 auto;display:flex;border-top:1px solid var(--stroke);background:#09090deb;backdrop-filter:blur(12px);padding-bottom:env(safe-area-inset-bottom)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 0 8px;position:relative;color:var(--text-dim);transition:transform .08s}.nav-item.active{color:var(--pink-2)}.nav-item.active .nav-icon{transform:translateY(-2px) scale(1.12);filter:drop-shadow(0 4px 10px rgba(255,61,139,.6))}.nav-item:active:not(.disabled){transform:scale(.92)}.nav-item.disabled{opacity:.4}.nav-icon{font-size:22px;transition:transform .15s}.nav-label{font-size:11px;font-weight:800;letter-spacing:.5px}.nav-soon{position:absolute;top:4px;right:22%;font-size:7px;font-weight:900;letter-spacing:.5px;padding:1px 4px;border-radius:6px;background:var(--pink);color:#fff}.deck{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.deck-stack{position:relative;width:min(68vw,288px);aspect-ratio:1}.gcard{position:absolute;inset:0;display:flex;flex-direction:column;padding:16px;border-radius:24px;background:radial-gradient(120% 80% at 50% 0%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 60%),linear-gradient(180deg,#16161d,#0f0f14);border:1px solid var(--stroke);box-shadow:0 20px 44px #0000008c;transition:transform .34s cubic-bezier(.3,.7,.3,1.03),opacity .34s ease,box-shadow .34s ease;will-change:transform;touch-action:none;user-select:none}.gcard>*{pointer-events:none}.gcard.depth-0{transform:translateY(0) scale(1);opacity:1;z-index:30;cursor:grab;border-color:color-mix(in srgb,var(--accent) 22%,var(--stroke-2));box-shadow:0 22px 48px #0000009e,0 0 22px color-mix(in srgb,var(--accent) 16%,transparent)}.gcard.depth-0:active{cursor:grabbing}.gcard.depth-1{transform:translate(44px) scale(.92);opacity:.5;z-index:20}.gcard.depth-2{transform:translate(76px) scale(.85);opacity:.26;z-index:10}.gcard-tag{align-self:flex-start;padding:4px 10px;border-radius:8px;font-size:10px;font-weight:800;letter-spacing:1.5px;color:#fff;background:color-mix(in srgb,var(--accent) 70%,#000)}.gcard-art{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.gcard-emoji{font-size:88px;filter:drop-shadow(0 10px 22px rgba(0,0,0,.55));animation:bob 3s ease-in-out infinite;pointer-events:none}.gcard-foot{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.gcard-title{font-size:22px;font-weight:900;color:#fff}.gcard-cta{font-size:12px;font-weight:700;color:var(--text-dim)}.empty-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}.empty-emoji{font-size:64px;opacity:.7}.empty-title{font-size:24px;font-weight:900;letter-spacing:2px}.empty-sub{font-size:13px;color:var(--text-dim);max-width:240px}.empty-soon{margin-top:8px;padding:6px 16px;border-radius:999px;background:#ffffff14;font-size:12px;font-weight:900;letter-spacing:2px;color:var(--pink-2)}.profile{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:10px 0 16px}.profile-head{display:flex;align-items:center;gap:12px}.avatar{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;background:linear-gradient(160deg,var(--purple),#3b2fd0);box-shadow:0 4px 14px #0006}.profile-id{flex:1;display:flex;flex-direction:column}.profile-name{font-size:18px;font-weight:900}.profile-handle{font-size:13px;color:var(--text-dim)}.xp-bar{position:relative;height:22px;border-radius:999px;background:#00000059;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.xp-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--mint),#2aa860);transition:width .4s}.xp-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}.vip-badge{align-self:flex-start;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:900;color:#4a2e00;background:linear-gradient(180deg,var(--gold),#e0a000)}.wallet-cards{display:flex;gap:10px}.wallet-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px;border-radius:14px;background:#00000047;border:1px solid rgba(255,255,255,.1)}.wc-value{font-size:18px;font-weight:900}.wc-value.coin{color:var(--gold)}.wc-value.gem{color:#c77dff}.wc-label{font-size:10px;letter-spacing:1.5px;color:var(--text-dim)}.section-title{font-size:12px;font-weight:900;letter-spacing:2px;color:var(--text-dim);margin-top:4px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:#ffffff0d}.stat-value{font-size:17px;font-weight:900;color:#fff}.stat-label{font-size:11px;color:var(--text-dim)}.fair-box{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:14px;background:#00000047;border:1px solid rgba(255,255,255,.1)}.fair-row{display:flex;justify-content:space-between;font-size:12px}.fair-key{color:var(--text-dim)}.fair-val{font-family:Chakra Petch,monospace;color:var(--text)}.fair-box .btn-ante{margin-top:4px}.crash{position:fixed;inset:0;margin:0 auto;max-width:480px;display:flex;flex-direction:column;gap:8px;padding:max(8px,env(safe-area-inset-top)) 12px max(8px,env(safe-area-inset-bottom));overflow:hidden}.crash-history{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:0 0 auto}.crash-history::-webkit-scrollbar{display:none}.crash-chip{flex:0 0 auto;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800;background:#0000004d}.crash-chip.good{color:var(--mint)}.crash-chip.bad{color:#ff4d5e}.crash-stage{position:relative;flex:1;min-height:180px;border-radius:20px;background:radial-gradient(100% 120% at 50% 0%,#3b2fd059,#0a0618e6),var(--bg-0);border:2px solid rgba(255,255,255,.1);overflow:hidden}.crash-canvas{position:absolute;inset:0;width:100%;height:100%}.crash-mult{position:absolute;top:26%;width:100%;text-align:center;font-size:54px;font-weight:900;color:var(--gold);text-shadow:0 0 24px rgba(255,201,61,.5);pointer-events:none}.crash-mult.crashed{color:#ff4d5e;text-shadow:0 0 30px rgba(255,77,94,.6)}.crash-countdown{position:absolute;top:12px;width:100%;text-align:center;font-size:15px;font-weight:800;letter-spacing:2px;color:var(--text-dim);pointer-events:none}.launchpad{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;pointer-events:none}.lp-label{font-size:14px;font-weight:900;letter-spacing:3px;color:var(--text-dim)}.lp-count{font-size:88px;font-weight:900;line-height:1;color:var(--gold);text-shadow:0 0 30px rgba(255,201,61,.55);font-variant-numeric:tabular-nums;animation:countPulse 1s ease-in-out infinite}@keyframes countPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.lp-rocket{position:relative;margin-top:10px;animation:rumble .18s linear infinite}.lp-rocket.hot{animation:rumble .07s linear infinite}.lp-ship{font-size:68px;display:block;filter:drop-shadow(0 6px 12px rgba(0,0,0,.5))}.lp-flame{position:absolute;left:50%;bottom:-6px;width:16px;height:22px;transform:translate(-90%);border-radius:50%/40% 40% 60% 60%;background:radial-gradient(circle at 50% 30%,#fff3,#ffb300 40%,#ff5c00 80%);filter:blur(1px);animation:flame .09s linear infinite;transform-origin:top center}.lp-rocket.hot .lp-flame{height:34px}.lp-smoke{position:absolute;left:50%;bottom:-18px;width:40px;height:14px;transform:translate(-50%);border-radius:50%;background:#ffffff1f;filter:blur(4px);animation:smoke 1.1s ease-out infinite}@keyframes rumble{0%{transform:translate(0) rotate(0)}25%{transform:translate(-1.5px,.5px) rotate(-1deg)}50%{transform:translate(1.5px,-.5px) rotate(1deg)}75%{transform:translate(-1px,1px) rotate(-.5deg)}to{transform:translate(0) rotate(0)}}@keyframes flame{0%,to{transform:translate(-90%) scaleY(1);opacity:.9}50%{transform:translate(-90%) scaleY(1.4);opacity:1}}@keyframes smoke{0%{transform:translate(-50%) scale(.6);opacity:.35}to{transform:translate(-50%) scale(1.8);opacity:0}}.crash-banner{position:absolute;bottom:34px;width:100%;text-align:center;font-size:17px;font-weight:900;color:var(--mint);text-shadow:0 0 16px rgba(77,230,138,.5);pointer-events:none}.crash-banner.lost{color:#ff4d5e;text-shadow:0 0 16px rgba(255,77,94,.5)}.crash-counts{position:absolute;bottom:10px;width:100%;text-align:center;font-size:12px;color:var(--text-dim);pointer-events:none}.crash-feed{flex:0 0 auto;height:96px;overflow:hidden;display:flex;flex-direction:column;gap:2px}.feed-row{font-size:12px;font-weight:700;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-row.cashout{color:var(--mint)}.btn-bail{font-size:26px;padding:18px;background:linear-gradient(180deg,#ffd23f,#e0a000);color:#4a2e00;box-shadow:0 7px #a87500,0 12px 28px #ffc93d80;animation:dailypulse .8s ease-in-out infinite}.bigwin{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(circle at 50% 40%,#9a5de580,#1a0b2ef0);backdrop-filter:blur(4px);overflow:hidden;animation:fadein .3s}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bigwin-title{font-size:44px;font-weight:900;text-align:center;background:linear-gradient(180deg,#fff,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(255,201,61,.6);animation:bannerpop .6s ease-out}.bigwin-amount{font-size:56px;font-weight:900;color:var(--gold);text-shadow:0 0 30px var(--gold),0 6px 0 #a05a00;animation:punch .4s ease-out}.bigwin-hint{margin-top:20px;font-size:14px;color:var(--text-dim)}.bigwin-confetti{position:absolute;inset:0;pointer-events:none}.confetti-piece{position:absolute;top:-40px;font-size:26px;animation:fall linear infinite}@keyframes fall{0%{transform:translateY(-40px) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:.9}}.roul{position:fixed;inset:0;margin:0 auto;max-width:480px;display:flex;flex-direction:column;gap:8px;padding:max(8px,env(safe-area-inset-top)) 12px max(8px,env(safe-area-inset-bottom));overflow:hidden}.roul .topbar{padding-top:4px}.roul-board{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:10px}.roul-history{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;flex:0 0 auto}.roul-history::-webkit-scrollbar{display:none}.hist-dot{flex:0 0 auto;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff}.hist-dot.red{background:#c0392b}.hist-dot.black{background:#2a2a34}.hist-dot.green{background:#1f9d57}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.reel-view{position:relative;height:92px;border-radius:16px;overflow:hidden;background:#0f0f15;border:1px solid var(--stroke);flex:0 0 auto}.reel{display:flex;height:100%;align-items:center;will-change:transform}.reel-cell{flex:0 0 auto;height:74px;margin:0 1px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:900;color:#fff}.reel-cell.red{background:#c0392b}.reel-cell.black{background:#2a2a34}.reel-cell.green{background:#1f9d57}.reel-pointer{position:absolute;left:50%;top:0;bottom:0;width:3px;transform:translate(-50%);background:var(--gold);box-shadow:0 0 12px var(--gold);z-index:5;pointer-events:none}.reel-pointer:before,.reel-pointer:after{content:"";position:absolute;left:50%;transform:translate(-50%);border:6px solid transparent}.reel-pointer:before{top:0;border-top-color:var(--gold)}.reel-pointer:after{bottom:0;border-bottom-color:var(--gold)}.roul-banner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;color:var(--mint);background:#0b0b10c7;text-shadow:0 0 16px rgba(77,230,138,.5);z-index:6;animation:fadein .2s}.roul-banner.lose{color:var(--text-dim);text-shadow:none}.felt{display:flex;gap:3px;flex:0 0 auto}.num-grid{display:flex;gap:3px;flex:1}.num-col{display:flex;flex-direction:column;gap:3px;flex:1}.num{position:relative;flex:1;min-width:0;height:40px;border-radius:6px;font-size:13px;font-weight:800;color:#fff;display:flex;align-items:center;justify-content:center}.num.red{background:#c0392b}.num.black{background:#2a2a34}.num.green{background:#1f9d57}.num.zero{width:30px;height:auto;border-radius:8px}.num.has,.obet.has{outline:2px solid var(--gold);outline-offset:-2px}.chip-dot{position:absolute;bottom:-4px;right:-3px;min-width:16px;height:16px;padding:0 3px;border-radius:999px;background:var(--gold);color:#3a2600;font-size:9px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #00000080}.bet-row3,.bet-row6{display:flex;gap:4px;flex:0 0 auto}.obet{position:relative;flex:1;min-width:0;height:40px;border-radius:8px;font-size:12px;font-weight:800;letter-spacing:.5px;color:var(--text);background:var(--surface-2);border:1px solid var(--stroke)}.obet.red{background:#c0392b;color:#fff}.obet.black{background:#2a2a34;color:#fff}.roul-controls{margin-top:auto;display:flex;flex-direction:column;gap:8px;flex:0 0 auto}.chip-row{display:flex;gap:8px;justify-content:center}.chip-btn{width:52px;height:52px;border-radius:50%;font-size:14px;font-weight:900;color:#fff;background:radial-gradient(circle at 50% 35%,#3a3a46,#1e1e28);border:2px dashed rgba(255,255,255,.25);transition:transform .08s}.chip-btn.on{border:2px solid var(--gold);color:var(--gold);transform:translateY(-3px) scale(1.06);box-shadow:0 6px 16px #ffc93d4d}.chip-btn:active{transform:scale(.94)}.roul-actions{display:flex;gap:10px}.roul-actions .btn-ante{flex:0 0 96px}.roul-actions .btn-spin{flex:1}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important}}