:root{--deep0:#090B22;--deep1:#111633;--violet:#8A5CFF;--coral:#FF416C;--aqua:#20F0D0;--champagne:#F4C96B}
html,body{width:100%;max-width:100vw;overflow-x:hidden}
body{background:radial-gradient(circle at 20% -10%,#8A5CFF22 0,transparent 28%),radial-gradient(circle at 90% 20%,#20F0D018 0,transparent 24%),linear-gradient(180deg,var(--deep1),var(--deep0));color:#fff;position:relative}
[hidden]{display:none!important}
main,header,.panel,.game,.hero{width:100%;max-width:100%;overflow-x:hidden}
.glow{right:0!important;max-width:45vw}
.hero,.game,.wallet,.list-item,.store-item,.welcome-host,.game-card{background:linear-gradient(155deg,#151A3A,#090B22 70%);border-color:#8A5CFF55;box-shadow:0 18px 50px #0008,inset 0 0 0 1px #20F0D012}
button{background:linear-gradient(135deg,var(--violet),#5D3BD8);box-shadow:0 0 18px #8A5CFF33}.spin-button,button.gold{background:linear-gradient(135deg,var(--champagne),#FF416C);color:#17091f;text-transform:uppercase;letter-spacing:.08em}
.game.featured,.game-card.featured{border-color:#F4C96B88}.icon{box-shadow:0 0 18px #8A5CFF66}
.lobby{display:none}.lobby.active{display:block}.welcome-host{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,36%);gap:12px;align-items:center;border:1px solid #8A5CFF55;border-radius:24px;padding:18px;overflow:hidden;min-height:220px}.welcome-host h2{font-size:34px;margin:0 0 8px;text-shadow:0 0 20px #8A5CFF}.welcome-host img{width:100%;max-width:100%;max-height:260px;object-fit:contain;align-self:end;filter:drop-shadow(0 0 20px #8A5CFF88)}.game-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.game-card{border:1px solid #8A5CFF55;border-radius:18px;padding:14px;text-align:left;min-height:110px;position:relative;overflow:hidden}.game-card:after{content:"";position:absolute;inset:auto -20% -45% -20%;height:80%;background:radial-gradient(circle,#20F0D033,transparent 60%);animation:cardGlow 2.8s ease-in-out infinite}.game-card strong{display:block;margin-top:10px;font-size:18px}.game-card small{display:block;color:#cfc8ff}.game-play-panel{display:none!important}.game-play-panel.active:not([hidden]){display:grid!important;grid-template-columns:1fr;gap:12px}.back{width:max-content;margin-bottom:8px;background:transparent!important;box-shadow:none!important;color:#F4C96B!important}.win-amount-inline{min-height:38px;text-align:center;font:900 34px/1 Georgia,serif;color:#fff;text-shadow:0 0 14px #FF416C,0 0 24px #F4C96B}.win-amount-inline.pop{animation:amountPop .9s ease}.auto-running{animation:autoPulse .9s ease-in-out infinite;filter:brightness(1.2)}
@keyframes cardGlow{50%{transform:translateY(-12px);opacity:.8}}@keyframes amountPop{0%{transform:scale(.5);opacity:0}45%{transform:scale(1.18);opacity:1}100%{transform:scale(1)}}@keyframes autoPulse{50%{box-shadow:0 0 32px #FF416C}}
.action-row{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:center}.primary-action{width:min(280px,100%);justify-self:center;padding:15px 22px!important;font-size:17px!important;min-height:54px}.bet-control{border:1px solid #20F0D044;border-radius:14px;padding:8px;background:linear-gradient(90deg,#090B22e8,#111633e8);min-width:0;width:100%}.bet-control small{display:block;color:#F4C96B;font-size:10px}.bet-control div{display:grid;grid-template-columns:42px minmax(70px,1fr) 42px;gap:6px;align-items:center}.bet-control output{text-align:center;font-weight:900;color:#fff}.bet-control button{padding:7px 8px}.bet-control nav{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:6px 0 0;overflow:hidden}.bet-control nav button{font-size:11px;padding:6px}
.reels.slots-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:10px;border-radius:18px;background:linear-gradient(180deg,#060817,#12183b);border:1px solid #20F0D044;position:relative;overflow:hidden;width:100%}.reels.slots-grid:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#20F0D012,transparent);pointer-events:none}.reels.slots-grid b{width:auto;min-width:0;height:58px;border-radius:12px;background:radial-gradient(circle at 50% 25%,#273061,#080a1d 70%);border:1px solid #8A5CFF44;display:grid;place-items:center;color:#fff;transition:transform .25s,box-shadow .25s,filter .25s}.slot-symbol,.slot-symbol-img{width:100%;height:100%;display:grid;place-items:center;font-weight:900;font-size:14px;letter-spacing:.02em;text-shadow:0 0 10px currentColor}.slot-symbol-img{object-fit:contain;padding:5px;filter:drop-shadow(0 0 7px currentColor)}.spinning{animation:reelScroll .16s linear infinite}.settled{animation:settlePop .28s ease}.dimmed{opacity:.32;filter:saturate(.5) brightness(.75)}.win-cell{box-shadow:0 0 0 2px #F4C96B,0 0 24px #F4C96Baa,0 0 34px #FF416C66;transform:scale(1.06);z-index:2;animation:winPulse .7s ease-in-out 2}.game-note{font-size:11px;color:#F4C96B;text-align:center;min-height:17px}@keyframes reelScroll{0%{filter:blur(1px);transform:translateY(-16px)}100%{filter:blur(2px);transform:translateY(16px)}}@keyframes settlePop{50%{transform:scale(1.12)}}@keyframes winPulse{50%{transform:scale(1.12);filter:brightness(1.35)}}
.roulette-stage,.crash-stage{display:grid;place-items:center;min-height:176px;width:100%}.roulette-wheel{--ball-angle:0deg;width:min(164px,72vw);height:min(164px,72vw);border-radius:50%;position:relative;display:grid;place-items:center;background:conic-gradient(#16815c 0 9.73deg,#12162d 9.73deg 19.46deg,#bd344e 19.46deg 29.19deg,#12162d 29.19deg 38.92deg,#bd344e 38.92deg 48.65deg,#12162d 48.65deg 58.38deg,#bd344e 58.38deg 68.11deg,#12162d 68.11deg 77.84deg,#bd344e 77.84deg 87.57deg,#12162d 87.57deg 97.3deg,#bd344e 97.3deg 107.03deg,#12162d 107.03deg 116.76deg,#bd344e 116.76deg 126.49deg,#12162d 126.49deg 136.22deg,#bd344e 136.22deg 145.95deg,#12162d 145.95deg 155.68deg,#bd344e 155.68deg 165.41deg,#12162d 165.41deg 175.14deg,#bd344e 175.14deg 184.87deg,#12162d 184.87deg 194.6deg,#bd344e 194.6deg 204.33deg,#12162d 204.33deg 214.06deg,#bd344e 214.06deg 223.79deg,#12162d 223.79deg 233.52deg,#bd344e 233.52deg 243.25deg,#12162d 243.25deg 252.98deg,#bd344e 252.98deg 262.71deg,#12162d 262.71deg 272.44deg,#bd344e 272.44deg 282.17deg,#12162d 282.17deg 291.9deg,#bd344e 291.9deg 301.63deg,#12162d 301.63deg 311.36deg,#bd344e 311.36deg 321.09deg,#12162d 321.09deg 330.82deg,#bd344e 330.82deg 340.55deg,#12162d 340.55deg 350.28deg,#bd344e 350.28deg 360deg);box-shadow:0 0 34px #8A5CFF77,inset 0 0 0 12px #090B22,inset 0 0 0 15px #F4C96B66}.roulette-wheel strong{width:45%;height:45%;border-radius:50%;background:#090B22;display:grid;place-items:center;border:1px solid #F4C96B88;font-size:25px;z-index:2}.roulette-ball{position:absolute;top:50%;left:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff;box-shadow:0 0 14px #fff;transform:rotate(var(--ball-angle)) translateY(-66px);z-index:3}.wheel-tick{animation:wheelTick 1.25s cubic-bezier(.2,.8,.3,1)}.ball-spinning{animation:ballSpin 1.25s cubic-bezier(.2,.8,.3,1)}@keyframes wheelTick{50%{filter:brightness(1.2)}100%{filter:brightness(1)}}@keyframes ballSpin{0%{transform:rotate(-1080deg) translateY(-66px)}100%{transform:rotate(var(--ball-angle)) translateY(-66px)}}.roulette-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.roulette-number{padding:6px 0;border-radius:7px;font-size:10px;background:#111633}.roulette-number.red{background:#7e1930}.roulette-number.black{background:#090B22}.roulette-number.green{background:#0d674d}.roulette-number.hit{outline:2px solid #F4C96B;box-shadow:0 0 18px #F4C96B}
#crash-graph{width:100%;max-width:330px;height:176px;border-radius:16px;background:linear-gradient(180deg,#090B22,#111633);border:1px solid #20F0D044;overflow:visible}#crash-trail{fill:none;stroke:#20F0D0;stroke-width:5;stroke-linecap:round;opacity:.95;filter:drop-shadow(0 0 9px #20F0D0)}#crash-ship path{fill:#F4C96B;stroke:#20F0D0;stroke-width:1;filter:drop-shadow(0 0 8px #F4C96B)}#crash-ship circle{fill:#090B22}.gridline{stroke:#8A5CFF33;stroke-width:1}.crashed #crash-trail{stroke:#FF416C}.multiplier{text-shadow:0 0 16px #20F0D0}.crash-state{min-height:22px;color:#FF416C;font-weight:900;letter-spacing:.08em;text-align:center}
.risk-toggle{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.risk-toggle button.selected{background:linear-gradient(135deg,#F4C96B,#FF416C);color:#17091f}.plinko-board{position:relative;height:240px;border-radius:18px;background:linear-gradient(180deg,#090B22,#111633);border:1px solid #8A5CFF55;overflow:hidden;width:100%}.peg{position:absolute;width:7px;height:7px;border-radius:50%;background:#20F0D0;box-shadow:0 0 10px #20F0D0}.plinko-ball{position:absolute;top:6%;left:50%;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff2b2,#F4C96B 55%,#FF416C);box-shadow:0 0 22px #F4C96B;z-index:2}.bucket{position:absolute;bottom:8px;width:10%;height:32px;border-radius:8px;background:#090B22;border:1px solid #8A5CFF77;display:grid;place-items:center;font-size:9px;color:#fff}.bucket.hit{background:#FF416C;box-shadow:0 0 20px #FF416C}.dropping{animation:plinkoDrop 1.7s cubic-bezier(.2,.7,.2,1) forwards}@keyframes plinkoDrop{0%{left:50%;top:6%;transform:translateX(-50%) scale(1)}14%{left:var(--sway-a);top:24%;transform:translateX(-50%) scale(.9)}28%{left:calc(var(--sway-a) + 13%);top:38%;transform:translateX(-50%) scale(1.1)}45%{left:var(--sway-b);top:52%;transform:translateX(-50%) scale(.92)}62%{left:calc(var(--bucket-x) - 11%);top:65%;transform:translateX(-50%) scale(1.1)}80%{left:calc(var(--bucket-x) + 7%);top:76%;transform:translateX(-50%) scale(.92)}100%{left:var(--bucket-x);top:82%;transform:translateX(10%) scale(1)}}
.coin{width:118px!important;height:118px!important;border-radius:50%;margin:auto;position:relative;display:grid!important;place-items:center;background:transparent!important;border:0!important;box-shadow:0 0 28px #F4C96B88;transform-style:preserve-3d}.coin svg{width:118px;height:118px;display:block}.flipping{animation:coinFlip .92s cubic-bezier(.2,.8,.2,1)}@keyframes coinFlip{0%{transform:rotateY(0) scale(1)}35%{transform:rotateY(620deg) scale(1.18)}70%{transform:rotateY(1180deg) scale(.95)}100%{transform:rotateY(1440deg) scale(1)}}
.dice-rail{display:flex;justify-content:center;gap:18px;perspective:500px;max-width:100%;overflow:visible}.die{width:78px;height:78px;border-radius:14px;background:transparent!important;position:relative;box-shadow:0 0 22px #8A5CFF99;transform:rotateX(10deg) rotateY(-12deg);flex:0 0 auto}.die svg{width:78px;height:78px;display:block}.rolling{animation:diceRoll .92s cubic-bezier(.2,.8,.2,1)}@keyframes diceRoll{0%{transform:translateY(0) rotateX(10deg) rotateY(-12deg)}40%{transform:translateY(-18px) rotateX(380deg) rotateY(220deg)}75%{transform:translateY(5px) rotateX(690deg) rotateY(520deg)}100%{transform:translateY(0) rotateX(730deg) rotateY(560deg)}}
#win-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;display:grid!important;place-items:center!important;background:#090B22aa;opacity:0;pointer-events:none;z-index:3000;transition:.25s;overflow:hidden}#win-overlay.show{opacity:1;pointer-events:auto;animation:winBurst 1.8s ease}.win-card{position:relative;width:min(86vw,340px);max-width:calc(100vw - 28px);text-align:center;padding:28px;border-radius:24px;background:radial-gradient(circle at 50% 0,#FF416C55,transparent 48%),linear-gradient(160deg,#111633,#090B22);border:1px solid #F4C96B;box-shadow:0 0 60px #FF416C88}.mega .win-card{transform:scale(1.08);box-shadow:0 0 80px #F4C96Baa}.win-card span{display:block;color:#F4C96B;letter-spacing:.22em;font-size:13px}.win-card strong{display:block;font:900 44px Georgia,serif;color:#fff;text-shadow:0 0 18px #FF416C}.win-card small{color:#20F0D0}#win-close{position:absolute;right:8px;top:6px;padding:4px 8px;background:transparent;box-shadow:none;color:#fff}#coin-burst{position:fixed;inset:0;pointer-events:none;z-index:2999;overflow:hidden}#coin-burst i{position:absolute;left:50%;top:52%;width:13px;height:13px;border-radius:50%;background:#F4C96B;box-shadow:0 0 10px #F4C96B;opacity:0}#coin-burst.show i{animation:coinFly 1.05s ease-out var(--d) forwards}@keyframes coinFly{0%{opacity:1;transform:translate(-50%,-50%) scale(.8)}100%{opacity:0;transform:translate(calc(-50% + var(--x)),-46vh) scale(1.2)}}@keyframes winBurst{20%{filter:brightness(1.4)}}
#toast{max-width:calc(100vw - 24px);left:50%!important;right:auto!important;white-space:normal;text-align:center}
#boot-error{position:fixed;left:10px;right:10px;bottom:10px;z-index:9999;max-height:40vh;overflow:auto;padding:12px;border-radius:10px;background:#2a0712;color:#fff;border:1px solid #ff416c;font:12px/1.35 ui-monospace,monospace;white-space:pre-wrap}
@media(max-width:650px){.reels.slots-grid b{height:48px}.roulette-board{grid-template-columns:repeat(6,1fr)}.welcome-host{grid-template-columns:1fr;min-height:0}.welcome-host img{max-height:230px}.game-menu{grid-template-columns:1fr}.action-row{grid-template-columns:1fr}.bet-control div{grid-template-columns:38px minmax(70px,1fr) 38px}.hero{align-items:flex-start}.win-card strong{font-size:36px}}