/* 6CLUB – Dark + Gold/Amber Theme (matching 6Club app) */
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body{font-family:'Poppins',sans-serif;background:#1a1a2e;color:#fff;display:flex;justify-content:center;overflow-x:hidden}
:root{--gold:#d4a226;--gold2:#f0c040;--gold3:#ffdb70;--bg:#1a1a2e;--bg2:#16162a;--bg3:#222240;--bg4:#2a2a48;--surface:#1e1e38;--surface2:#252548;--surface3:#2e2e55;--border:rgba(212,162,38,.08);--border2:rgba(212,162,38,.15);--text:#c0b8a8;--text2:#8a8070;--text3:#5a5548;--radius:10px;--green:#2ecc71;--red:#ed4163;--primary:#d4a226}
.app{width:390px;min-height:100vh;background:var(--bg);position:relative;overflow-x:hidden}
.screen,.gscreen{display:none;flex-direction:column}.screen.active,.gscreen.active{display:flex}.screen{overflow-y:auto;padding-bottom:72px;min-height:100vh}
#particles-cvs{position:fixed;top:0;left:50%;transform:translateX(-50%);width:390px;height:100vh;pointer-events:none;z-index:0;opacity:.15}

/* TOP NAV */
.topnav{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg);position:sticky;top:0;z-index:100}
.logo{display:flex;align-items:center;gap:6px}.logo-icon{width:34px;height:34px;background:linear-gradient(135deg,var(--gold),#e8b830);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:900;color:#1a1a2e;font-family:'Nunito',sans-serif}.logo-text{font-family:'Nunito',sans-serif;font-size:18px;font-weight:900;color:var(--gold);letter-spacing:1px;text-transform:uppercase}
.nav-btns{display:flex;gap:8px}.nav-login{background:transparent;border:1.5px solid var(--gold);color:var(--gold);padding:7px 18px;border-radius:20px;font-size:12px;font-weight:700;cursor:pointer}.nav-reg{background:linear-gradient(135deg,var(--gold),#e8b830);border:none;color:#1a1a2e;padding:7px 18px;border-radius:20px;font-size:12px;font-weight:700;cursor:pointer}.nav-reg:active{transform:scale(.96)}

/* COIN BAR */
.coin-bar{background:linear-gradient(135deg,rgba(212,162,38,.08),rgba(212,162,38,.03));margin:0 12px 10px;border-radius:10px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border2)}.coin-emoji{font-size:20px;margin-right:8px}.coin-val{font-family:'Nunito',sans-serif;font-size:20px;font-weight:900;color:var(--gold)}.coin-add{background:linear-gradient(135deg,var(--gold),#e8b830);border:none;color:#1a1a2e;padding:7px 18px;border-radius:20px;font-size:11px;font-weight:700;cursor:pointer}.coin-add:active{transform:scale(.94)}

/* PROMO */
.promo-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 10px}.promo-card{border-radius:10px;height:80px;display:flex;align-items:center;padding:14px;position:relative;overflow:hidden;cursor:pointer}.promo-card:active{transform:scale(.97)}.promo-card.wheel{background:linear-gradient(135deg,#1a4a2e,#0d7a3e)}.promo-card.vip{background:linear-gradient(135deg,#2a1a50,#5a2d8a)}.promo-text{font-family:'Nunito',sans-serif;font-size:13px;font-weight:800;color:#fff;line-height:1.25;z-index:1}.promo-emoji{position:absolute;right:10px;bottom:0;font-size:38px;opacity:.7}

/* NOTICE */
.notice{margin:0 12px 12px;background:rgba(212,162,38,.06);border-radius:8px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--border2)}.notice-left{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text);flex:1;overflow:hidden}.notice-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice-btn{background:transparent;color:var(--gold);border:1px solid var(--gold);padding:4px 14px;border-radius:16px;font-size:10px;font-weight:700;cursor:pointer}

/* CATEGORY GRID – 4x2 with icons */
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 12px 16px}
.cat-item{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer}.cat-item:active{transform:scale(.93)}
.cat-ic{width:70px;height:70px;border-radius:16px;background:linear-gradient(145deg,#1a2555,#162050);display:flex;align-items:center;justify-content:center;font-size:30px;border:1px solid rgba(212,162,38,.06);transition:all .2s}
.cat-ic.sel{border-color:var(--gold);box-shadow:0 0 12px rgba(212,162,38,.15);background:linear-gradient(145deg,#1f2d65,#1a2860)}
.cat-lbl{font-size:10px;font-weight:600;color:var(--text3);text-align:center}.cat-item.sel .cat-lbl{color:var(--gold)}

/* SECTION HDR */
.sec-hdr{padding:0 12px 8px;display:flex;align-items:center;gap:8px}.sec-bar{width:3px;height:16px;background:var(--gold);border-radius:2px}.sec-ttl{font-family:'Nunito',sans-serif;font-size:14px;font-weight:800;color:#fff}

/* GAME GRID – 3 columns */
.gg{padding:0 12px 16px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.gc{border-radius:12px;overflow:hidden;position:relative;cursor:pointer;transition:transform .15s}.gc:hover{transform:translateY(-3px)}.gc:active{transform:scale(.97)}
.gc-inner{aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;font-size:34px;position:relative}
.gn{position:absolute;bottom:0;left:0;right:0;padding:6px;font-family:'Nunito',sans-serif;font-size:9px;font-weight:800;text-align:center;background:linear-gradient(0deg,rgba(0,0,0,.9) 60%,transparent);color:#fff;letter-spacing:.3px}
.rtp{position:absolute;bottom:0;left:0;right:0;background:var(--gold);padding:2px 6px;display:flex;justify-content:space-between;font-size:7px;font-weight:700;color:#1a1a2e}
.gbadge{position:absolute;top:4px;left:4px;background:var(--red);color:#fff;font-size:7px;font-weight:800;padding:2px 6px;border-radius:4px}.gjili{position:absolute;top:4px;right:4px;background:var(--gold);color:#000;font-size:6px;font-weight:900;padding:1px 4px;border-radius:3px}
.ga{background:linear-gradient(160deg,#1a0030,#4a0080,#c0392b)}.gb{background:linear-gradient(160deg,#0d1535,#1a2a6e,#c0392b)}.gc2{background:linear-gradient(160deg,#8b0000,#cc0000,#ff6600)}.gd{background:linear-gradient(160deg,#003300,#006600,#f9ca24)}.ge{background:linear-gradient(160deg,#1a0040,#4a0099,#f9ca24)}.gf{background:linear-gradient(160deg,#2a1000,#6a2800,#f0a500)}.gg2{background:linear-gradient(160deg,#001a33,#003366,#00aaff)}.gh{background:linear-gradient(160deg,#1a0030,#4a0070,#ff44aa)}.gi{background:linear-gradient(160deg,#001a1a,#003333,#00ccaa)}.gj{background:linear-gradient(160deg,#1a1000,#3d2800,#cc8800)}.gk{background:linear-gradient(160deg,#001a0d,#004d26,#00cc66)}.gl{background:linear-gradient(160deg,#0d0030,#1a0066,#8800ff)}.gm{background:linear-gradient(160deg,#330000,#660000,#ff3300)}.gn2{background:linear-gradient(160deg,#001133,#002266,#0055ff)}.go{background:linear-gradient(160deg,#002200,#004400,#44ff00)}

/* BOTTOM NAV */
.bnav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:390px;background:var(--bg);border-top:1px solid var(--border);display:flex;align-items:center;padding:6px 0 14px;z-index:200}
.ni{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;flex:1}.ni:active{transform:scale(.88)}.ni .ico{font-size:18px;color:var(--text3)}.ni .lbl{font-size:9px;color:var(--text3);font-weight:600}.ni.sel .ico{color:var(--gold)}.ni.sel .lbl{color:var(--gold)}
.ni-center{flex:1;display:flex;justify-content:center}.ni-cb{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--gold),#e8b830);display:flex;align-items:center;justify-content:center;font-size:22px;margin-top:-20px;box-shadow:0 4px 20px rgba(212,162,38,.35);cursor:pointer;border:3px solid var(--bg)}.ni-cb::after{display:none}.ni-cb:active{transform:scale(.9)}

/* TOAST */
.toast{position:fixed;top:56px;left:50%;transform:translateX(-50%);padding:10px 20px;border-radius:8px;font-family:'Nunito',sans-serif;font-size:12px;font-weight:700;z-index:9999;animation:toastIn .25s ease;pointer-events:none;white-space:nowrap}
.toast.win{background:rgba(46,204,113,.12);color:var(--green);border:1px solid rgba(46,204,113,.25)}.toast.lose{background:rgba(237,65,99,.12);color:var(--red);border:1px solid rgba(237,65,99,.25)}.toast.info{background:rgba(212,162,38,.12);color:var(--gold);border:1px solid rgba(212,162,38,.2)}
@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(-16px)}100%{opacity:1;transform:translateX(-50%) translateY(0)}}
@keyframes screenShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}.shake{animation:screenShake .3s ease}

/* GAME SCREEN COMMON */
.gscreen{min-height:100vh;background:var(--bg);padding-bottom:72px}
.gtb{display:flex;align-items:center;padding:12px 16px;gap:10px;background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}
.bbtn{width:34px;height:34px;border-radius:8px;background:var(--surface);border:1px solid var(--border);color:var(--gold);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.bbtn:active{transform:scale(.9)}
.gtitle{font-family:'Nunito',sans-serif;font-size:14px;font-weight:800;color:#fff;flex:1}
.gcoins{display:flex;align-items:center;gap:4px;background:rgba(212,162,38,.08);border-radius:20px;padding:5px 12px;font-family:'Nunito',sans-serif;font-size:12px;font-weight:800;color:var(--gold);border:1px solid var(--border2)}
.garea{flex:1;padding:12px;overflow-y:auto}
.gcard{background:var(--surface);border-radius:8px;padding:12px;margin-bottom:8px;border:1px solid var(--border)}.gcard::before{display:none}
.gcard-title{font-size:9px;color:var(--text3);margin-bottom:3px;text-transform:uppercase;letter-spacing:.8px;font-weight:600}
.gcard-val{font-family:'Nunito',sans-serif;font-size:20px;font-weight:900;color:#fff}.gcard-val.gold{color:var(--gold)}.gcard-val.green{color:var(--green)}.gcard-val.red{color:var(--red)}
.status-box{background:var(--surface);border-radius:8px;padding:10px 12px;text-align:center;border:1px solid var(--border);font-size:12px;color:var(--text2);margin-bottom:8px}

/* BET BAR */
.betbar{background:var(--bg2);border-top:1px solid var(--border);padding:10px 12px;display:flex;align-items:center;gap:6px;position:sticky;bottom:0}
.blab{font-size:10px;color:var(--text3);white-space:nowrap;font-weight:600}
.binp{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:#fff;font-family:'Nunito',sans-serif;font-size:13px;font-weight:700;padding:8px;text-align:center;outline:none}.binp:focus{border-color:var(--gold)}
.bb{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:8px 10px;cursor:pointer;font-size:12px;font-weight:700}.bb:active{transform:scale(.92)}

/* ACTION BTNS – Gold theme */
.pbtn{background:linear-gradient(135deg,var(--gold),#e8b830);border:none;color:#1a1a2e;border-radius:var(--radius);padding:9px 16px;font-family:'Nunito',sans-serif;font-size:12px;font-weight:800;cursor:pointer}.pbtn::after{display:none}.pbtn:active{transform:scale(.95)}.pbtn:disabled{opacity:.3;cursor:not-allowed;transform:none!important}
.gbtn{background:var(--surface2);border:1px solid var(--gold);color:var(--gold);border-radius:var(--radius);padding:9px 16px;font-family:'Nunito',sans-serif;font-size:12px;font-weight:800;cursor:pointer}.gbtn:active{transform:scale(.95)}.gbtn:disabled{opacity:.3;cursor:not-allowed}
.ybtn{background:var(--surface2);border:1px solid var(--border2);color:#fff;border-radius:var(--radius);padding:9px 16px;font-family:'Nunito',sans-serif;font-size:12px;font-weight:800;cursor:pointer}.ybtn:active{transform:scale(.95)}.ybtn:disabled{opacity:.3;cursor:not-allowed}

/* AVIATOR ANIMATIONS */
@keyframes aviBlink{0%,100%{opacity:1;box-shadow:0 0 8px #e74c3c}50%{opacity:.4;box-shadow:0 0 3px #e74c3c}}
@keyframes aviBtnPulse{0%,100%{box-shadow:0 4px 20px rgba(230,126,34,.4)}50%{box-shadow:0 4px 35px rgba(230,126,34,.8)}}
@keyframes aviMultPop{0%{transform:translate(-50%,-55%) scale(1)}50%{transform:translate(-50%,-55%) scale(1.08)}100%{transform:translate(-50%,-55%) scale(1)}}
@keyframes aviCrashShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}
@keyframes aviCountdown{0%{transform:scale(1.3);opacity:0}100%{transform:scale(1);opacity:1}}
.avi-mult-pop{animation:aviMultPop .15s ease;}
.avi-screen-crash{animation:aviCrashShake .4s ease;}

/* AVIATOR (1win Spribe) */
#avi-sky{width:100%;height:280px;position:relative;overflow:hidden;background:linear-gradient(180deg,#0e0e25,#161640,#1a1a50)}
#avi-trail-cvs{position:absolute;inset:0;pointer-events:none}
#avi-plane-el{position:absolute;z-index:5;transition:left .07s linear,bottom .07s linear}
#avi-mult-el{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Nunito,sans-serif;font-size:60px;font-weight:900;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.5);z-index:4;letter-spacing:-2px}
#avi-hist-bar{scrollbar-width:none}#avi-hist-bar::-webkit-scrollbar{display:none}
.avi-hist{display:flex;gap:4px;flex-wrap:nowrap}

/* MINES PRO */
.mgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:8px}
.mcell{aspect-ratio:1;border-radius:10px;background:linear-gradient(145deg,#1a2a3e,#152535);border:1.5px solid rgba(255,255,255,.04);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .15s;position:relative;box-shadow:inset 0 2px 6px rgba(0,0,0,.3)}
.mcell::before{display:none}.mcell::after{content:'';position:absolute;width:50%;height:50%;border-radius:50%;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.04)}
.mcell:hover:not(.rev):not(.dis){background:linear-gradient(145deg,#1f3550,#1a3040);transform:scale(1.04)}.mcell:active:not(.rev):not(.dis){transform:scale(.94)}
.mcell.rev.gem{background:linear-gradient(145deg,#0d4a22,#1a6030);border-color:var(--green);box-shadow:0 0 20px rgba(46,204,113,.25);animation:gemPop .3s ease}.mcell.rev.gem::after{display:none}
.mcell.rev.bomb{background:linear-gradient(145deg,#4a0a1a,#6a1025);border-color:var(--red);box-shadow:0 0 20px rgba(237,65,99,.25);animation:bombEx .3s ease}.mcell.rev.bomb::after{display:none}
.mcell.dis{cursor:not-allowed;opacity:.25}
.mine-row-mult{font-family:Nunito,sans-serif;font-size:10px;font-weight:800;color:var(--text3);text-align:center;padding:2px 0;grid-column:1/-1}
@keyframes gemPop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes bombEx{0%{transform:scale(.6)}50%{transform:scale(1.15)}100%{transform:scale(1)}}
.msel{display:flex;gap:4px;margin-bottom:8px}.mcb{background:var(--surface);border:1px solid var(--border);color:var(--text2);border-radius:6px;padding:5px 12px;font-size:11px;font-weight:700;cursor:pointer}.mcb:active{transform:scale(.92)}.mcb.sel{background:linear-gradient(135deg,var(--gold),#e8b830);border-color:var(--gold);color:#1a1a2e}.mcb.dis{opacity:.3}

/* WINGO */
@keyframes wColonBlink{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes wTimerFlash{0%{transform:scale(1.1)}100%{transform:scale(1)}}
@keyframes chipDrop{0%{transform:translateY(-14px);opacity:0}100%{transform:translateY(0);opacity:1}}
.whist{display:flex;gap:5px;overflow-x:auto;padding-bottom:4px;margin-bottom:8px;scrollbar-width:none}.whist::-webkit-scrollbar{display:none}
.wchip{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Nunito,sans-serif;font-size:11px;font-weight:900;flex-shrink:0;color:#fff;animation:chipDrop .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.4)}
.wchip-r{background:linear-gradient(135deg,#c0392b,#ed4163);border:1.5px solid rgba(255,100,100,.3)}
.wchip-g{background:linear-gradient(135deg,#1a7a43,#2ecc71);border:1.5px solid rgba(46,204,113,.3)}
.wchip-v{background:linear-gradient(135deg,#5b21b6,#7c3aed);border:1.5px solid rgba(124,58,237,.3)}
.wnums{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:8px}
.wnum{aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Nunito,sans-serif;font-size:17px;font-weight:900;cursor:pointer;border:2.5px solid transparent;transition:all .18s;color:#fff;box-shadow:0 3px 10px rgba(0,0,0,.3)}
.wnum:hover{transform:scale(1.08);box-shadow:0 4px 16px rgba(0,0,0,.4)}.wnum:active{transform:scale(.91)}
.wnum.sel{border-color:#fff;box-shadow:0 0 16px rgba(255,255,255,.25);transform:scale(1.1)}
.wn0{background:linear-gradient(135deg,#5b21b6,#7c3aed)}.wn1{background:linear-gradient(135deg,#1a7a43,#27ae60)}.wn2{background:linear-gradient(135deg,#9b1b30,#ed4163)}.wn3{background:linear-gradient(135deg,#1a7a43,#27ae60)}.wn4{background:linear-gradient(135deg,#9b1b30,#ed4163)}.wn5{background:linear-gradient(135deg,#5b21b6,#7c3aed)}.wn6{background:linear-gradient(135deg,#9b1b30,#ed4163)}.wn7{background:linear-gradient(135deg,#1a7a43,#27ae60)}.wn8{background:linear-gradient(135deg,#9b1b30,#ed4163)}.wn9{background:linear-gradient(135deg,#1a7a43,#27ae60)}
.wo-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:300}
.wo-card{background:#13132a;border-radius:18px;padding:26px 22px;text-align:center;width:290px;border:1px solid rgba(124,58,237,.25);box-shadow:0 20px 60px rgba(0,0,0,.6);animation:woSlide .3s ease}
@keyframes woSlide{0%{transform:scale(.8) translateY(20px);opacity:0}100%{transform:scale(1) translateY(0);opacity:1}}
.rnum{font-family:Nunito,sans-serif;font-size:64px;font-weight:900;margin-bottom:4px;text-shadow:0 0 30px currentColor}
.rwin{font-family:Nunito,sans-serif;font-size:15px;font-weight:800;margin:6px 0}.rwin.won{color:var(--green)}.rwin.lost{color:var(--red)}
@keyframes popIn{0%{transform:scale(.3);opacity:0}70%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}.pop-in{animation:popIn .4s ease}
/* Wingo result list */
#w-result-panel{scrollbar-width:none}#w-result-panel::-webkit-scrollbar{display:none}
.w-res-row{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-radius:8px;margin-bottom:3px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.04)}
.w-res-ball{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Nunito,sans-serif;font-size:12px;font-weight:900;color:#fff}

/* SPIN */
.spin-chip{display:inline-block;padding:3px 10px;border-radius:4px;font-family:Nunito,sans-serif;font-size:10px;font-weight:700;margin:2px}
/* KENO */
.kgrid{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;margin-bottom:8px}.kball{width:100%;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:all .15s;color:var(--text3)}.kball:hover:not(.picked):not(.drawn):not(.hit){background:var(--surface2);transform:scale(1.08)}.kball.picked{background:rgba(212,162,38,.15);border-color:var(--gold);color:var(--gold)}.kball.drawn{background:rgba(237,65,99,.1);border-color:rgba(237,65,99,.3);color:var(--red)}.kball.hit{background:rgba(46,204,113,.2);border-color:var(--green);color:#fff;animation:hitPulse .3s ease}@keyframes hitPulse{0%{transform:scale(.7)}50%{transform:scale(1.15)}100%{transform:scale(1)}}
/* ROULETTE */
.rou-num{display:inline-flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;font-family:Nunito,sans-serif;font-size:12px;font-weight:800;cursor:pointer;margin:2px;border:2px solid transparent;color:#fff}.rn-r{background:#ed4163}.rn-b{background:var(--surface)}.rou-num.sel{border-color:var(--gold);transform:scale(1.1)}.rou-bet-btn{background:var(--surface);border:1px solid var(--border);color:var(--text2);border-radius:6px;padding:7px 12px;font-size:10px;font-weight:700;cursor:pointer}.rou-bet-btn.sel{background:linear-gradient(135deg,var(--gold),#e8b830);border-color:var(--gold);color:#1a1a2e}.rou-bet-btn:active{transform:scale(.93)}
/* COIN FLIP */
.coin{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;margin:0 auto}.coin.head{background:linear-gradient(135deg,#d4a226,#f0c040);box-shadow:0 0 24px rgba(212,162,38,.3)}.coin.tail{background:var(--surface3)}.coin.spinning{animation:coinSpin .7s ease-in-out}@keyframes coinSpin{0%{transform:rotateY(0) scale(1)}50%{transform:rotateY(900deg) scale(.6)}100%{transform:rotateY(1440deg) scale(1)}}
/* SPACE DICE */
.sd-num{font-family:'Courier New',monospace;font-size:44px;font-weight:900;text-align:center;margin:8px 0;color:var(--gold);letter-spacing:6px}
/* HORSE */
.horse-row{display:flex;align-items:center;gap:8px;background:var(--surface);border-radius:8px;padding:10px 12px;margin-bottom:5px;border:1px solid var(--border);cursor:pointer}.horse-row.sel{border-color:var(--gold);background:rgba(212,162,38,.04)}.horse-odds{font-family:Nunito,sans-serif;font-size:12px;font-weight:800;color:var(--gold)}.track{position:relative;height:36px;background:var(--surface);border-radius:6px;margin-bottom:3px;overflow:hidden;border:1px solid var(--border)}.rhorse{position:absolute;top:50%;transform:translateY(-50%);font-size:20px;transition:left .08s linear}
/* BOMB */
.bwgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:8px}.bwcell{aspect-ratio:1;border-radius:8px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;transition:all .15s}.bwcell.dis{opacity:.25}.bwcell:hover:not(.rev):not(.dis){background:var(--surface2);transform:scale(1.04)}.bwcell.rev.safe{background:rgba(46,204,113,.1);border-color:rgba(46,204,113,.3);animation:gemPop .25s ease}.bwcell.rev.bomb{background:rgba(237,65,99,.1);border-color:rgba(237,65,99,.3);animation:bombEx .25s ease}
/* HILO */
.hl-card{font-family:Nunito,sans-serif;font-size:32px;font-weight:900;width:72px;height:100px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:2px solid var(--border)}.hstreak{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;color:#fff;background:var(--green)}
/* DT */
.dt-card{font-family:Nunito,sans-serif;font-size:24px;font-weight:900;width:72px;height:100px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:2px solid var(--border);transition:all .35s}.dt-card.back{background:var(--surface2);color:var(--text3)}.dt-card.face{background:var(--surface);transform:rotateY(360deg);color:#fff}
/* TREASURE */
.tgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:8px}.tchest{aspect-ratio:1;border-radius:8px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:all .15s}.tchest.dis{opacity:.25}.tchest:hover:not(.opened):not(.dis){transform:scale(1.05)}.tchest.opened.gold{background:rgba(212,162,38,.1);border-color:rgba(212,162,38,.3);animation:gemPop .25s ease}.tchest.opened.empty{opacity:.4}
/* GOAL */
.gw-field{position:relative;width:100%;height:140px;border-radius:10px;background:linear-gradient(180deg,#0a2e0a,#0d3d0d);border:1px solid rgba(46,204,113,.1);margin-bottom:8px;overflow:hidden}.gw-field::before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:rgba(255,255,255,.1)}.gw-field::after{content:'';position:absolute;top:30%;left:35%;width:30%;height:40%;border:1px solid rgba(255,255,255,.1);border-radius:3px}#gkeeper{position:absolute;font-size:26px;transition:left .25s;bottom:10px}#gball{position:absolute;font-size:20px;transition:all .25s}
/* AB */
.ab-side{flex:1;text-align:center;border-radius:10px;padding:12px;cursor:pointer;background:var(--surface);border:2px solid transparent}.ab-side.sel{border-color:var(--gold);background:rgba(212,162,38,.04)}.ab-mini{display:inline-flex;width:26px;height:34px;border-radius:4px;align-items:center;justify-content:center;font-size:9px;font-weight:700;background:var(--surface2);border:1px solid var(--border);margin:1px;animation:cardDeal .25s ease}@keyframes cardDeal{0%{transform:translateY(-12px);opacity:0}100%{transform:translateY(0);opacity:1}}
/* SNAKES */
.snk-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;margin-bottom:8px}.snk-cell{border-radius:8px;padding:6px 3px;text-align:center;background:var(--surface);border:1px solid var(--border);cursor:pointer}.snk-cell.start{background:rgba(46,204,113,.06);border-color:rgba(46,204,113,.15)}.snk-cell.snake{background:rgba(237,65,99,.06);border-color:rgba(237,65,99,.12)}.snk-cell:hover:not(.snake):not(.start){background:var(--surface2)}.snk-mult{font-family:Nunito,sans-serif;font-size:9px;font-weight:800;color:var(--text3);margin-top:2px}.snk-risk-btn{background:var(--surface);border:1px solid var(--border);color:var(--text2);border-radius:6px;padding:6px 12px;font-size:10px;font-weight:700;cursor:pointer}.snk-risk-btn.sel{background:linear-gradient(135deg,var(--gold),#e8b830);border-color:var(--gold);color:#1a1a2e}
/* COH */
.coh-btn{width:56px;height:56px;border-radius:50%;background:var(--surface);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:26px;cursor:pointer}.coh-btn.sel{border-color:var(--gold);background:rgba(212,162,38,.06);transform:scale(1.08)}.coh-btn:active{transform:scale(.92)}
/* JAVELIN */
.jav-field{position:relative;width:100%;height:170px;border-radius:10px;background:var(--surface);border:1px solid var(--border);overflow:hidden;margin-bottom:8px}.jav-mult{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Nunito,sans-serif;font-size:46px;font-weight:900;color:var(--gold)}.jav-mult.crashed{color:var(--red)}#jav-jav{position:absolute;font-size:30px;transition:left .1s,bottom .1s;filter:drop-shadow(0 0 10px rgba(212,162,38,.5))}
/* ROCKET */
#rk-sky{width:100%;height:220px;border-radius:10px;position:relative;overflow:hidden;margin-bottom:8px;background:var(--surface);border:1px solid var(--border)}#rk-star-cvs{position:absolute;inset:0;pointer-events:none}#rk-rocket-el{position:absolute;left:50%;transform:translateX(-50%);font-size:32px;transition:bottom .1s;filter:drop-shadow(0 0 14px rgba(255,100,50,.6))}#rk-flame-el{position:absolute;left:50%;transform:translateX(-50%);font-size:18px;opacity:.8;transition:bottom .1s;animation:flameFlicker .15s ease infinite}@keyframes flameFlicker{50%{opacity:1;transform:translateX(-50%) scaleY(1.15)}}#rk-mult-el{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Nunito,sans-serif;font-size:46px;font-weight:900;color:var(--gold)}#rk-mult-el.crashed{color:var(--red)}
/* OTP */
.otp-inp{width:38px;height:46px;border-radius:8px;border:2px solid var(--border2);background:var(--surface);text-align:center;color:#fff;font-family:Nunito,sans-serif;font-size:18px;font-weight:900;outline:none}.otp-inp:focus{border-color:var(--gold)}
/* VIP */
.vip-tier{background:var(--surface);border-radius:10px;padding:14px;margin-bottom:8px;border:1px solid var(--border);display:flex;align-items:center;gap:12px;cursor:pointer}.vip-tier:hover{background:var(--surface2)}.vip-tier.current{border-color:var(--gold);background:rgba(212,162,38,.03)}.vip-badge{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}.vip-progress{height:5px;border-radius:3px;background:var(--surface);overflow:hidden;margin-top:4px}.vip-progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--gold),#f0c040);transition:width .5s ease}
/* BONUS */
.bonus-day{width:100%;aspect-ratio:1;border-radius:8px;background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;font-size:9px;font-weight:700;color:var(--text3)}.bonus-day.claimed{background:rgba(46,204,113,.06);border-color:rgba(46,204,113,.15);color:var(--green)}.bonus-day.today{border-color:var(--gold);background:rgba(212,162,38,.08);color:#fff}.bonus-day.locked{opacity:.3}
/* MISC */
#confetti-cvs{position:fixed;top:0;left:50%;transform:translateX(-50%);width:390px;height:100vh;pointer-events:none;z-index:9998}::-webkit-scrollbar{width:2px;background:transparent}::-webkit-scrollbar-thumb{background:rgba(212,162,38,.1);border-radius:2px}

/* LOTTERY CARDS */
.lot-card{transition:transform .15s,box-shadow .15s}.lot-card:active{transform:scale(.96)}

/* UPI PAYMENT */
.upi-amt-btn{background:var(--surface);border:1.5px solid var(--border);border-radius:12px;padding:12px 6px;text-align:center;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;align-items:center;gap:3px;}
.upi-amt-btn:active{transform:scale(.93)}
.upi-amt-btn.sel{border-color:var(--gold);background:rgba(212,162,38,.1);box-shadow:0 0 14px rgba(212,162,38,.15)}
.upi-amt-coin{font-size:16px}
.upi-amt-val{font-family:Nunito,sans-serif;font-size:13px;font-weight:900;color:#fff}
.upi-amt-rs{font-size:9px;font-weight:700;color:rgba(255,255,255,.35)}

/* ── BUTTON ALIGNMENT FIXES ── */
/* Consistent +/- stepper buttons across all games */
.step-btn{width:38px;height:38px;min-width:38px;min-height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#fff;font-size:20px;cursor:pointer;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;line-height:1;}
.step-btn:active{transform:scale(.9)}
/* Quick chip buttons – uniform height */
.qchip{height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:11px;font-weight:800;cursor:pointer;padding:0 6px;border:none;}
.qchip:active{transform:scale(.92)}
/* Wingo color buttons – fixed equal height */
.wc-btn-wrap{display:flex;gap:8px;margin-bottom:10px;}
.wc-btn-wrap button{flex:1;min-height:72px;border:none;border-radius:12px;cursor:pointer;color:#fff;font-family:'Nunito',sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0;}
.wc-btn-wrap button:active{transform:scale(.95)}
/* Main game action button */
.game-main-btn{width:100%;padding:16px;border:none;border-radius:14px;font-family:'Nunito',sans-serif;font-size:17px;font-weight:900;cursor:pointer;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:6px;}
.game-main-btn:active{transform:scale(.98)}
/* Promo/Activity CTA buttons */
.cta-btn{padding:12px;border:none;border-radius:10px;font-family:'Nunito',sans-serif;font-size:13px;font-weight:900;cursor:pointer;text-align:center;}
.cta-btn:active{transform:scale(.96)}
.cta-btn-outline{padding:12px 16px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:transparent;color:rgba(255,255,255,.6);font-size:12px;font-weight:700;cursor:pointer;}
.cta-btn-outline:active{transform:scale(.96)}