@font-face{font-family:Inter;src:url(../assets/fonts/inter-medium.woff) format('woff');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url(../assets/fonts/inter-semibold.woff) format('woff');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url(../assets/fonts/inter-bold.woff) format('woff');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url(../assets/fonts/inter-extrabold.woff) format('woff');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url(../assets/fonts/inter-black.woff) format('woff');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url(../assets/fonts/inter-extrabolditalic.woff) format('woff');font-weight:800;font-style:italic;font-display:swap}
@font-face{font-family:Inter;src:url(../assets/fonts/inter-blackitalic.woff) format('woff');font-weight:900;font-style:italic;font-display:swap}
[hidden]{display:none!important}
:root{
  --bg:#0f1f2b;--side:#0c1923;--top:#122533;--p1:#16293a;--p2:#1e3446;--p3:#2a445a;--p4:#37556e;--ln:#253c50;
  --tx:#fff;--mu:#a9b8cb;--mu2:#7489a1;--acc:#39c6ff;--acc2:#7ad8ff;--accd:#04263a;--win:#21e07a;--loss:#ff4d6a;--gold:#ffcf3d;
  --r:8px;--sidew:236px;--topH:60px;
  font:600 14px/1.4 "Inter","Segoe UI",system-ui,-apple-system,Roboto,sans-serif;color:var(--tx);background:var(--bg);
  -webkit-font-smoothing:antialiased;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0}body{min-height:100vh;overflow-x:hidden}
button,input,select{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer;padding:0}a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
input[type=number]{-moz-appearance:textfield}input::-webkit-inner-spin-button{-webkit-appearance:none}
.muted{color:var(--mu)}.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}.up{color:var(--win)}.dn{color:var(--mu)}
.coin{width:16px;height:16px;flex:none;vertical-align:-3px}
.amt{display:inline-flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums}
/* ---------- top bar ---------- */
.top{position:fixed;inset:0 0 auto 0;height:var(--topH);background:var(--top);box-shadow:0 4px 12px #0005;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;z-index:40}
.tl,.tr{display:flex;align-items:center;gap:10px}.tr{justify-content:flex-end}
.brand{display:flex;align-items:center;gap:9px;font-weight:900;font-size:21px;letter-spacing:-.4px;font-style:italic}.brand .lg{width:30px;height:30px}
.wallet{display:flex;align-items:center;background:var(--bg);border-radius:var(--r);overflow:hidden}
.wpill{display:flex;align-items:center;gap:8px;padding:0 14px;height:42px;font-weight:700;font-size:15px;font-variant-numeric:tabular-nums;transition:color .3s}
.wpill .wc{width:18px;height:18px}.wpill.up{color:var(--win)}.wpill.down{color:#ffb3c0}
.wcur{background:var(--acc);color:var(--accd);font-weight:800;padding:0 16px;height:42px;display:grid;place-items:center}
.ibtn{width:38px;height:38px;border-radius:var(--r);display:grid;place-items:center;color:var(--mu);transition:background .15s,color .15s}.ibtn:hover{background:var(--p2);color:#fff}.ibtn svg{width:20px;height:20px}.ibtn.sm{width:32px;height:32px;background:var(--p2)}.ibtn.sm svg{width:14px;height:14px}
.ibtn[aria-pressed=true]{color:var(--gold)}
.acct{position:relative}.avatar{display:grid;place-items:center}.av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:900;color:#06202c;font-size:16px}.av.big{width:56px;height:56px;font-size:24px}
.menu{position:absolute;right:0;top:46px;background:#fff;color:#0f1f2b;border-radius:var(--r);min-width:200px;padding:6px;box-shadow:0 10px 30px #0008;z-index:50}
.menu button{display:flex;gap:10px;align-items:center;width:100%;padding:10px 12px;border-radius:6px;font-weight:700}.menu button:hover{background:#e6edf3}.menu svg{width:18px;height:18px}
.mhdr{padding:8px 12px 10px;border-bottom:1px solid #e1e7ee;margin-bottom:4px}.mhdr b{display:block}.mhdr small{color:#5f7187}
/* ---------- sidebar ---------- */
.side{position:fixed;top:var(--topH);bottom:0;left:0;width:var(--sidew);background:var(--side);padding:14px 12px;overflow-y:auto;z-index:30;transition:width .2s}
.sgroup{background:var(--p1);border-radius:var(--r);padding:6px;margin-bottom:12px}.shead{color:var(--mu2);font-size:11.5px;font-weight:800;padding:8px 10px 4px}
.nav{display:flex;align-items:center;gap:12px;padding:10px;border-radius:6px;color:var(--mu);width:100%;text-align:left;white-space:nowrap;font-weight:700}.nav svg{width:18px;height:18px;flex:none}.nav:hover{background:var(--p2);color:#fff}.nav[aria-current]{background:var(--p3);color:#fff}
.content{margin-left:var(--sidew);padding-top:var(--topH);transition:margin .2s;min-width:0}
body.mini{--sidew:68px}body.mini .side .nav span,body.mini .shead{display:none}body.mini .nav{justify-content:center}
.view{outline:0;min-height:calc(100vh - var(--topH) - 200px)}.page,.gwrap{max-width:1240px;margin:0 auto;padding:24px 24px 40px}
.loading{display:grid;place-items:center;height:60vh}.spin{width:42px;height:42px;border-radius:50%;border:4px solid var(--p3);border-top-color:var(--acc);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.bnav,.sscrim{display:none}
/* ---------- lobby ---------- */
.welcome{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:18px}.welcome h1{margin:0;font-size:26px;letter-spacing:-.4px}.wstats{display:flex;gap:18px;color:var(--mu)}.wstats b{color:#fff;display:inline-flex;gap:5px;align-items:center;margin-left:4px}
.banners{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}
.banner{position:relative;border-radius:12px;overflow:hidden;min-height:176px;display:flex;padding:20px;isolation:isolate;transition:transform .15s}.banner:hover{transform:translateY(-3px)}
.banner.b1{background:linear-gradient(120deg,#ff3d8e,#7a0f4e)}.banner.b2{background:linear-gradient(120deg,#3a8bff,#2b2690)}.banner.b3{background:linear-gradient(120deg,#13b88a,#0b4e4c)}
.btxt{position:relative;z-index:2;max-width:62%;display:flex;flex-direction:column;align-items:flex-start}.btxt small{font-size:11px;font-weight:800;opacity:.8;letter-spacing:.3px}.btxt h3{margin:4px 0 6px;font-size:21px;line-height:1.15;font-weight:900}.btxt p{margin:0 0 14px;font-size:12.5px;opacity:.9;font-weight:600}
.bcta{margin-top:auto;background:#fff;color:#0f1f2b;padding:8px 14px;border-radius:6px;font-weight:800;font-size:13px}
.bart{position:absolute;right:-18px;top:50%;width:150px;transform:translateY(-50%) rotate(8deg);z-index:1;border-radius:10px;overflow:hidden;box-shadow:0 10px 26px #0007}.bart svg{display:block;width:100%;height:auto}
.lsearch{width:100%;background:var(--p1);border:2px solid var(--p2);border-radius:999px;padding:12px 20px;outline:0;margin-bottom:16px;font-weight:600}.lsearch:focus{border-color:var(--p4)}.lsearch::placeholder{color:var(--mu2)}
.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:10px;scrollbar-width:none}.chip{display:flex;gap:8px;align-items:center;padding:10px 16px;border-radius:999px;background:var(--p1);white-space:nowrap;font-weight:700;color:var(--mu)}.chip svg{width:16px;height:16px}.chip.on,.chip:hover{background:var(--p3);color:#fff}
.row{margin:22px 0}.rhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.rhead h2{display:flex;align-items:center;gap:9px;font-size:17px;margin:0}.rhead h2 svg{width:18px;height:18px;color:var(--mu)}.rnav{display:flex;gap:6px;align-items:center}.all{color:var(--mu);font-weight:700;margin-right:6px;padding:6px 10px;border-radius:6px;background:var(--p2);font-size:13px}.all:hover{color:#fff}
.track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 6*12px)/7);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 2px}.track::-webkit-scrollbar{display:none}
.gtile{display:block;border-radius:10px;overflow:hidden;scroll-snap-align:start;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 10px #0004;position:relative}.gtile:hover{transform:translateY(-6px);box-shadow:0 12px 22px #0008}
.tart{display:block;width:100%;height:auto;aspect-ratio:3/4}.tt{fill:#fff;font-weight:800;letter-spacing:.2px}.ts{fill:#fff;opacity:.72;font-size:10.5px;font-weight:700;letter-spacing:2px}
.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.tgrid.sm{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:4px}
.ptitle{font-size:24px;margin:0 0 18px}.empty{background:var(--p1);border-radius:12px;padding:36px;text-align:center;color:var(--mu)}.empty .btn{display:inline-block;width:auto;padding:12px 24px}.empty.sm{padding:22px}
.bets{margin-top:30px}
.tblw{overflow-x:auto;background:var(--p1);border-radius:10px}.tbl{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.tbl th{color:var(--mu);text-align:left;font-weight:700;padding:12px 16px;font-size:13px}.tbl td{padding:12px 16px;border-top:1px solid var(--bg);white-space:nowrap}.tbl tbody tr:nth-child(odd){background:#ffffff05}
.tbl td:nth-child(n+4),.tbl th:nth-child(n+4){text-align:right}.tbl .amt{justify-content:flex-end}.tbl td .coin{margin-left:4px}.gname{display:inline-flex;gap:8px;align-items:center}.gname svg{width:16px;height:16px;color:var(--mu)}.gname:hover{color:var(--acc)}
/* ---------- footer ---------- */
.foot{background:var(--side);padding:40px 24px 90px;margin-top:40px;color:var(--mu)}.fcols{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:24px}.foot h4{color:#fff;margin:4px 0 12px}.foot a:not(.brand),.flink{display:block;padding:4px 0;color:var(--mu);text-align:left;font-weight:600}.foot a:hover,.flink:hover{color:#fff}.foot .fcols p{max-width:40ch;font-weight:500}
.disc{max-width:1240px;margin:28px auto 0;font-size:12px;color:var(--mu2);font-weight:500}.copy{max-width:1240px;margin:8px auto 0;font-size:12px;color:var(--mu2)}
/* ---------- buttons / form ---------- */
.btn{display:block;width:100%;padding:13px 16px;border-radius:var(--r);background:var(--p3);font-weight:800;text-align:center;transition:background .12s,transform .08s,filter .12s;box-shadow:0 2px 0 #0003}.btn:hover:not(:disabled){background:var(--p4)}.btn:active:not(:disabled){transform:translateY(1px)}
.btn.go{background:var(--go,var(--acc));color:var(--goTx,var(--accd))}.btn.go:hover:not(:disabled){background:var(--go2,var(--acc2))}.btn.cash{background:var(--win);color:#052914}.btn.cash:hover:not(:disabled){filter:brightness(1.1)}.btn.stop{background:var(--loss);color:#fff}
.btn.big{padding:15px 16px;font-size:15px}.btn:disabled{opacity:.5;cursor:not-allowed}
.fld{margin-bottom:12px}.flab{display:flex;justify-content:space-between;color:var(--mu);font-size:13px;font-weight:700;margin-bottom:6px}.fright{display:flex;align-items:center;gap:5px;color:var(--mu)}
.inbox{display:flex;align-items:center;background:var(--bg);border:2px solid var(--p3);border-radius:var(--r);transition:border-color .15s;min-width:0}.inbox:hover,.inbox:focus-within{border-color:var(--p4)}
.inbox input{flex:1;min-width:0;background:none;border:0;outline:0;padding:9px 10px;font-weight:700;font-variant-numeric:tabular-nums}.inbox .coin{margin-right:10px}.inbox.ro{background:var(--p2)}.suf{color:var(--mu2);margin-right:10px;font-weight:800}
.betin{display:flex;background:var(--p3);border-radius:var(--r);padding:2px;gap:2px}.betin .inbox{flex:1;border:0}.mini{padding:0 14px;font-weight:800;border-radius:6px;min-width:44px;color:#fff}.mini:hover:not(:disabled){background:var(--p4)}.mini:disabled{opacity:.5}
.sel{width:100%;background:var(--bg);border:2px solid var(--p3);border-radius:var(--r);padding:9px 10px;font-weight:700;outline:0;cursor:pointer}
.seg{display:flex;background:var(--bg);border-radius:var(--r);padding:4px;gap:4px}.seg button{flex:1;padding:8px 6px;border-radius:6px;font-weight:800;color:var(--mu);white-space:nowrap}.seg button[aria-checked=true]{background:var(--p3);color:#fff}.seg button:disabled{cursor:not-allowed}
.tabs{display:flex;background:var(--bg);border-radius:999px;padding:5px;gap:4px;margin-bottom:14px}.tabs button{flex:1;padding:9px;border-radius:999px;font-weight:800;color:var(--mu)}.tabs button[aria-selected=true]{background:var(--p3);color:#fff}
.tin{width:100%;background:var(--bg);border:2px solid var(--p3);border-radius:var(--r);padding:11px 12px;outline:0;font-weight:700}.tin:focus{border-color:var(--p4)}
.modrow{display:flex;gap:4px;background:var(--bg);border-radius:var(--r);padding:3px}.modrow .tog{padding:7px 10px;border-radius:6px;font-weight:800;font-size:12.5px;color:var(--mu);white-space:nowrap}.modrow .tog.on{background:var(--p3);color:#fff}.modrow .inbox{flex:1;border:0;background:none}
/* ---------- game frame ---------- */
.gcard{background:var(--p1);border-radius:12px;overflow:hidden;box-shadow:0 6px 18px #0004}
.game{display:grid;grid-template-columns:320px 1fr;min-height:600px}
.gpanel{background:var(--p2);padding:16px;display:flex;flex-direction:column}.gpanel .btn.big{margin-top:6px}.opts{display:contents}.autobox{display:block}.autobox[hidden]{display:none}
.bal-mini b{font-variant-numeric:tabular-nums;color:var(--mu)}.bal-mini .coin{width:13px;height:13px}
.stage{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;min-width:0;background:var(--stage-bg,var(--bg))}
.gbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-top:2px solid var(--p2);background:var(--p1)}.gbl,.gbr{display:flex;gap:4px;align-items:center}.gbm{display:flex;align-items:center;gap:7px;font-weight:900;font-style:italic;color:var(--mu)}.gbm .wm{width:20px;height:20px}
.lnk{display:flex;gap:6px;align-items:center;color:var(--mu);font-weight:700;padding:8px 10px;border-radius:6px}.lnk:hover{background:var(--p2);color:#fff}.lnk svg{width:16px;height:16px}
.gdesc{background:var(--p1);border-radius:12px;padding:18px 20px;margin-top:16px}.gdesc p{color:var(--mu);margin:10px 0 0;font-weight:500;max-width:80ch;line-height:1.55}.gdesc h3{margin:0 0 12px;font-size:16px}
.gdh{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}.gdh h1{font-size:20px;margin:0}.prov{color:var(--mu);font-size:13px}.chips2{display:flex;gap:6px;flex-wrap:wrap}.chips2 span{background:var(--p2);padding:6px 10px;border-radius:6px;color:var(--mu);font-size:12.5px}
.gdesc .tblw{background:var(--bg)}
.result-flash{animation:flash .5s}@keyframes flash{0%{filter:brightness(1.8)}}
.pop{animation:popin .3s cubic-bezier(.2,1.6,.4,1)}@keyframes popin{from{transform:scale(.6);opacity:0}}
.winbox{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--p1);border:3px solid var(--win);border-radius:12px;padding:16px 26px;text-align:center;z-index:20;box-shadow:0 12px 40px #000a;animation:popin .3s cubic-bezier(.2,1.6,.4,1);pointer-events:none}
.winbox b{display:block;color:var(--win);font-size:30px;font-variant-numeric:tabular-nums}.winbox span{display:flex;gap:6px;align-items:center;justify-content:center;color:var(--mu);font-weight:700;margin-top:4px;font-variant-numeric:tabular-nums}
/* ---------- modal / toast ---------- */
.scrim{position:fixed;inset:0;background:#05101acc;display:grid;place-items:center;z-index:80;padding:16px;animation:fade .15s}.scrim.out{opacity:0;transition:opacity .18s}@keyframes fade{from{opacity:0}}
.modal{background:var(--p1);border-radius:12px;width:min(440px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:0 20px 50px #000a;animation:popin .2s}.modal.wide{width:min(620px,100%)}
.mhead{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:2px solid var(--p2)}.mhead h2{margin:0;font-size:17px}.x{width:32px;height:32px;display:grid;place-items:center;border-radius:6px;color:var(--mu)}.x:hover{background:var(--p2);color:#fff}.x svg{width:16px;height:16px}
.mbody{padding:18px;overflow-y:auto}.mbody p{margin-top:0}
.ferr{color:var(--loss);min-height:18px;font-size:13px;margin:-6px 0 8px}.avs{display:flex;gap:10px}.avpick{width:34px;height:34px;border-radius:50%;border:3px solid transparent}.avpick[aria-pressed=true]{border-color:#fff}
.nform .btn{margin-top:6px}
.settings section{background:var(--bg);border-radius:10px;padding:14px;margin-bottom:12px}.settings h3{margin:0 0 12px;font-size:14px;color:var(--mu)}.settings .btn{margin-top:4px}.settings .disc{margin:12px 0 0}
.srow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0}.srow small{display:block;color:var(--mu2);font-weight:500;margin-top:2px}.srow input[type=range]{width:160px;accent-color:var(--acc)}
.switch{width:46px;height:26px;border-radius:99px;background:var(--p3);position:relative;flex:none;transition:background .15s}.switch:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s}.switch[aria-checked=true]{background:var(--acc)}.switch[aria-checked=true]:after{transform:translateX(20px)}
.sthead{display:flex;gap:12px;align-items:center;margin-bottom:16px}.sthead small{display:block;color:var(--mu)}.stgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stc{background:var(--bg);border-radius:8px;padding:12px}.stc small{display:block;color:var(--mu);margin-bottom:4px}.stc b{font-size:16px}
.prev{margin-top:18px}.prev h3{font-size:14px}.vout{background:var(--bg);border-radius:8px;padding:12px;display:grid;gap:6px}.vout .sm{word-break:break-all;color:var(--mu)}
.toasts{position:fixed;top:72px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:90;pointer-events:none}
.toastx{background:var(--p2);border-left:4px solid var(--acc);padding:12px 16px;border-radius:6px;box-shadow:0 8px 20px #0007;font-weight:700;animation:slidein .25s;max-width:320px}.toastx.win{border-color:var(--win)}.toastx.loss{border-color:var(--loss)}.toastx.out{opacity:0;transform:translateX(20px);transition:.3s}@keyframes slidein{from{transform:translateX(30px);opacity:0}}
/* ---------- responsive ---------- */
@media(max-width:1200px){.track{grid-auto-columns:calc((100% - 5*12px)/6)}}
@media(max-width:1000px){.game{grid-template-columns:280px 1fr}.track{grid-auto-columns:calc((100% - 4*12px)/5)}.banners{grid-template-columns:repeat(2,1fr)}.banner.b3{display:none}}
@media(max-width:900px){
  :root{--sidew:0px;--topH:56px}body.mini{--sidew:0px}
  .side{width:260px;transform:translateX(-100%);transition:transform .2s}body.drawer .side{transform:none}body.drawer .sscrim{display:block;position:fixed;inset:0;background:#0008;z-index:25}
  body.mini .side .nav span,body.mini .shead{display:revert}body.mini .nav{justify-content:flex-start}
  .top{padding:0 10px;grid-template-columns:auto 1fr auto;gap:8px}.burger{display:none}.brand span{display:none}.wallet{justify-self:center}.wpill{height:38px;padding:0 10px;font-size:14px}.wcur{height:38px;padding:0 10px;font-size:13px}
  .bnav{display:flex;position:fixed;inset:auto 0 0 0;height:60px;background:var(--top);z-index:40;box-shadow:0 -4px 12px #0005;padding-bottom:env(safe-area-inset-bottom)}
  .bnav>*{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:700;color:var(--mu)}.bnav svg{width:20px;height:20px}
  .page,.gwrap{padding:14px 12px 30px}.game{grid-template-columns:1fr}.gpanel{order:2}.stage{min-height:360px;padding:14px}
  .track{grid-auto-columns:calc((100% - 2*10px)/3.2);gap:10px}.banners{grid-template-columns:1fr;gap:10px}.banner{min-height:150px}.banner.b2{display:none}
  .fcols{grid-template-columns:1fr 1fr}.welcome h1{font-size:21px}.tbl td,.tbl th{padding:10px 10px}.stgrid{grid-template-columns:repeat(2,1fr)}.toasts{top:64px;right:10px;left:10px;align-items:flex-end}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* ---------- shared: history pills ---------- */
.hist{position:absolute;top:14px;right:14px;display:flex;gap:6px;flex-direction:row-reverse;justify-content:flex-start;max-width:calc(100% - 28px);overflow:hidden;z-index:5}
.hp{padding:7px 10px;border-radius:999px;font-weight:800;font-size:12.5px;background:var(--p3);font-variant-numeric:tabular-nums;white-space:nowrap}.hp.w{background:var(--win);color:#052914}
/* ---------- dice ---------- */
.dice{justify-content:center;gap:56px;padding-top:70px}
.dbox{width:min(640px,100%);background:var(--p2);border-radius:999px;padding:26px 30px 28px;position:relative}
.dticks{position:absolute;left:30px;right:30px;top:-34px;height:20px}.dticks span{position:absolute;transform:translateX(-50%);color:var(--mu);font-weight:800;font-size:13px}
.dtrackwrap{position:relative;height:14px}.dtrack{position:absolute;inset:0;border-radius:99px;overflow:hidden;background:var(--bg)}.dlose,.dwin{position:absolute;top:0;bottom:0}.dlose{background:var(--loss)}.dwin{background:var(--win)}
.dthumb{position:absolute;top:50%;width:34px;height:34px;transform:translate(-50%,-50%);background:var(--acc);border-radius:6px;box-shadow:0 3px 8px #0008;pointer-events:none;background-image:repeating-linear-gradient(90deg,transparent 0 10px,#04263a55 10px 12px,transparent 12px 14px);background-size:14px 100%;background-position:center;background-repeat:no-repeat}
.drange{position:absolute;inset:-14px 0;width:100%;height:42px;opacity:0;cursor:grab;margin:0}.drange:active{cursor:grabbing}.drange:disabled{cursor:not-allowed}
.dmark{position:absolute;bottom:22px;transform:translateX(-50%);transition:left .3s cubic-bezier(.3,1.3,.5,1);pointer-events:none}
.dhex{width:64px;height:58px;display:grid;place-items:center;background:#fff;color:var(--accd);font-weight:900;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);font-variant-numeric:tabular-nums;font-size:14px}
.dmark.win .dhex{color:#0a8a44}.dmark.lose .dhex{color:#d4223f}.dmark.win,.dmark.lose{animation:bump .25s}@keyframes bump{50%{transform:translateX(-50%) scale(1.15)}}
.dstats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(640px,100%);background:var(--p2);border-radius:10px;padding:14px 14px 2px}
.tgrow{display:flex;gap:4px}.tgrow .inbox{flex:1}.swap{background:var(--p3);color:#fff;font-size:16px;font-weight:900;height:auto;width:38px}
@media(max-width:900px){.dstats{grid-template-columns:repeat(2,minmax(0,1fr))}.dstats .fld:first-child{grid-column:span 2}.dice{gap:44px}.dbox{padding:22px 20px}.dticks{left:20px;right:20px}}
.fld{min-width:0}
/* ---------- limbo ---------- */
.limbo{background:radial-gradient(ellipse at 50% 120%,#3b1a7a,#0f1f2b 65%);justify-content:space-between;padding:70px 24px 24px}
.lstars{position:absolute;inset:0;pointer-events:none}.lstars i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;animation:tw 4s ease-in-out infinite}@keyframes tw{50%{opacity:.1}}
.lnum{font-size:clamp(64px,11vw,128px);font-weight:900;font-variant-numeric:tabular-nums;margin:auto 0;letter-spacing:-2px;z-index:1}.lnum.w{color:var(--win)}.lnum.l{color:var(--loss)}
.lstats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(560px,100%);background:var(--p2);border-radius:10px;padding:14px 14px 2px;z-index:1}
/* ---------- crash ---------- */
.crash{padding:0;min-height:600px}.ccv{position:absolute;inset:0;width:100%;height:100%}
.cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}
.cnum{font-size:clamp(56px,9vw,104px);font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-2px}.cnum.w{color:var(--win)}.cnum.l{color:var(--loss)}
.csub{color:var(--mu);font-weight:800;font-size:16px;display:flex;align-items:center;gap:6px;min-height:22px}
@media(max-width:900px){.crash{min-height:380px}}
/* ---------- plinko ---------- */
.plinko{padding:0;min-height:600px}.pcv{position:absolute;inset:0;width:100%;height:100%}
.phist{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:4px;width:64px;border-radius:8px;overflow:hidden}
.phist span{padding:9px 4px;text-align:center;font-weight:900;font-size:12.5px;color:#0d1a24}
.ptip{position:absolute;transform:translate(-50%,-100%);background:var(--p2);border-radius:8px;padding:10px 12px;display:flex;gap:16px;box-shadow:0 8px 20px #0008;pointer-events:none;z-index:5;white-space:nowrap}.ptip small{display:block;color:var(--mu);font-size:11.5px}.ptip b{font-size:13px}
@media(max-width:900px){.plinko{min-height:420px}.phist{width:48px;right:6px}.phist span{font-size:10.5px;padding:7px 2px}}
.two{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.two .fld{margin:0}.gpanel .btn:not(.big){margin-bottom:12px}.two .btn{margin:0!important}
/* ---------- mines ---------- */
.mgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;width:min(560px,100%);aspect-ratio:1}
.mt{border-radius:10px;background:var(--p3);box-shadow:0 5px 0 #1a2c3a;display:grid;place-items:center;transition:transform .12s,background .12s;position:relative}
.mt.live:hover:not(:disabled){transform:translateY(-4px);background:var(--p4)}.mt.press{transform:translateY(3px);box-shadow:0 2px 0 #1a2c3a}.mt:disabled{cursor:default}
.mt.gem,.mt.mine{background:#0b1620;box-shadow:inset 0 0 0 2px #0002}.mt .mi{width:62%;height:62%;animation:reveal .35s cubic-bezier(.2,1.5,.4,1)}.mt.mine:not(.dim){background:#3a1320}
.mt.dim{opacity:.5}.mt.dim .mi{width:46%;height:46%;animation:none}@keyframes reveal{from{transform:scale(.2) rotate(-30deg);opacity:0}}
.shake{animation:shake .35s}@keyframes shake{20%{transform:translate(-6px,2px)}40%{transform:translate(5px,-3px)}60%{transform:translate(-3px,3px)}80%{transform:translate(2px,-1px)}}
/* ---------- keno ---------- */
.keno{gap:14px}.kgrid{display:grid;grid-template-columns:repeat(8,1fr);gap:9px;width:min(640px,100%)}
.kc{aspect-ratio:1;border-radius:9px;background:var(--p3);box-shadow:0 4px 0 #1a2c3a;font-weight:900;font-size:17px;transition:transform .1s,background .15s}.kc:hover:not(:disabled){transform:translateY(-3px);background:var(--p4)}
.kc[aria-pressed=true]{background:#9b4dff;box-shadow:0 4px 0 #5e22b3}.kc.drawn{background:#0b1620;box-shadow:none;color:var(--loss)}.kc.drawn span{animation:popin .25s}
.kc.hit{background:var(--win);box-shadow:0 4px 0 #0e8a46;color:#052914}.kc.hit span{display:inline-block;animation:popin .3s cubic-bezier(.2,1.6,.4,1)}.kc:disabled{cursor:default}
.kpays{display:flex;gap:4px;width:min(640px,100%);min-height:52px}.kp{flex:1;background:var(--p2);border-radius:6px;padding:7px 2px;text-align:center;min-width:0}.kp b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kp small{color:var(--mu);font-size:11px;display:inline-flex;gap:3px;align-items:center}
.kp .gm{width:8px;height:8px;border-radius:50%;background:var(--win);display:inline-block}.kp.on{background:var(--win);color:#052914}.kp.on small{color:#052914}
.kinfo{color:var(--mu);font-weight:800;min-height:20px;display:flex;gap:6px;align-items:center}
@media(max-width:900px){.kgrid{gap:6px}.kc{font-size:14px}.mgrid{gap:8px}}
/* ---------- playing cards ---------- */
.pc{--cw:120px;width:var(--cw);height:calc(var(--cw)*1.42);perspective:800px;flex:none}.pc.sm{--cw:56px}
.pin{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s}.pc.down .pin{transform:rotateY(180deg)}
.pface,.pback{position:absolute;inset:0;border-radius:calc(var(--cw)*.08);backface-visibility:hidden;box-shadow:0 4px 12px #0007}
.pface{background:#fff;color:#1b2533}.pc.red .pface{color:#e0294a}.cc{position:absolute;left:9%;top:6%;display:flex;flex-direction:column;align-items:center;line-height:1}.cc b{font-size:calc(var(--cw)*.28);font-weight:900}.cc svg{width:calc(var(--cw)*.2);height:calc(var(--cw)*.2);margin-top:3px}
.pface .big{position:absolute;right:10%;bottom:8%;width:46%;height:46%}.pc.sm .pface .big{width:40%;height:40%}
.pback{transform:rotateY(180deg);background:linear-gradient(135deg,#39c6ff,#1f6fd1);border:calc(var(--cw)*.05) solid #fff}.pback:after{content:"";position:absolute;inset:10%;border-radius:5px;background:repeating-linear-gradient(45deg,#ffffff22 0 4px,transparent 4px 9px)}
.flipin .pin{animation:flipin .35s ease-out}@keyframes flipin{from{transform:rotateY(180deg) translateX(-30px)}}
/* ---------- hilo ---------- */
.hilo{gap:26px;background:radial-gradient(ellipse at 50% 30%,#1e3446,#0f1f2b 70%)}.hrow{display:flex;align-items:center;gap:42px}
.hside{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--mu);font-size:12px;width:90px;text-align:center}.arr{width:44px;height:44px;border-radius:50%;background:var(--p2);display:grid;place-items:center;color:var(--gold)}.arr svg{width:20px;height:20px}
.hdeck{position:relative}.hstack{position:absolute;inset:0;transform:translate(-8px,-8px);border-radius:10px;background:linear-gradient(135deg,#39c6ff,#1f6fd1);border:6px solid #fff;opacity:.6}.hslot{position:relative}.hslot .pc{--cw:140px}
.hstrip{display:flex;gap:10px;overflow-x:auto;max-width:100%;padding:6px 4px 10px;min-height:110px}.hs{position:relative;flex:none}.htag{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);font-size:11px;font-weight:900;padding:2px 7px;border-radius:99px;background:var(--p3)}.htag.w{background:var(--win);color:#052914}.htag.l{background:var(--loss)}.htag.sk{background:var(--p4)}
.btn.hl{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px}.btn.hl small{color:var(--mu);font-size:11.5px}
/* ---------- dragon tower ---------- */
.dragon{background:linear-gradient(#3d0a10,#0f1f2b);padding:18px}.dragonbg{position:absolute;inset:0;background:radial-gradient(circle at 50% 0,#ff6a3d33,transparent 60%)}
.tower{position:relative;display:flex;flex-direction:column;gap:7px;width:min(460px,100%);background:#1a0a0e;border:3px solid #5b1a1a;border-radius:12px;padding:12px}
.drow{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:7px;border-radius:8px;transition:background .2s}.drow.act{background:#ffcf3d22;box-shadow:0 0 0 2px #ffcf3d55}
.dt{height:44px;border-radius:7px;background:#4a1818;font-weight:800;color:#ffb3a0;font-size:12.5px;transition:transform .1s,background .1s;display:grid;place-items:center}.drow.act .dt:hover:not(:disabled){background:#7a2626;transform:translateY(-2px)}.dt:disabled{cursor:default}
.drow:not(.act) .dt:not(.good):not(.bad) span{opacity:.45}.dt.good{background:#5a3a08}.dt.bad{background:#2a0a10}.dt .egg{height:34px;width:auto;animation:reveal .3s cubic-bezier(.2,1.5,.4,1)}.dt.dim{opacity:.45}.dt.dim .egg{animation:none;height:26px}
/* ---------- wheel ---------- */
.wheelg{gap:24px}.wbox{position:relative;width:min(440px,100%);aspect-ratio:1}.wsvg{width:100%;height:100%;display:block;filter:drop-shadow(0 10px 20px #0008)}
.wptr{position:absolute;left:50%;top:-6px;transform:translateX(-50%);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:26px solid var(--loss);filter:drop-shadow(0 3px 3px #0008);z-index:2}
.wcen{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.wcen b{font-size:clamp(28px,6vw,46px);font-weight:900}.wcen.w b,.wcen.p b{color:var(--c)}.wcen.l b{color:var(--mu)}
.wleg{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;width:min(600px,100%)}.wl{flex:1;min-width:70px;background:var(--p2);border-radius:6px;padding:8px;text-align:center;border-bottom:4px solid var(--c);transition:transform .15s}.wl small{display:block;color:var(--mu);font-size:11px}.wl.on{transform:translateY(-4px);background:var(--p3)}
/* ---------- flip ---------- */
.flipg{gap:22px;background:radial-gradient(circle at 50% 40%,#3a2a08,#0f1f2b 65%)}.fwrap{perspective:900px}
.fcoin{width:180px;height:180px;position:relative;transform-style:preserve-3d}.ff{position:absolute;inset:0;border-radius:50%;display:grid;place-items:center;backface-visibility:hidden;box-shadow:inset 0 0 0 10px #0002,0 10px 30px #0008}
.ff.heads{background:radial-gradient(circle at 35% 30%,#ffe58a,#e8a400)}.ff.tails{background:radial-gradient(circle at 35% 30%,#bff0ff,#2a9ad6);transform:rotateY(180deg);color:#063a57}.ff svg{width:46%;height:46%}
.fm{font-size:34px;font-weight:900}.fm.lose{color:var(--loss)}.frow{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;width:min(420px,100%)}.fs{aspect-ratio:1;border-radius:50%;background:var(--p2);display:block}.fs.gold{background:#ffcf3d}.fs.ice{background:#39c6ff}.fs.bad{background:var(--loss)}
.btn.fside{display:flex;align-items:center;justify-content:center;gap:8px}.dot{width:14px;height:14px;border-radius:50%;display:inline-block}.dot.gold{background:#ffcf3d}.dot.ice{background:#39c6ff}
/* ---------- chicken ---------- */
.chickg{padding:0;justify-content:center;background:#20282f}.rscroll{width:100%;overflow-x:auto;scrollbar-width:thin}.road{position:relative;display:flex;height:440px;min-width:max-content}
.curb{width:110px;flex:none;background:repeating-linear-gradient(0deg,#5b6b7a 0 40px,#526170 40px 42px);display:grid;place-items:center}.curb.end{background:#2e8a52}.curb b{writing-mode:vertical-rl;font-size:22px;letter-spacing:4px}
.lane{width:110px;flex:none;position:relative;background:#2b3640;border-left:3px dashed #ffffff40;display:grid;place-items:center}.lane:first-of-type{border-left:0}
.hole{width:76px;height:76px;border-radius:50%;background:radial-gradient(circle,#3c4955,#1c242b);border:4px solid #46525e;display:grid;place-items:center;font-size:14px}.lane.safe .hole{background:radial-gradient(circle,#2e8a52,#14402a);border-color:#21e07a}
.ctrack{position:absolute;inset:0;overflow:hidden;pointer-events:none}.car{position:absolute;left:50%;width:58px;transform:translate(-50%,-120%);top:0}.car.drive{animation:drive .45s ease-in forwards}@keyframes drive{to{top:100%;transform:translate(-50%,10%)}}
.hen{position:absolute;top:50%;width:84px;transform:translate(-50%,-50%);z-index:3;pointer-events:none}.chk{width:100%;filter:drop-shadow(0 6px 6px #0008)}.hen.hit .chk{animation:squash .5s forwards}@keyframes squash{to{transform:scale(1.3,.35) translateY(40px);opacity:.75}}
.btn.go2{background:var(--win);color:#052914}.btn.go2:hover:not(:disabled){filter:brightness(1.1)}
/* ---------- blackjack ---------- */
.bj{background:radial-gradient(ellipse 90% 70% at 50% 40%,#16505e,#0b2f3a 60%,#0a1f28);justify-content:space-between;gap:10px;padding:34px 16px 30px}
.bj .pc{--cw:96px}.bhand{display:flex;min-height:136px}.bhand .pc+.pc{margin-left:-58px}.bhands{display:flex;gap:28px;justify-content:center;flex-wrap:wrap}
.bseat{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;z-index:2;padding:8px;border-radius:12px;transition:background .2s}.bseat.act{background:#ffffff12;box-shadow:0 0 0 2px var(--acc)}
.btot{background:#0f1f2bcc;border-radius:99px;padding:4px 14px;font-weight:900;min-width:44px;text-align:center}.btot.win{background:var(--win);color:#052914}.btot.lose,.btot.bust{background:var(--loss)}.btot.push{background:var(--gold);color:#3a2a00}
.hbet{display:flex;gap:4px;align-items:center;color:var(--mu)}
.pc.dealt{animation:dealt .32s cubic-bezier(.2,.8,.25,1) both}@keyframes dealt{from{transform:translate(260px,-240px) rotate(20deg);opacity:0}}.pc.dbl{transform:rotate(90deg) translateX(-10px)}
.shoe{position:absolute;right:20px;top:18px;width:74px;height:50px;border-radius:7px;background:linear-gradient(#273746,#16232e);border:2px solid #39c6ff55;box-shadow:0 8px 14px #0008}.shoe:after{content:"";position:absolute;left:8px;right:8px;top:10px;height:26px;border-radius:3px;background:repeating-linear-gradient(90deg,#39c6ff 0 3px,#1f6fd1 3px 4px)}
.bfelt{width:min(560px,100%);height:auto;z-index:1;margin:-10px 0}.bfelt .f1{fill:#ffffffb0;font:800 17px Inter,system-ui;letter-spacing:4px}.bfelt .f2{fill:#ffffff70;font:800 11px Inter,system-ui;letter-spacing:3px}
.insrow{background:var(--bg);border-radius:8px;padding:10px;margin-bottom:12px}.insrow p{margin:0 0 8px;font-weight:800}.insrow[hidden]{display:none}
/* ---------- roulette ---------- */
.rl{justify-content:flex-start;gap:16px;padding:18px 12px;background:radial-gradient(ellipse at 50% 0,#173b2e,#0f1f2b 70%)}.rtop{display:flex;align-items:center;gap:28px;flex-wrap:wrap;justify-content:center}
.rwbox{width:280px;height:280px;filter:drop-shadow(0 12px 16px #000a)}.rwheel{width:100%;height:100%;display:block}.rres{display:flex;flex-direction:column;align-items:center;gap:10px}
.rbig{width:84px;height:84px;border-radius:12px;display:grid;place-items:center;font-size:34px;font-weight:900;background:var(--p2)}.rbig.red{background:#d42c47}.rbig.black{background:#16232e;box-shadow:0 0 0 2px var(--p3)}.rbig.green{background:#1f9a5a}
.rhist{display:grid;grid-template-columns:repeat(6,26px);gap:4px}.rhist i{font-style:normal;font-size:11px;font-weight:800;height:26px;border-radius:5px;display:grid;place-items:center;background:#16232e}.rhist i.red{background:#d42c47}.rhist i.green{background:#1f9a5a}
.rtw{width:100%;overflow-x:auto;padding:4px 2px 8px}.rtable{min-width:620px;display:grid;grid-template-columns:46px repeat(12,1fr) 46px;grid-template-rows:repeat(3,46px) 40px 40px;gap:4px}
.rs{position:relative;border-radius:6px;font-weight:900;font-size:15px;display:grid;place-items:center;border:2px solid transparent;transition:filter .1s}.rs:hover:not(:disabled){filter:brightness(1.25)}
.rs.red{background:#d42c47}.rs.black{background:#16232e}.rs.green{background:#1f9a5a}.rs.out{background:transparent;border-color:var(--p3);font-size:13px}.rs.hit{border-color:#fff;box-shadow:0 0 14px #fff8}
.rc{position:absolute;width:30px;height:30px;border-radius:50%;background:var(--acc);color:var(--accd);font-style:normal;font-size:10px;font-weight:900;display:grid;place-items:center;border:3px dashed #fff;box-shadow:0 3px 6px #000a;pointer-events:none;z-index:2}
.rchips{display:flex;gap:6px;justify-content:space-between}.rchip{width:46px;height:46px;border-radius:50%;font-weight:900;font-size:12px;border:4px dashed #fffa;box-shadow:0 3px 6px #000a;transition:transform .12s}
.rchip.k1{background:#39c6ff;color:var(--accd)}.rchip.k10{background:#21e07a;color:#052914}.rchip.k100{background:#ffcf3d;color:#3a2a00}.rchip.k1000{background:#ff5fa2}.rchip.k10000{background:#a96bff}.rchip[aria-pressed=true]{transform:translateY(-5px);outline:2px solid #fff;outline-offset:2px}
.rtot{display:flex;justify-content:space-between;align-items:center;color:var(--mu);font-weight:700;padding:4px 2px 10px}.rtot b{color:#fff}
@media(max-width:900px){.bj .pc{--cw:70px}.bhand{min-height:100px}.bhand .pc+.pc{margin-left:-42px}.rwbox{width:220px;height:220px}}
.pc{position:relative;isolation:isolate;transform:translateZ(0)}.pc:not(.down):not(.flipin) .pin{transform-style:flat}
/* ---------- slots ---------- */
.slot{padding:16px 16px 12px;gap:10px;justify-content:center;min-height:600px}
.sbg{position:absolute;inset:0;z-index:0}
.slot.frost .sbg{background:radial-gradient(ellipse at 50% 0,#7fd8ff 0,#3a6fd6 35%,#24206e 80%)}.slot.frost .sbg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,#fff4 0 2px,transparent 3px) 0 0/90px 90px,radial-gradient(circle at 60% 70%,#fff3 0 1.5px,transparent 2.5px) 0 0/70px 70px;animation:snow 12s linear infinite}
@keyframes snow{to{background-position:0 900px,30px 700px}}
.slot.yeti .sbg{background:radial-gradient(ellipse at 50% 100%,#ff8a3d 0,#c4246a 45%,#3a0f4e 90%)}
.slot.polar .sbg{background:radial-gradient(ellipse at 50% 20%,#1d3c7a,#0a1430 75%)}.slot.polar.hwmode .sbg{background:radial-gradient(ellipse at 50% 40%,#7a4d00,#2a1400 75%)}
.slot.aurora .sbg{background:linear-gradient(#061a22,#0b0f26)}.slot.aurora .sbg:after{content:"";position:absolute;inset:-20% -10% 40%;background:linear-gradient(100deg,transparent 10%,#3dffb355 30%,#b05cff44 55%,transparent 75%);filter:blur(30px);animation:aur 9s ease-in-out infinite alternate}@keyframes aur{to{transform:translateX(8%) skewY(-4deg)}}
.sframe{position:relative;z-index:1;width:100%;max-width:min(760px,calc((600px - 120px) * var(--ar,1.2)));padding:10px;border-radius:18px;background:#0007;box-shadow:0 0 0 3px #ffffff30,0 18px 40px #0009}
.slot.frost .sframe{--ar:1.2;box-shadow:0 0 0 3px #bdf0ff,0 0 30px #7fe3ff88,0 18px 40px #0009}.slot.yeti .sframe{--ar:1;box-shadow:0 0 0 3px #ffd36b,0 18px 40px #0009;max-width:min(600px,100%)}
.slot.polar .sframe,.slot.aurora .sframe{--ar:1.67}.slot.polar .sframe{box-shadow:0 0 0 4px #e3b55a,0 18px 40px #0009}.slot.aurora .sframe{box-shadow:0 0 0 3px #3dffb3aa,0 0 26px #b05cff66,0 18px 40px #0009}
.sgwrap{position:relative;width:100%;aspect-ratio:var(--cols-ar,1)}.slot.frost .sgwrap{aspect-ratio:6/5}.slot.yeti .sgwrap{aspect-ratio:1}.slot.polar .sgwrap,.slot.aurora .sgwrap{aspect-ratio:5/3}
.sgrid,.sunder{position:absolute;inset:0;overflow:hidden;border-radius:10px}.sgrid{z-index:2}.slines{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
.slines .pl{fill:none;stroke-width:9;stroke-linecap:round;stroke-linejoin:round;opacity:.9;vector-effect:non-scaling-stroke;stroke-width:5;filter:drop-shadow(0 0 4px #000)}
.cell{position:absolute;width:calc(100% / var(--cols));height:calc(100% / var(--rows));display:block}.cell.fall{transition:top .38s cubic-bezier(.35,1.25,.55,1)}
.sym{display:block;position:relative;left:6%;top:6%;width:88%;height:88%;filter:drop-shadow(0 3px 3px #0007)}.wcol .sym{left:0;top:0}.cell.hit .sym{animation:hitp .55s ease-in-out infinite alternate}@keyframes hitp{to{transform:scale(1.14);filter:drop-shadow(0 0 10px #fff) brightness(1.2)}}
.cell.pop{animation:popout .26s forwards}@keyframes popout{50%{transform:scale(1.3)}to{transform:scale(0);opacity:0}}
.cell.orb .sym{animation:hitp .3s ease-in-out infinite alternate}
.wtag{position:absolute;transform:translate(-50%,-50%);z-index:4;background:#000b;color:#fff;font-weight:900;padding:4px 10px;border-radius:99px;font-size:13px;pointer-events:none;animation:popin .3s cubic-bezier(.2,1.6,.4,1);white-space:nowrap}
.swin,.sfs{position:relative;z-index:1;display:flex;gap:10px;align-items:center;justify-content:center;background:#0009;padding:8px 18px;border-radius:99px;font-weight:800;min-height:38px}.swin span{color:var(--mu)}.swin b{display:flex;gap:5px;align-items:center;font-size:17px;font-variant-numeric:tabular-nums}.swin.on b{color:var(--gold)}
.sfs{background:linear-gradient(90deg,#ffcf3d,#ff8a3d);color:#3a1a00;font-size:14px}.sfs[hidden]{display:none}
.spot{position:absolute;width:calc(100% / 7);height:calc(100% / 7);box-shadow:inset 0 0 0 2px #ffd36b88;background:#ffd36b18;border-radius:6px;display:grid;place-items:end center;padding-bottom:2px;font-size:11px;font-weight:900;color:#ffe9a8}.spot.m{background:#ff8a3d55;box-shadow:inset 0 0 0 2px #ffd36b;animation:popin .3s}
.strip{position:absolute;top:0;display:flex;flex-direction:column}.scell{flex:1 1 0;display:block;position:relative;padding:0;min-height:0}.scell.blur .sym{filter:blur(2px) brightness(.85)}
.wcol{position:absolute;top:0;bottom:0;width:20%;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#3dffb340,transparent 70%),linear-gradient(#0f3f3a,#2a1858);border-radius:10px;box-shadow:inset 0 0 0 3px #e9fff6,0 0 20px #3dffb3}.wcol .sym{width:80%;height:auto}.wcol span{font-weight:900;letter-spacing:3px;font-size:13px}.wcol.grow{animation:grow .45s cubic-bezier(.2,1.4,.4,1)}.wcol.sticky{box-shadow:inset 0 0 0 3px #ffcf3d,0 0 16px #ffcf3d}@keyframes grow{from{transform:scaleY(.3);opacity:0}}
.slot.hwmode .cell.empty .sym{opacity:0}.slot.hwmode .cell.empty{background:#ffffff0d;border-radius:10px;outline:1px dashed #ffcf3d55;outline-offset:-6px}.cell.spinning{animation:shimmer .2s linear infinite}@keyframes shimmer{50%{background:#ffcf3d22}}.cell.landed .sym{animation:reveal .4s cubic-bezier(.2,1.5,.4,1)}
.sover{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:#000a;animation:fade .2s;cursor:pointer}.sover.out{opacity:0;transition:opacity .25s}
.sobox{text-align:center;padding:26px 34px;border-radius:16px;background:linear-gradient(#1e3446,#0f1f2b);box-shadow:0 0 0 3px var(--gold),0 20px 50px #000;animation:popin .35s cubic-bezier(.2,1.6,.4,1);max-width:90%}.sobox h3{margin:0;font-size:clamp(26px,5vw,40px);font-weight:900;font-style:italic;color:var(--gold);text-shadow:0 3px 0 #a86b00}.sobox p{color:#dfe8f0;margin:8px 0 0;max-width:36ch}.sobox small{display:block;margin-top:14px;color:var(--mu2)}
.bigw{text-align:center;animation:popin .4s cubic-bezier(.2,1.6,.4,1)}.bigw h3{margin:0;font-size:clamp(40px,8vw,72px);font-weight:900;font-style:italic;background:linear-gradient(#fff3b0,#ffb21f 55%,#ff7a1a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 #7a3a00)}.bigamt{display:flex;gap:8px;align-items:center;justify-content:center;font-size:clamp(26px,5vw,42px);font-weight:900;font-variant-numeric:tabular-nums}.bigamt .coin{width:32px;height:32px}.bigw small{color:var(--gold);font-weight:900;font-size:18px}
.btn.buy{display:flex;flex-direction:column;gap:2px;align-items:center;background:linear-gradient(#ffcf3d,#ff9d1a);color:#3a1a00;margin-bottom:12px}.btn.buy small{display:flex;gap:4px;align-items:center;font-weight:800}.btn.buy:hover:not(:disabled){filter:brightness(1.08);background:linear-gradient(#ffcf3d,#ff9d1a)}
.sinfo{display:flex;justify-content:space-between;color:var(--mu);font-size:12.5px;margin-bottom:10px}.sinfo b{color:#fff}
.buym p{margin:0 0 10px;color:var(--mu)}.buyp{display:flex;gap:8px;align-items:center;justify-content:center;font-size:28px;font-weight:900;margin:8px 0 16px}.buyp .coin{width:26px;height:26px}
@media(max-width:900px){.slot{min-height:auto;padding:12px 8px}.sframe{padding:6px}}
.mines{padding:20px}.mgrid{width:min(520px,100%);max-height:100%}
.rs.black{box-shadow:inset 0 0 0 2px #2f4553}.rs.red:not(.out):empty,.rs.black:empty{min-height:100%}
.chickg .winbox{top:16%}.road{height:min(520px,72vh)}
.kp b{font-size:11.5px}
@media(min-width:901px){.game{min-height:620px}}
.game{grid-template-columns:320px minmax(0,1fr)}
@media(max-width:1000px){.game{grid-template-columns:280px minmax(0,1fr)}}
@media(max-width:900px){.game{grid-template-columns:minmax(0,1fr)}.gwrap,.page{max-width:100vw}.betin .mini{min-width:38px;padding:0 10px}}
.btn.cash:hover:not(:disabled),.btn.go2:hover:not(:disabled){background:var(--win);filter:brightness(1.1)}.btn.stop:hover:not(:disabled){background:var(--loss);filter:brightness(1.1)}
/* mines: lock the 5×5 to square cells so revealed icons can never stretch a row */
.mgrid{grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr))}
.mt{min-width:0;min-height:0;aspect-ratio:1;overflow:hidden;position:relative}
.mt .mi{position:absolute;inset:19%;width:62%;height:62%}.mt.dim .mi{inset:27%;width:46%;height:46%}
@media(max-width:900px){.bj{min-height:500px;height:500px}.bj .bhands{min-height:150px}}
/* ---------- slot excitement ---------- */
.swin.bump{animation:wbump .35s cubic-bezier(.2,1.6,.4,1)}@keyframes wbump{50%{transform:scale(1.12)}}
.swin.on{box-shadow:0 0 0 2px var(--gold),0 0 18px #ffcf3d55}
.burst{position:absolute;left:50%;bottom:44px;width:0;height:0;z-index:15;pointer-events:none}
.burst i{position:absolute;left:-11px;top:-11px;width:22px;height:22px;animation:coinfly 1s cubic-bezier(.15,.6,.35,1) forwards}.burst .coin{width:22px;height:22px;filter:drop-shadow(0 2px 3px #0008)}
@keyframes coinfly{0%{transform:translate(0,0) rotate(0) scale(.4);opacity:0}15%{opacity:1}70%{opacity:1}100%{transform:translate(var(--x),calc(var(--y) + 180px)) rotate(var(--r)) scale(1);opacity:0}}
.strip.tease{box-shadow:inset 0 0 0 3px #ffcf3d,0 0 30px #ffcf3d;border-radius:10px;animation:teaseglow .4s ease-in-out infinite alternate;z-index:2}@keyframes teaseglow{to{box-shadow:inset 0 0 0 3px #fff3b0,0 0 46px #ffb21f}}
.sgrid.teasing .strip:not(.tease){filter:brightness(.55)}
.rays{position:absolute;inset:-50%;background:repeating-conic-gradient(from 0deg,#ffcf3d22 0 10deg,transparent 10deg 20deg);animation:rays 8s linear infinite;pointer-events:none}@keyframes rays{to{transform:rotate(360deg)}}
.slot.hurry .cell.fall,.slot.hurry .strip{transition-duration:.12s!important}
.btn.stopb{background:var(--p3);color:#fff}.btn.stopb:hover:not(:disabled){background:var(--p4)}
.btn.ptb{margin-bottom:10px;font-size:13px;padding:10px}
.pt .ptrow{display:flex;gap:12px;align-items:center;padding:8px;border-radius:8px;background:var(--bg);margin-bottom:6px}.ptsym{width:52px;height:52px;flex:none;position:relative}.ptsym .sym{left:0;top:0;width:100%;height:100%}
.ptv b{display:block;margin-bottom:4px}.ptvals{display:flex;flex-wrap:wrap;gap:6px}.ptvals span{background:var(--p2);border-radius:6px;padding:4px 8px;display:flex;gap:6px;align-items:center}.ptvals small{color:var(--mu)}.ptvals em{font-style:normal;font-weight:800}
.pt h3{margin:16px 0 8px}.pt ul{margin:0;padding-left:18px;color:var(--mu);line-height:1.6}
/* ---------- snow bonanza (megaways) ---------- */
.slot.bonanza .sbg{background:radial-gradient(ellipse at 50% 0,#4fb3ff,#1a4fae 40%,#0a1640 85%)}.slot.bonanza .sframe{--ar:1.07;box-shadow:0 0 0 4px #ffcf3d,0 0 28px #ffcf3d55,0 18px 40px #0009}
.slot.bonanza .sgwrap{aspect-ratio:6/5.6}
.bzhud{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.bzword{display:flex;gap:4px}.bzword span{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;font-weight:900;background:#ffffff14;color:#ffffff55;font-family:Georgia,serif;transition:.2s}.bzword span.on{background:linear-gradient(#fff0a8,#e09a00);color:#6b3d00;box-shadow:0 0 12px #ffcf3d;transform:scale(1.08)}
.bzways{font-weight:900;font-size:14px;color:#cfe8ff;font-variant-numeric:tabular-nums}
.bzmult{min-width:54px;text-align:center;font-weight:900;font-size:20px;padding:2px 10px;border-radius:99px;background:#ffffff14;color:#cfe8ff}.bzmult.hot{background:linear-gradient(#ff8a3d,#d6205a);color:#fff;box-shadow:0 0 14px #ff8a3d}.bzmult.bump{animation:wbump .35s cubic-bezier(.2,1.6,.4,1)}
.cell.letter .sym{filter:drop-shadow(0 0 8px #ffcf3d)}
@media(max-width:900px){.bzword span{width:24px;height:24px;font-size:13px}.bzmult{font-size:16px}.bzways{font-size:12px}}
.ante{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--bg);border-radius:8px;padding:10px 12px;margin-bottom:12px;border:2px solid transparent;transition:border-color .15s}.ante.on{border-color:var(--gold)}.ante b{display:block}.ante small{color:var(--mu);font-size:12px}
/* ---------- ice fishing ---------- */
.slot.fishing .sbg{background:linear-gradient(#5fc4ff 0,#2a7bd6 45%,#0b2a52)}.slot.fishing.fsmode .sbg{background:linear-gradient(#ffb36b,#c4246a 50%,#2a0f4e)}
.slot.fishing .sframe{--ar:1.67;box-shadow:0 0 0 4px #e6f4ff,0 0 24px #7fd8ff88,0 18px 40px #0009}.slot.fishing .sgwrap{aspect-ratio:5/3}
.fhud{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:8px;font-weight:800;color:#e6f4ff;font-size:13px}.fhud[hidden]{display:none}
.fmeter{display:flex;gap:5px}.fmeter i{width:16px;height:16px;border-radius:50%;background:#ffffff22;border:2px solid #ffffff55;display:block}.fmeter i.on{background:#ffcf3d;border-color:#fff;box-shadow:0 0 10px #ffcf3d}
.flvl{padding:2px 12px;border-radius:99px;background:#ffffff22;font-size:16px}.flvl.hot{background:linear-gradient(#ff8a3d,#d6205a);box-shadow:0 0 12px #ff8a3d}
.cell.reel-in .sym{animation:reelin .9s ease-in forwards}@keyframes reelin{40%{transform:scale(1.2)}100%{transform:scale(.4) translateY(-40%);opacity:.2}}
.hint{color:var(--mu);font-size:12.5px;margin:0 0 10px;font-weight:500;line-height:1.45}
/* ---------- snow roulette ---------- */
.snowr{gap:26px;background:radial-gradient(ellipse at 50% 30%,#2a1a3a,#0f1f2b 70%)}
.rrhist{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;max-width:100%;min-height:16px}.rrhist i{width:16px;height:16px;border-radius:4px;display:block}.rrhist i.red{background:#ff3d5a}.rrhist i.black{background:#16232e;box-shadow:inset 0 0 0 2px #2f4553}.rrhist i.snow{background:#39c6ff}
.rrwin{position:relative;width:100%;max-width:720px;overflow:hidden;padding:10px 0;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.rrstrip{display:flex;gap:6px;will-change:transform}.rrt{flex:none;width:86px;height:86px;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:20px}.rrt.red{background:#ff3d5a}.rrt.black{background:#16232e;box-shadow:inset 0 0 0 2px #2f4553}.rrt.snow{background:linear-gradient(#7fe3ff,#1f8fd6)}.rrt .flk{width:44px;height:44px;color:#fff}
.rrt.win{outline:4px solid #fff;outline-offset:-4px;box-shadow:0 0 24px #fff8}
.rrptr{position:absolute;left:50%;top:0;bottom:0;width:4px;transform:translateX(-50%);background:var(--gold);border-radius:2px;box-shadow:0 0 12px var(--gold)}
.rrboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(560px,100%)}
.rrbet{border-radius:12px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;border:3px solid transparent;transition:transform .1s,border-color .15s}.rrbet:hover:not(:disabled){transform:translateY(-3px)}.rrbet.has{border-color:#fff}
.rrbet.red{background:#ff3d5a}.rrbet.black{background:#16232e;box-shadow:inset 0 0 0 2px #2f4553}.rrbet.snow{background:linear-gradient(#7fe3ff,#1f8fd6)}.rrlab{font-weight:900;font-size:16px}.rrbet small{opacity:.85;font-weight:800}.rrbet .amt{min-height:18px}
/* ---------- baccarat ---------- */
.bacc{background:radial-gradient(ellipse at 50% 30%,#123e6e,#0a1f3a 70%);gap:18px;justify-content:center}
.bcrow{display:flex;gap:40px;justify-content:center;flex-wrap:wrap}.bcside{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:200px}.bcside h4{margin:0;color:#cfe0f5}
.bchand{display:flex;min-height:130px}.bchand .pc{--cw:90px}.bchand .pc+.pc{margin-left:-46px}.bcverdict{font-size:20px;font-weight:900;min-height:28px}.bcverdict.player{color:#7ab8ff}.bcverdict.banker{color:#ff8a9a}.bcverdict.tie{color:var(--win)}
.bctable{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(560px,100%)}
.bcspot{border-radius:12px;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:3px;border:3px solid transparent;transition:transform .1s}.bcspot:hover:not(:disabled){transform:translateY(-3px)}
.bcspot.player{background:#1f6fd1}.bcspot.tie{background:#139a5a}.bcspot.banker{background:#c4243a}.bcspot span{font-weight:900;font-size:16px}.bcspot small{opacity:.85}.bcspot .amt{min-height:18px}.bcspot.has{border-color:#fff}.bcspot.won{box-shadow:0 0 0 3px var(--gold),0 0 20px var(--gold)}
/* ---------- video poker ---------- */
.vpoker{background:linear-gradient(#141a4a,#0a0a24);gap:16px;justify-content:center}
.vptable{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 16px;width:min(620px,100%);background:#00000055;border:2px solid #4a4ad0;border-radius:10px;padding:10px 14px}
.vprow{display:flex;justify-content:space-between;color:#c9c9ff;font-size:13px;padding:3px 6px;border-radius:5px}.vprow b{color:#ffcf3d}.vprow.on{background:#ffcf3d;color:#2a1a00}.vprow.on b{color:#2a1a00}
.vpcards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:min(620px,100%)}
.vpc{position:relative;aspect-ratio:5/7;border-radius:10px;display:block;padding:0;transition:transform .12s}.vpc .pc{--cw:100%;width:100%;height:100%}.vpc:not(:disabled):hover{transform:translateY(-4px)}.vpc:disabled{cursor:default}
.vpback{position:absolute;inset:0;border-radius:10px;background:linear-gradient(135deg,#39c6ff,#1f6fd1);border:5px solid #fff}
.held{position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);background:var(--gold);color:#2a1a00;font-weight:900;font-size:11px;padding:3px 9px;border-radius:99px;opacity:0;transition:opacity .12s}.vpc.on .held{opacity:1}.vpc.on{transform:translateY(-10px)}
.vpmsg{font-weight:900;font-size:18px;min-height:26px;color:#c9c9ff}
/* ---------- diamonds ---------- */
.diamonds{background:radial-gradient(ellipse at 50% 40%,#3b1a6e,#0f1f2b 70%);gap:26px}
.dmrow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:min(600px,100%)}.dmslot{aspect-ratio:1;border-radius:14px;background:#ffffff0d;display:grid;place-items:center;box-shadow:inset 0 0 0 2px #ffffff14}
.dmslot.match{background:#ffffff1f;box-shadow:inset 0 0 0 2px #fff6}.dgem{width:70%;height:70%;animation:reveal .35s cubic-bezier(.2,1.5,.4,1);filter:drop-shadow(0 6px 10px #0008)}
.dmpays{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;width:min(600px,100%)}.dmp{display:flex;justify-content:space-between;background:var(--p2);padding:8px 12px;border-radius:7px;color:var(--mu)}.dmp b{color:#fff}.dmp.on{background:var(--win);color:#052914}.dmp.on b{color:#052914}
/* ---------- pump ---------- */
.pumpg{background:radial-gradient(ellipse at 50% 70%,#7a2a0a,#0f1f2b 70%);gap:12px}.pumpbox{width:260px;height:300px;display:grid;place-items:end center;position:relative}
.balloon{width:240px;height:auto;transform-origin:50% 100%;transition:transform .25s cubic-bezier(.3,1.6,.5,1);filter:drop-shadow(0 12px 18px #0008)}.pumpbox.pumping .balloon{animation:wob .26s}@keyframes wob{50%{filter:brightness(1.2) drop-shadow(0 12px 18px #0008)}}
.pumpbox.popped .balloon{animation:popb .3s forwards}@keyframes popb{40%{transform:scale(1.4)}100%{transform:scale(1.7);opacity:0}}
.pmult{font-size:40px;font-weight:900}.pmult.lose{color:var(--loss)}
.psteps{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.psteps span{background:var(--p2);padding:6px 10px;border-radius:6px;font-weight:800;font-size:12.5px;color:var(--mu)}.psteps span.done{background:#21e07a33;color:var(--win)}.psteps span.next{background:var(--p3);color:#fff;box-shadow:0 0 0 2px var(--acc)}
@media(max-width:900px){.rrt{width:64px;height:64px;font-size:16px}.rrt .flk{width:32px;height:32px}.bchand .pc{--cw:66px}.bchand .pc+.pc{margin-left:-34px}.bcrow{gap:16px}.bcside{min-width:140px}.pumpbox{width:200px;height:230px}.balloon{width:180px}.vptable{grid-template-columns:repeat(2,minmax(0,1fr));font-size:12px}}
.vpc{container-type:inline-size}.vpc .pc{--cw:100cqw;width:100%;height:auto;aspect-ratio:5/7}
.pumpbox.regrow .balloon{animation:popin .4s cubic-bezier(.2,1.6,.4,1)}
.pbits{position:absolute;left:50%;top:45%;width:0;height:0}.pbits i{position:absolute;width:12px;height:8px;border-radius:3px;animation:bit .8s cubic-bezier(.15,.6,.35,1) forwards}@keyframes bit{to{transform:translate(var(--x),var(--y)) rotate(540deg);opacity:0}}
/* =================== v2: account, lobby, settings =================== */
.hide-sm{}
.rankchip{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:99px;background:var(--p2);font-weight:800;font-size:12.5px;color:var(--mu)}.rankchip:hover{color:#fff;background:var(--p3)}
.rbadge{flex:none;filter:drop-shadow(0 2px 3px #0006)}
.menu .mrow{display:flex;gap:10px;align-items:center}.menu .mrow small{display:block;color:#5f7187}.mtrack{height:6px;border-radius:99px;background:#e1e7ee;margin-top:8px;overflow:hidden}.mtrack i{display:block;height:100%;background:linear-gradient(90deg,#1f6fd1,#39c6ff)}
.ndot{width:8px;height:8px;border-radius:50%;background:var(--loss);margin-left:auto;box-shadow:0 0 8px var(--loss)}
/* welcome cards */
.welcome{align-items:center}.welcome p{margin:4px 0 0}.wcards{display:flex;gap:10px;flex-wrap:wrap}
.rcard{background:var(--p1);border-radius:10px;padding:10px 14px;min-width:260px}
.rankbar .rbtop{display:flex;align-items:center;gap:8px;font-size:13px}.rankbar .rbtop span{color:var(--mu);font-weight:600;font-size:12px;margin-left:auto}.rbtrack{height:8px;border-radius:99px;background:var(--bg);margin-top:8px;overflow:hidden}.rbtrack i{display:block;height:100%;border-radius:99px;transition:width .6s}
.dcard{display:flex;align-items:center;gap:10px;background:var(--p1);border-radius:10px;padding:10px 14px;text-align:left;min-width:260px;border:2px solid transparent}.dcard.ready{border-color:var(--acc);box-shadow:0 0 18px color-mix(in srgb,var(--acc) 35%,transparent)}
.dcard b{display:block}.dcard small{color:var(--mu)}.dico{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(#7fe3ff,#1f8fd6);color:#fff;flex:none}.dico svg{width:22px;height:22px}.dgo{margin-left:auto;background:var(--p3);padding:6px 12px;border-radius:6px;font-weight:800;font-size:12.5px}.dcard.ready .dgo{background:var(--acc);color:var(--accd)}
/* hero carousel */
.hero{position:relative;margin-bottom:18px}.hero-track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:14px;scrollbar-width:none}.hero-track::-webkit-scrollbar{display:none}
.hslide{scroll-snap-align:start;position:relative;min-height:220px;display:flex;padding:28px 32px;overflow:hidden;isolation:isolate}
.hslide.s1{background:linear-gradient(115deg,#1a6bd6,#0a1f4e)}.hslide.s2{background:linear-gradient(115deg,#0b7bd6,#062a4e 70%)}.hslide.s3{background:linear-gradient(115deg,#ff3d8e,#7a0f4e)}.hslide.s4{background:linear-gradient(115deg,#d42c47,#2a0a14)}.hslide.s5{background:linear-gradient(115deg,#13b88a,#0b4e4c)}
.htxt{position:relative;z-index:2;max-width:55%;display:flex;flex-direction:column;align-items:flex-start}.htxt small{font-size:11.5px;font-weight:800;opacity:.85;letter-spacing:.4px;text-transform:uppercase}.htxt h3{margin:6px 0 8px;font-size:32px;line-height:1.05;font-weight:900;font-style:italic;letter-spacing:-.5px}.htxt p{margin:0 0 16px;opacity:.92;font-weight:600;max-width:42ch}
.hart{position:absolute;right:6%;top:50%;width:min(210px,34%);transform:translateY(-50%) rotate(6deg);border-radius:12px;overflow:hidden;box-shadow:0 16px 36px #0008;z-index:1}.hart svg{display:block;width:100%;height:auto}
.harr{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;background:#0008;display:grid;place-items:center;z-index:3;opacity:0;transition:opacity .15s}.hero:hover .harr{opacity:1}.harr svg{width:18px;height:18px}.harr.l{left:10px}.harr.l svg{transform:scaleX(-1)}.harr.r{right:10px}
.hdots{position:absolute;left:32px;bottom:14px;display:flex;gap:6px;z-index:3}.hdots button{width:8px;height:8px;border-radius:99px;background:#fff6;transition:width .2s}.hdots button[aria-current=true]{width:24px;background:#fff}
/* tiles */
.gtile .gtag{position:absolute;top:8px;left:8px;background:var(--acc);color:var(--accd);font-size:10.5px;font-weight:900;padding:3px 8px;border-radius:99px;letter-spacing:.3px}
.gtile .gplay{position:absolute;inset:0;display:grid;place-items:center;background:#0006;opacity:0;transition:opacity .15s}.gtile:hover .gplay{opacity:1}.gplay i{width:52px;height:52px;border-radius:50%;background:var(--acc);display:grid;place-items:center;color:var(--accd);transform:scale(.8);transition:transform .15s}.gtile:hover .gplay i{transform:scale(1)}.gplay svg{width:24px;height:24px}
body.compact .track{grid-auto-columns:calc((100% - 9*12px)/10)}body.compact .tgrid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}
/* biggest wins + trust strip */
.bigwins{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.bwin{display:flex;gap:10px;align-items:center;background:var(--p1);border-radius:10px;padding:8px}.bwart{width:44px;flex:none;border-radius:6px;overflow:hidden}.bwart svg{display:block;width:100%;height:auto}.bwin b{display:block;font-size:17px}.bwin small{display:block;color:var(--mu);font-size:12px}
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:26px 0 6px}.trust div{background:var(--p1);border-radius:10px;padding:14px;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}.trust svg{width:22px;height:22px;color:var(--acc);grid-row:span 2}.trust small{color:var(--mu);font-size:12px}
/* settings v2 */
.modal.wide{width:min(760px,100%)}.swrap{display:grid;grid-template-columns:170px 1fr;gap:14px;min-height:420px}
.stabs{display:flex;flex-direction:column;gap:2px}.stabs button{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:var(--mu);font-weight:700;text-align:left}.stabs button svg{width:17px;height:17px}.stabs button:hover{background:var(--p2);color:#fff}.stabs button[aria-selected=true]{background:var(--p3);color:#fff}
.spane section{margin-bottom:12px}.srow.col{flex-direction:column;align-items:stretch}.chooser{display:flex;flex-wrap:wrap;gap:6px}.chooser button{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;background:var(--p2);font-weight:800;font-size:13px;color:var(--mu)}.chooser button i{width:14px;height:14px;border-radius:50%;display:block}.chooser button[aria-pressed=true]{background:var(--p4);color:#fff;box-shadow:0 0 0 2px var(--acc)}
.keys{display:flex;flex-wrap:wrap;gap:12px;color:var(--mu);font-size:13px}kbd{background:var(--p3);border-radius:5px;padding:2px 7px;font:800 12px Inter,system-ui;color:#fff;box-shadow:0 2px 0 #0006}
.muted.sm2{font-size:12.5px;margin:6px 0 10px}.lnk.center{margin:10px auto 0;display:flex}
/* daily modal */
.daily{text-align:center}.dhero{position:relative;padding:18px 0 8px;overflow:hidden;border-radius:12px;background:radial-gradient(circle at 50% 30%,#1f4f7a,var(--bg) 70%)}.dhero h3{margin:8px 0 2px;font-size:24px;font-style:italic}.dhero p{color:var(--mu);margin:0}
.damt{display:flex;gap:8px;align-items:center;justify-content:center;font-size:34px;font-weight:900;margin:14px 0 6px}.damt .coin{width:30px;height:30px}
.dflakes{position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,#fff6 0 2px,transparent 3px) 0 0/60px 60px,radial-gradient(circle at 70% 60%,#fff4 0 1.5px,transparent 2.5px) 0 0/45px 45px;animation:snow 9s linear infinite;pointer-events:none}
.sth3{margin:16px 0 8px;font-size:14px;color:var(--mu)}.ranklist{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.ranklist div{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;background:var(--bg);border-radius:8px;padding:8px;opacity:.5}.ranklist div.on{opacity:1}.ranklist .rbadge{grid-row:span 3}.ranklist small{color:var(--mu);font-size:11.5px}
.rankbar{margin-bottom:12px}
/* live stats */
.livestats{position:fixed;right:18px;bottom:18px;width:300px;background:var(--p1);border-radius:12px;box-shadow:0 16px 40px #000a,0 0 0 1px var(--ln);z-index:60;overflow:hidden}
.lshead{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 12px;background:var(--p2);cursor:grab;touch-action:none;user-select:none}.lshead:active{cursor:grabbing}.lshead>svg{width:16px;height:16px;color:var(--acc)}.lshead b{flex:1}
.lsgrid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px}.lsc{background:var(--bg);border-radius:8px;padding:8px 10px}.lsc small{display:block;color:var(--mu);font-size:11.5px}.lsc b{font-size:14px}.dnr{color:var(--loss)}
.lschart{display:block;width:calc(100% - 20px);height:100px;margin:0 10px 10px;background:var(--bg);border-radius:8px}
/* streamer + reduced motion */
body.streamer .pname{filter:blur(5px)}
body.nomotion *,body.nomotion *:before,body.nomotion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
@media(max-width:900px){.hide-sm{display:none}.rankchip span{display:none}.rankchip{padding:6px}.wcards{width:100%}.rcard,.dcard{flex:1;min-width:0}.welcome{flex-direction:column;align-items:stretch}
  .hslide{min-height:190px;padding:20px}.htxt{max-width:62%}.htxt h3{font-size:24px}.htxt p{font-size:12.5px}.hart{width:38%;right:-4%}.hdots{left:20px}
  .trust{grid-template-columns:1fr 1fr}.swrap{grid-template-columns:1fr;min-height:0}.stabs{flex-direction:row;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.stabs button{flex:none;padding:8px 10px}.stabs button span{white-space:nowrap}
  .livestats{left:10px;right:10px;width:auto;bottom:70px}.ranklist{grid-template-columns:1fr 1fr}body.compact .track{grid-auto-columns:calc((100% - 3*10px)/4.2)}}
/* =================== phone polish =================== */
html{-webkit-text-size-adjust:100%;touch-action:manipulation}button,a,input,select{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.top{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
@media(display-mode:standalone){.top{padding-top:env(safe-area-inset-top);height:calc(var(--topH) + env(safe-area-inset-top))}.side{top:calc(var(--topH) + env(safe-area-inset-top))}.content{padding-top:calc(var(--topH) + env(safe-area-inset-top))}}
@media(max-width:900px){
  .bnav{height:calc(60px + env(safe-area-inset-bottom))}.foot{padding-bottom:calc(90px + env(safe-area-inset-bottom))}
  .ibtn,.mini,.tog,.seg button,.chooser button{min-height:40px}.btn{min-height:46px}.btn.big{min-height:52px}
  input,select,.tin{font-size:16px}  /* stops iOS zooming into inputs */
  /* keep the main action within thumb reach: panel first, button at its top, game above */
  .gpanel .btn.big{order:-1;margin:0 0 12px}.gpanel{display:flex;flex-direction:column}.gpanel .tabs{order:-2}
  .toasts{top:auto;bottom:calc(72px + env(safe-area-inset-bottom));left:10px;right:10px;align-items:stretch}.toastx{max-width:none}
}
@media(max-width:900px) and (orientation:landscape) and (max-height:500px){.bnav{display:none}.game{grid-template-columns:260px minmax(0,1fr)}.gpanel{order:0}.stage{min-height:300px}.content{padding-bottom:0}}
@media(max-width:900px){.wcards{flex-direction:column}.rcard,.dcard{width:100%}.rankbar .rbtop span{font-size:11.5px}.dcard small{white-space:nowrap}}
/* ---------- book of frost / husky house ---------- */
.slot.book .sbg{background:radial-gradient(ellipse at 50% 30%,#1f4fae,#06163a 75%)}.slot.book.fsmode .sbg{background:radial-gradient(ellipse at 50% 30%,#7a4a00,#1a0e00 75%)}
.slot.book .sframe{--ar:1.67;box-shadow:0 0 0 4px #ffcf3d,0 0 26px #ffcf3d55,0 18px 40px #0009}.slot.book .sgwrap{aspect-ratio:5/3}
.xcol{position:absolute;top:0;bottom:0;width:20%;z-index:3;display:grid;place-items:center;background:linear-gradient(#ffcf3d55,#ff8a3d55);border-radius:10px;box-shadow:inset 0 0 0 3px #fff3b0,0 0 22px #ffcf3d;animation:grow .45s cubic-bezier(.2,1.4,.4,1)}.xcol .sym{left:0;top:0;width:90%;height:auto}
.xbadge{position:absolute;right:-8px;top:-14px;z-index:5;background:#1b2c3f;border:2px solid #ffcf3d;border-radius:12px;padding:4px 8px 4px 10px;display:flex;align-items:center;gap:6px;box-shadow:0 6px 14px #0008}.xbadge[hidden]{display:none}.xbadge small{font-weight:900;color:#ffcf3d;font-size:11px}.xbadge .sym{position:static;width:36px;height:36px}
.slot.husky .sbg{background:linear-gradient(#ffd98a,#ff8a3d 50%,#7a2a0a)}.slot.husky .sframe{--ar:1.67;box-shadow:0 0 0 4px #fff,0 0 22px #ffcf3d88,0 18px 40px #0009}.slot.husky .sgwrap{aspect-ratio:5/3}
.cell.sticky{background:#21e07a22;border-radius:10px;box-shadow:inset 0 0 0 3px #21e07a}
.fadein{animation:fadein .25s ease-out}@keyframes fadein{from{opacity:0;transform:translateY(6px)}}
.phead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.phead .ptitle{margin:0}.ptitle small{font-size:14px;color:var(--mu);font-weight:600}.sortsel{width:auto;min-width:150px}
/* challenges */
.chhead{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px}.chhead p{margin:4px 0 0}.chhead>b{color:var(--acc);white-space:nowrap}
.chgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.chcard{display:flex;gap:12px;background:var(--p1);border-radius:12px;padding:12px;border:2px solid transparent}.chcard.done{border-color:var(--win);box-shadow:0 0 16px #21e07a33}.chcard.claimed{opacity:.6}
.chart{width:78px;flex:none;border-radius:8px;overflow:hidden;align-self:flex-start}.chart svg{display:block;width:100%;height:auto}
.chbody{flex:1;min-width:0;display:flex;flex-direction:column}.chbody small{color:var(--mu);font-size:12px}.chbody b{font-size:16px}.chbody p{color:var(--mu);margin:4px 0 10px;font-size:13px;font-weight:500;flex:1}
.chfoot{display:flex;justify-content:space-between;align-items:center;gap:8px}.chfoot .amt{font-weight:900;color:var(--gold)}.chfoot .btn{width:auto;padding:8px 16px;min-height:0}.chdone{color:var(--win);font-weight:800}
@media(max-width:900px){.chhead{flex-direction:column;align-items:flex-start}.phead{flex-wrap:wrap}}
/* ---------- slot scenes + logos ---------- */
.sbg .scene{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.scene .twinkle circle{animation:twk 3.2s ease-in-out infinite}@keyframes twk{50%{opacity:.15}}
.scene .sparkle{animation:spk 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes spk{0%,100%{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1.6)}}
.scene .smoke{animation:smk 3.6s ease-out infinite;transform-box:fill-box;transform-origin:center}@keyframes smk{from{transform:translate(0,20px) scale(.6);opacity:0}30%{opacity:.5}to{transform:translate(14px,-30px) scale(1.4);opacity:0}}
.scene .runeglow{animation:rune 2.8s ease-in-out infinite}@keyframes rune{50%{opacity:.35}}
.slot.polar.hwmode .scene{opacity:.45}.slot.fishing.fsmode .scene,.slot.book.fsmode .scene{opacity:.55}
.slhead{position:relative;z-index:2;height:58px;width:100%;display:flex;align-items:center;justify-content:center;flex:none}
.slogo{height:100%;width:auto;max-width:min(520px,94%);filter:drop-shadow(0 6px 10px #0009);transition:opacity .25s,transform .25s}
.slogo .lgt{font-family:Inter,system-ui,sans-serif;font-weight:900;font-style:italic;letter-spacing:-1px}
.slhead .sfs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap}
.slot.infs .slogo{opacity:0;transform:scale(.85)}
.sframe{max-width:min(760px,calc((600px - 180px) * var(--ar,1.2)))}
@media(max-width:900px){.slhead{height:44px}.slhead .sfs{font-size:12px;padding:6px 12px}}
/* reel windows: solid tinted glass so the scene never competes with the symbols */
.sframe{background:rgba(6,16,30,.86);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.slot.frost .sframe{background:rgba(20,34,96,.84)}.slot.yeti .sframe{background:rgba(58,15,78,.84)}.slot.polar .sframe{background:rgba(10,20,48,.88)}.slot.polar.hwmode .sframe{background:rgba(42,20,0,.88)}
.slot.aurora .sframe{background:rgba(6,22,30,.88)}.slot.bonanza .sframe{background:rgba(10,22,64,.88)}.slot.fishing .sframe{background:rgba(11,42,82,.88)}.slot.fishing.fsmode .sframe{background:rgba(58,15,62,.86)}
.slot.book .sframe{background:rgba(6,22,58,.88)}.slot.book.fsmode .sframe{background:rgba(40,22,0,.88)}.slot.husky .sframe{background:rgba(74,30,10,.86)}
/* megaways reel backings */
.mwcol{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;gap:3px;padding:2px 3px}
.mwcol i{flex:1;border-radius:9px;background:linear-gradient(#ffffff12,#ffffff06);box-shadow:inset 0 0 0 1px #ffffff10;animation:mwin .3s ease-out both}
.mwcol i:nth-child(even){background:linear-gradient(#ffffff0a,#ffffff03)}
.mwcol + .mwcol{border-left:1px solid #ffffff12}
.mwn{position:absolute;left:50%;bottom:-2px;transform:translate(-50%,100%);font-size:10px;font-weight:900;color:#cfe8ff99;line-height:1;padding-top:3px}
@keyframes mwin{from{opacity:0;transform:scaleY(.6)}}
/* bonus symbols light up as they land */
.cell.scatlit .sym,.scell.scatlit .sym{filter:drop-shadow(0 0 6px #fff) drop-shadow(0 0 16px #ffcf3d);animation:scatpop .4s cubic-bezier(.2,1.6,.4,1)}
.cell.scatlit.still .sym{animation:none}.cell.scatlit.hit .sym{animation:hitp .55s ease-in-out infinite alternate}
@keyframes scatpop{0%{transform:scale(1)}40%{transform:scale(1.25)}100%{transform:scale(1)}}
/* ---------- wallet button + vault ---------- */
button.wallet{padding:0;cursor:pointer;transition:box-shadow .15s}button.wallet:hover{box-shadow:0 0 0 2px var(--p3)}
.wcur{display:flex!important;align-items:center;gap:6px}.wvi{width:16px;height:16px}
.vault .vsum{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--bg);border-radius:10px;padding:14px 16px;margin-bottom:14px}
.vault .vsum small{display:block;color:var(--mu);font-size:12px;margin-bottom:3px}.vault .vsum b{font-size:18px}.vault .vsum>div:last-child{text-align:right}.vault .vsum>div:last-child .amt{justify-content:flex-end}
.vico{width:34px;height:34px;color:var(--acc)}.vault .tabs{margin-bottom:12px}.vault .btn.go{margin:4px 0 10px}.sm2{font-size:12.5px;line-height:1.5}
/* ---------- theatre + fullscreen ---------- */
body.theatre{--sidew:68px}body.theatre .side .nav span,body.theatre .side .shead{display:none}body.theatre .side .nav{justify-content:center}
body.theatre .gwrap{max-width:1600px}body.theatre .game{min-height:calc(100vh - 150px);grid-template-columns:340px 1fr}
.gcard:fullscreen{border-radius:0;display:flex;flex-direction:column;background:var(--bg);overflow:auto}.gcard:fullscreen .game{flex:1;min-height:0}.gcard:fullscreen .stage{min-height:0}
/* ---------- per-game stats ---------- */
.gmine{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.gstat{background:var(--bg);border-radius:8px;padding:10px 12px;min-width:0}.gstat small{display:block;color:var(--mu);font-size:12px;margin-bottom:3px}.gstat b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.gmine .muted{grid-column:1/-1;margin:0}.gbestw h4{margin:16px 0 8px;font-size:14px;color:var(--mu)}.gbestw .tblw{background:var(--bg)}
@media(max-width:900px){.gmine{grid-template-columns:repeat(2,minmax(0,1fr))}.gstat:last-child{grid-column:1/-1}body.theatre{--sidew:0px}}
@media(max-width:900px){body.theatre .side .nav span,body.theatre .side .shead{display:revert}body.theatre .side .nav{justify-content:flex-start}body.theatre .game{grid-template-columns:minmax(0,1fr);min-height:0}}
@media(max-width:900px){.hrow{gap:12px;max-width:100%}.hside{width:66px;font-size:11px;line-height:1.3}.hslot .pc{--cw:118px}.hside .arr{width:38px;height:38px}}
/* feature intro + tiered big wins */
.sobox .slogo{height:44px;display:block;margin:0 auto 8px;max-width:100%}
.sobox h3.fsh{display:flex;flex-direction:column;align-items:center;line-height:.95}.onum{font-size:clamp(64px,12vw,110px);font-weight:900;font-style:italic;background:linear-gradient(#fff6c4,#ffcf3d 50%,#ff8a1a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 #7a3a00)}
.sover.big .rays{opacity:.6}.sover.big.tier1 .rays{background:repeating-conic-gradient(from 0deg,#ff8a3d33 0 10deg,transparent 10deg 20deg)}.sover.big.tier2 .rays{background:repeating-conic-gradient(from 0deg,#ff5fd233 0 10deg,transparent 10deg 20deg);animation-duration:5s}.sover.big.tier3 .rays{background:repeating-conic-gradient(from 0deg,#b25cff40 0 8deg,transparent 8deg 16deg);animation-duration:3s}
.bigw{position:relative}.bigw h3.tierup{animation:tierup .45s cubic-bezier(.2,1.6,.4,1)}@keyframes tierup{0%{transform:scale(1.5);filter:brightness(2) drop-shadow(0 4px 0 #7a3a00)}100%{transform:scale(1)}}
/* ---------- snowball showdown ---------- */
.slot.showdown .sbg{background:linear-gradient(#2a1a4a 0,#7a2a5a 45%,#ff8a3d 100%)}.slot.showdown.fsmode .sbg{background:linear-gradient(#1a0a2a,#5a1a3a 50%,#c4402a)}
.slot.showdown .sframe{--ar:1;max-width:min(560px,100%);background:rgba(42,20,12,.88);box-shadow:0 0 0 4px #c97a1a,0 0 24px #ff8a3d66,0 18px 40px #0009}.slot.showdown .sgwrap{aspect-ratio:1}
.duels{position:absolute;inset:0;z-index:3;pointer-events:none}
.duel{position:absolute;top:0;bottom:0;width:20%;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:6% 0;border-radius:10px;overflow:hidden;
  background:radial-gradient(ellipse at 50% 50%,#ff8a3d55,transparent 70%),linear-gradient(#3a1408,#6a1e1a);box-shadow:inset 0 0 0 3px #ffcf3d,0 0 24px #ff8a3d}
.duel.fight{animation:grow .4s cubic-bezier(.2,1.4,.4,1)}.duel.sticky{box-shadow:inset 0 0 0 3px #ffe58a,0 0 14px #ffcf3d}
.dside{width:66%}.dsm{width:100%;height:auto;display:block;filter:drop-shadow(0 4px 4px #0008)}.dsm.flip{transform:scaleX(-1)}
.dvs{font-weight:900;font-style:italic;font-size:clamp(16px,3vw,28px);color:#fff;-webkit-text-stroke:2px #7a1a20;paint-order:stroke}
.dball{position:absolute;width:12%;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 0 6px #fff;opacity:0}
.duel.fight .dball.l{left:30%;top:30%;animation:throwl .5s .15s ease-in}.duel.fight .dball.r{left:58%;top:62%;animation:throwr .5s .25s ease-in}
@keyframes throwl{0%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(120%,260%) scale(1.6)}}@keyframes throwr{0%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(-120%,-260%) scale(1.6)}}
.dmult{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:900;font-size:clamp(18px,3.4vw,34px);color:#ffe58a;-webkit-text-stroke:3px #5a1a08;paint-order:stroke;white-space:nowrap}
.duel.done .dmult{animation:popin .35s cubic-bezier(.2,1.6,.4,1)}.duel.done .dvs{opacity:0}
.dwild{position:absolute;left:50%;bottom:6%;transform:translateX(-50%);font-weight:900;font-size:11px;letter-spacing:2px;color:#ffe58a;opacity:0}.duel.done .dwild{opacity:1}
.hslide.s6{background:linear-gradient(115deg,#c4402a,#4a1a3a 70%)}
@media(max-width:900px){.kpays{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.kp b{font-size:11px}
  .bacc .shoe,.bj .shoe{width:46px;height:32px;right:8px;top:8px}.bacc .shoe:after,.bj .shoe:after{top:6px;height:16px;left:5px;right:5px}.bacc{padding-top:44px}}
/* ---------- frosty sevens ---------- */
.slot.sevens .sbg{background:radial-gradient(ellipse at 50% 30%,#3a1e7a,#120a2e 75%)}
.slot.sevens .sframe{--ar:1;max-width:min(470px,100%);background:rgba(18,10,46,.9);padding:16px;box-shadow:0 0 0 4px #ffe58a,0 0 0 9px #2a1e5a,0 0 30px #ff5fd266,0 18px 40px #0009;
  background-image:radial-gradient(circle,#ffe58a 0 3px,transparent 4px);background-size:22px 22px;background-position:center -4px;background-repeat:repeat-x}
.slot.sevens .sgwrap{aspect-ratio:1;background:#0b0820;border-radius:10px}
.wheelover .swbox{display:flex;flex-direction:column;align-items:center;gap:8px;animation:popin .35s cubic-bezier(.2,1.6,.4,1)}.wheelover .slogo{height:40px}
.swheel{width:min(340px,80vw);height:auto;filter:drop-shadow(0 10px 24px #000a)}.swres{font-size:20px;font-weight:800;color:#fff;min-height:30px}.swres b{color:var(--gold);font-size:28px}
.hks .hk{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--ln)}.hks kbd{min-width:64px;text-align:center;background:var(--bg);border:1px solid var(--p4);border-bottom-width:3px;border-radius:6px;padding:5px 10px;font:800 13px Inter,system-ui;color:#fff}.hks .hk span{color:var(--mu)}
.inbox input.flash{animation:flashin .35s}@keyframes flashin{0%{color:var(--acc)}}
.volchip{display:inline-flex;align-items:center;gap:6px}.vdots{display:inline-flex;gap:3px;font-style:normal}.vdots b{width:7px;height:14px;border-radius:2px;background:var(--p4);display:block}.vdots b.on{background:var(--acc)}
.sinfo .vdots b{height:11px;width:6px}.sinfo .volchip{gap:5px}
/* ---------- snow cases ---------- */
.casesg{background:radial-gradient(ellipse at 50% 0%,#24405c,#0f1f2b 65%);gap:16px;justify-content:flex-start;padding-top:28px}
.ctop{display:flex;align-items:center;justify-content:center;gap:22px;min-height:96px;width:100%}
.ccase{position:relative;width:118px;height:84px;flex:none}
.cbox{position:absolute;inset:22px 0 0;border-radius:10px;background:linear-gradient(#5aa9e6,#245e96);box-shadow:inset 0 -6px 0 #0003,inset 0 0 0 3px #9fd6ff55,0 10px 18px #0008;display:grid;place-items:center}
.cbox:before{content:'';position:absolute;left:50%;top:0;bottom:0;width:16px;transform:translateX(-50%);background:linear-gradient(#e9f6ff,#a8d4f5);opacity:.85}
.cbox span{position:relative;font-size:10px;font-weight:900;letter-spacing:.12em;color:#0e2a44;background:#e9f6ff;padding:2px 6px;border-radius:4px}
.clid{position:absolute;left:-5px;right:-5px;top:8px;height:22px;border-radius:8px 8px 4px 4px;background:linear-gradient(#8fd0ff,#3b86c6);box-shadow:inset 0 0 0 3px #c9ecff66,0 4px 0 #0003;transform-origin:10% 100%;z-index:1}
.clid:after{content:'';position:absolute;left:50%;top:0;bottom:0;width:16px;transform:translateX(-50%);background:#e9f6ff;opacity:.9}
.ccase.open .clid{animation:clid .9s cubic-bezier(.2,.9,.3,1.2) both}.ccase.open .cbox{animation:cshake .26s linear}
@keyframes clid{0%{transform:none}35%{transform:translate(-4px,-18px) rotate(-26deg)}100%{transform:translate(-2px,-8px) rotate(-12deg)}}
@keyframes cshake{25%{transform:translateX(-3px) rotate(-2deg)}75%{transform:translateX(3px) rotate(2deg)}}
.cres{min-width:120px;display:flex;flex-direction:column;align-items:center;gap:2px;opacity:0}
.cres b{font-size:38px;font-weight:900;color:var(--c,#fff);text-shadow:0 0 22px color-mix(in srgb,var(--c,#fff) 55%,transparent)}.cres small{color:var(--mu);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:11px}
.cres.pop{animation:cpop .45s cubic-bezier(.2,1.4,.4,1) both}.cres.l b{color:#93a5b4;text-shadow:none}
@keyframes cpop{0%{opacity:0;transform:scale(.6)}100%{opacity:1;transform:none}}
.cwin{position:relative;width:100%;max-width:860px;overflow:hidden;padding:14px 0;border-radius:14px;background:#0b1822;box-shadow:inset 0 0 0 2px #1e3446;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.cstrip{display:flex;gap:8px;will-change:transform;padding:0 4px}
.citem{flex:none;width:118px;height:140px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:linear-gradient(180deg,#1a2c38 40%,color-mix(in srgb,var(--c) 30%,#1a2c38));box-shadow:inset 0 -3px 0 var(--c),inset 0 0 0 1px #ffffff10;transition:opacity .3s,transform .3s}
.citem .corn{width:72px;height:80px;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--c) 45%,transparent))}.citem b{font-weight:900;font-size:15px;color:#fff}
.citem.t6 .corn,.citem.t7 .corn{filter:drop-shadow(0 0 16px var(--c))}
.cstrip.done .citem:not(.win){opacity:.35}.citem.win{transform:scale(1.07);box-shadow:inset 0 -3px 0 var(--c),0 0 0 2px var(--c),0 0 28px color-mix(in srgb,var(--c) 60%,transparent)}
.cmark{position:absolute;left:50%;top:0;bottom:0;width:2px;opacity:.85;transform:translateX(-50%);background:var(--gold);box-shadow:0 0 12px var(--gold);z-index:2}
.cmark:before,.cmark:after{content:'';position:absolute;left:50%;transform:translateX(-50%);border:9px solid transparent}.cmark:before{top:0;border-top-color:var(--gold)}.cmark:after{bottom:0;border-bottom-color:var(--gold)}
.cdh{align-self:center;color:var(--mu);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-top:6px}
.cdrops{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;width:100%;max-width:860px}
.cdrop{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:10px;background:#1a2c38;box-shadow:inset 0 -3px 0 var(--c);transition:transform .2s,box-shadow .2s}
.cdrop .corn{width:34px;height:38px}.cdrop b{font-size:13px;font-weight:800}.cdrop small{font-size:11px;color:var(--mu)}
.cdrop.on{transform:translateY(-4px);box-shadow:inset 0 -3px 0 var(--c),0 0 0 2px var(--c)}
@media(max-width:900px){.citem{width:88px;height:108px}.citem .corn{width:54px;height:60px}.citem b{font-size:13px}.cdrops{grid-template-columns:repeat(4,minmax(0,1fr))}.ctop{min-height:80px;gap:14px}.ccase{transform:scale(.8)}.cres b{font-size:30px}}
/* ---------- ice breaker ---------- */
.slot.breaker .sbg{background:linear-gradient(#1b2a5a,#7a4a8a 45%,#ff9a6a 75%,#0b2a4a)}.slot.breaker.fsmode .sbg{background:linear-gradient(#06142e,#123a6a 50%,#0b2a4a)}.slot.breaker.fsmode .scene{opacity:.5;filter:hue-rotate(-30deg) saturate(.7)}
.slot.breaker .sframe{--ar:1.25;background:rgba(8,26,52,.88);box-shadow:0 0 0 4px #e9f8ff,0 0 0 8px #c4222f,0 0 28px #7fe3ff77,0 18px 40px #0009}.slot.breaker .sgwrap{aspect-ratio:5/4}
.slot.breaker.fsmode .sframe{background:rgba(10,40,70,.9);box-shadow:0 0 0 4px #e9f8ff,0 0 0 8px #3d9bff,0 0 36px #7fe3ffaa,0 18px 40px #0009}
.sbeam{transform-origin:1118px 330px;animation:sbeam 7s ease-in-out infinite alternate}@keyframes sbeam{from{transform:rotate(-7deg)}to{transform:rotate(9deg)}}
.icel{position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:10px;overflow:hidden}
.iceblk{position:absolute;width:20%;transition:top .34s cubic-bezier(.3,1.25,.5,1),height .34s cubic-bezier(.3,1.25,.5,1)}
.iceblk:before{content:'';position:absolute;inset:4px;border-radius:12px;background:linear-gradient(160deg,#f4fdffee,#a9e0ffd9 42%,#58ade4e6);box-shadow:inset 0 0 0 2px #fff,inset 0 0 22px #ffffffb0,0 0 20px #7fe3ffaa}
.iceblk:after{content:'';position:absolute;inset:4px;border-radius:12px;background:repeating-linear-gradient(135deg,transparent 0 16px,#ffffff40 16px 18px),radial-gradient(ellipse at 30% 18%,#fff9,transparent 45%)}
.iceblk.grow:before{background:linear-gradient(160deg,#f6fdff,#c2ebff 40%,#6cb9ea);box-shadow:inset 0 0 0 2px #fff,inset 0 0 26px #fff,0 0 30px #bff0ff}
.icecr{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);z-index:1;opacity:0}.icecr path{fill:none;stroke:#fff;stroke-width:3;vector-effect:non-scaling-stroke;stroke-linejoin:round;filter:drop-shadow(0 0 2px #2a7ab0)}
.iceblk.crack{animation:icesh .32s linear}.iceblk.crack .icecr{opacity:1;transition:opacity .08s}
.iceblk.shatter{animation:iceout .42s ease-in forwards}
@keyframes icesh{20%{transform:translateX(-3px)}40%{transform:translateX(3px)}60%{transform:translateX(-2px)}80%{transform:translateX(2px)}}
@keyframes iceout{to{opacity:0;transform:scale(1.12);filter:blur(3px)}}
.shards{position:absolute;width:20%}.shards i{position:absolute;width:12px;height:10px;background:linear-gradient(#fff,#9fdcff);clip-path:polygon(50% 0,100% 60%,30% 100%,0 40%);animation:shard .8s cubic-bezier(.2,.6,.4,1) forwards}
@keyframes shard{to{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}
.cell.reveal .sym{animation:revealin .45s cubic-bezier(.2,1.6,.4,1)}@keyframes revealin{from{transform:scale(.4);opacity:0;filter:brightness(2.5)}}
.ibmult{position:absolute;left:0;bottom:-50px;z-index:6;display:flex;flex-direction:column;align-items:center;background:linear-gradient(#1b4f8a,#0b2a52);border:3px solid #e9f8ff;border-radius:14px;padding:4px 12px 5px;box-shadow:0 0 18px #7fe3ff99,0 6px 14px #0009}
.ibmult[hidden]{display:none}.ibmult small{font-size:9px;font-weight:900;letter-spacing:.1em;color:#bfe9ff}.ibmult b{font-size:22px;font-weight:900;color:#fff;line-height:1;font-variant-numeric:tabular-nums}
.ibmult.bump{animation:ibbump .5s cubic-bezier(.2,1.8,.4,1)}@keyframes ibbump{from{transform:scale(1.5);box-shadow:0 0 40px #fff}}
@media(max-width:900px){.ibmult{bottom:-48px;padding:3px 9px 4px}.ibmult b{font-size:17px}}
.hslide.s7{background:linear-gradient(115deg,#2f8fe0,#0b2552 70%)}.hslide.s8{background:linear-gradient(115deg,#2a7fd4,#3a1a6a 70%)}
@media(min-width:901px){body.panelr .game{grid-template-columns:minmax(0,1fr) 320px}body.panelr .gpanel{order:2}body.panelr.theatre .game{grid-template-columns:minmax(0,1fr) 340px}}
@media(min-width:901px) and (max-width:1000px){body.panelr .game{grid-template-columns:minmax(0,1fr) 280px}}
.crash.boom{animation:cboom .45s cubic-bezier(.3,.7,.4,1)}.crash.boom:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 70% 35%,#ff4d6a55,transparent 60%);animation:cflash .6s ease-out forwards}
@keyframes cboom{15%{transform:translate(-5px,3px)}30%{transform:translate(5px,-3px)}45%{transform:translate(-3px,2px)}60%{transform:translate(2px,-1px)}}@keyframes cflash{from{opacity:1}to{opacity:0}}
.crumbs{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--mu);margin:0 0 12px;flex-wrap:wrap}.crumbs a{display:inline-flex;align-items:center;gap:6px;color:var(--mu);text-decoration:none;padding:4px 6px;border-radius:6px}.crumbs a:hover{color:#fff;background:var(--p2)}
.crumbs svg{width:14px;height:14px}.crumbs>svg{width:10px;height:10px;opacity:.6}.crumbs span{color:#fff}
.gwrap>.row{margin-top:22px}
body.drawer .livestats{visibility:hidden}
/* rewards: rank + rakeback */
.rewards{display:flex;flex-direction:column;gap:14px}.rewards .dhero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.rewards .dhero h3{margin:4px 0 0}.rewards .dhero p{margin:0;color:var(--mu)}
.rbcard{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--p2);border-radius:12px;padding:14px 16px;box-shadow:inset 0 0 0 1px var(--ln)}.rbcard small{color:var(--mu);font-weight:700}.rbcard .damt{display:flex;align-items:center;gap:6px;font-size:26px;font-weight:900}.rbcard .btn{width:auto;min-width:130px;margin:0}
.rkt{display:flex;flex-direction:column;gap:4px}.rkh,.rkr{display:grid;grid-template-columns:1.4fr 1fr 80px;align-items:center;gap:8px;padding:8px 12px;border-radius:8px}.rkh{color:var(--mu);font-size:12px;font-weight:700}.rkr{background:var(--p2)}.rkr span:first-child{display:flex;align-items:center;gap:8px;font-weight:700}.rkr b{text-align:right;color:var(--win)}.rkh span:last-child{text-align:right}
.rkr.me{box-shadow:inset 0 0 0 2px var(--acc)}.rkr.done{opacity:.6}
@media(max-width:900px){.rbcard{flex-direction:column;align-items:stretch;text-align:center}.rbcard .damt{justify-content:center}.rbcard .btn{width:100%}}
/* accounts */
.authbtns{display:flex;gap:8px;align-items:center}.authbtns[hidden]{display:none}.authbtns .btn{width:auto;margin:0;padding:9px 16px;min-height:0;font-size:14px}
.btn.ghost{background:transparent;box-shadow:inset 0 0 0 2px var(--p4);color:#fff}.btn.ghost:hover{background:var(--p2)}
.macct{border-top:1px solid #dfe7ee;margin-top:6px;padding-top:6px}.macct:empty{display:none}
.authm .tabs{margin-bottom:14px}.authm code,.lbnote code{background:var(--p1);padding:2px 6px;border-radius:5px;font-size:13px}
/* leaderboard */
.pti{width:26px;height:26px;margin-right:8px;color:var(--gold);vertical-align:-4px}
.lbnote{background:var(--p2);border-radius:10px;padding:12px 14px;color:var(--mu);font-size:14px;margin:6px 0 14px}.lbnote b{color:#fff}.lbnote .lnk{display:inline;padding:0;color:var(--acc)}
.lbtabs{margin-bottom:12px;max-width:620px}
.lbwrap{display:flex;flex-direction:column;gap:6px}.lbload{display:grid;place-items:center;padding:40px}
.lbh,.lbr{display:grid;grid-template-columns:70px minmax(0,1.6fr) minmax(0,1fr) minmax(110px,1fr);align-items:center;gap:10px;padding:10px 14px;border-radius:10px}
.lbh{color:var(--mu);font-size:12.5px;font-weight:700}.lbr{background:var(--p2)}.lbr:nth-child(odd){background:#1d3140}
.lbr.me{box-shadow:inset 0 0 0 2px var(--acc)}.lbp{font-weight:800;color:var(--mu)}
.lbn{display:flex;align-items:center;gap:8px;min-width:0}.lbn b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lbn small{color:var(--acc);font-weight:800;text-transform:uppercase;font-size:10px;letter-spacing:.06em}.lbn .av{width:28px;height:28px;font-size:13px;flex:none}
.lbg{color:var(--mu);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lbv{text-align:right;font-weight:800;display:flex;justify-content:flex-end}.lbv .amt{display:inline-flex;gap:5px;align-items:center}.lbv.neg{color:var(--loss)}
.medal{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;font-style:normal;font-weight:900;color:#3a2400}.medal.m1{background:linear-gradient(#ffe58a,#e0a100)}.medal.m2{background:linear-gradient(#f0f4f8,#9fb0c0)}.medal.m3{background:linear-gradient(#f2b98a,#b0632a)}
.lbgap{text-align:center;color:var(--mu);letter-spacing:.3em}.lbfoot{margin-top:8px;text-align:center}
@media(max-width:900px){.lbh,.lbr{grid-template-columns:44px minmax(0,1fr) minmax(90px,auto);padding:9px 10px}.lbg{display:none}.authbtns .btn{padding:8px 12px;font-size:13px}}
.ptitle.lbt{display:flex;align-items:center}.lbtabs button{white-space:nowrap}@media(max-width:900px){.lbtabs button{font-size:12.5px;padding-left:4px;padding-right:4px}}
.fld[hidden]{display:none}
.roletag{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:2px 8px 2px 6px;border-radius:99px;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;vertical-align:middle;white-space:nowrap;line-height:1.5}
.roletag svg{width:13px;height:13px}.roletag.owner{background:linear-gradient(90deg,#ffe58a,#ffb21f);color:#3a2400;box-shadow:0 0 12px #ffcf3d66}
h1 .roletag{font-size:12px;padding:3px 10px 3px 8px}.menu .roletag{margin-left:6px;font-size:9.5px;padding:1px 6px 1px 4px}
@media(max-width:600px){.authbtns{display:none!important}}
.dcard{overflow:hidden}@media(max-width:360px){.rankchip{display:none}}
.cell.leave{opacity:.85;transition:top .26s cubic-bezier(.5,0,.9,.6)!important}
/* item cases */
.cpick{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cpk{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:var(--p1);box-shadow:inset 0 0 0 2px transparent;font-weight:800;font-size:13px;text-align:left;transition:box-shadow .15s,background .15s}
.cpk svg{width:30px;height:30px;flex:none}.cpk:hover:not(:disabled){background:var(--p3)}.cpk[aria-checked=true]{box-shadow:inset 0 0 0 2px var(--c);background:color-mix(in srgb,var(--c) 14%,var(--p1))}.cpk:disabled{opacity:.6}
.casesg .cbox{background:linear-gradient(color-mix(in srgb,var(--case,#5aa9e6) 85%,#fff),color-mix(in srgb,var(--case,#5aa9e6) 70%,#000))}.casesg .clid{background:linear-gradient(color-mix(in srgb,var(--case,#5aa9e6) 60%,#fff),var(--case,#5aa9e6))}
.citem.pz{gap:2px;padding:6px 4px}.citem .cart{width:64px;height:64px;filter:drop-shadow(0 4px 6px #0008)}.citem.pz small{font-size:11px;font-weight:700;color:#d5e3ee;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4px}
.citem.gslot{background:radial-gradient(circle at 50% 40%,#ffe58a55,transparent 60%),linear-gradient(180deg,#3a2a00,#6b4a00);box-shadow:inset 0 -3px 0 #ffcf3d,inset 0 0 0 2px #ffcf3d88,0 0 18px #ffcf3d55}.citem.gslot b{color:#ffe58a;font-size:18px}
.citem.gslot .cart{animation:gspin 6s linear infinite}@keyframes gspin{to{transform:rotate(360deg)}}
.cwin.golden{background:radial-gradient(ellipse at 50% 50%,#6b4a00,#1a1200 75%);box-shadow:inset 0 0 0 2px #ffcf3d,0 0 40px #ffcf3d55;animation:gglow 1.6s ease-in-out infinite alternate}@keyframes gglow{to{box-shadow:inset 0 0 0 2px #ffe58a,0 0 60px #ffcf3d88}}
.cwin.golden .citem{background:linear-gradient(180deg,#2a1e00 40%,color-mix(in srgb,var(--c) 35%,#2a1e00))}
.cdrops.items{grid-template-columns:repeat(8,minmax(0,1fr))}.cdrops.gold{grid-template-columns:repeat(4,minmax(0,1fr));max-width:520px}.cdrops[hidden],.cdh[hidden]{display:none}
.cdrop .cart{width:40px;height:40px}.cdrop.gslot{background:linear-gradient(180deg,#3a2a00,#5a3f00)}.cdrop.gslot b{color:#ffe58a}
.cdh.gold{color:#ffcf3d}.cdrops.gold .cdrop{background:linear-gradient(180deg,#2a2210,#3a2a00)}
@media(max-width:900px){.citem .cart{width:48px;height:48px}.citem.pz small{font-size:10px}.cdrops.items{grid-template-columns:repeat(4,minmax(0,1fr))}.cdrops.gold{grid-template-columns:repeat(2,minmax(0,1fr))}}
.clanes{display:flex;flex-direction:column;gap:10px;width:100%;max-width:860px}.clanes .cwin{max-width:none}
.clanes.n3 .citem,.clanes.n4 .citem{height:112px;width:100px}.clanes.n3 .citem .cart,.clanes.n4 .citem .cart{width:48px;height:48px}.clanes.n3 .citem .corn,.clanes.n4 .citem .corn{width:56px;height:62px}
.clanes.n3 .cwin,.clanes.n4 .cwin{padding:8px 0}
.ltag{position:absolute;right:12px;top:8px;z-index:3;padding:3px 10px;border-radius:99px;background:#0b1822cc;font-size:12px;font-weight:800;opacity:0;transition:opacity .2s}.ltag.on{opacity:1}.ltag.w{color:var(--c,#21e07a)}.ltag.l{color:#93a5b4}.ltag.gold{color:#ffe58a;box-shadow:0 0 0 1px #ffcf3d}
@media(max-width:900px){.clanes.n2 .citem,.clanes.n3 .citem,.clanes.n4 .citem{height:96px;width:78px}.clanes .citem.pz small{display:none}.ltag{font-size:10.5px;right:6px;top:4px}}
.clane{position:relative}
.btabs{max-width:420px;margin:0;flex:1}.bets .rhead{margin-bottom:10px}
/* VIP Club */
.vip{display:flex;flex-direction:column;gap:16px}
.viphero{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:26px;border-radius:16px;background:radial-gradient(circle at 15% 30%,color-mix(in srgb,var(--a) 35%,transparent),transparent 55%),linear-gradient(120deg,color-mix(in srgb,var(--b) 55%,#0f1f2b),#13232f 70%);box-shadow:inset 0 0 0 1px #ffffff14}
.vipl{display:flex;align-items:center;gap:18px}.vipl small{color:#ffffffb0;font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:12px}.vipl h1{margin:2px 0;font-size:34px}.vipl p{margin:0;color:#e3edf5;font-weight:600}
.vipr{flex:1;min-width:260px;max-width:460px;display:flex;flex-direction:column;gap:6px}.vipr small{color:#ffffffa0}
.vh2{margin:6px 0 0;font-size:18px}.vipgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media(max-width:700px){.vipgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.viptier{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;border-radius:14px;background:linear-gradient(160deg,color-mix(in srgb,var(--b) 30%,var(--p2)),var(--p2) 60%);box-shadow:inset 0 0 0 1px #ffffff12}
.viptier b{font-size:17px}.viptier small{color:var(--mu)}.viptier ul{margin:4px 0 0;padding-left:18px;color:#d5e3ee;font-size:13px;line-height:1.6}
.viptier .vst{margin-top:auto;padding:4px 10px;border-radius:99px;background:#0b1822;font-size:12px;font-weight:800;color:var(--mu)}
.viptier.me{box-shadow:inset 0 0 0 2px var(--a),0 0 24px color-mix(in srgb,var(--a) 30%,transparent)}.viptier.me .vst{background:var(--a);color:#0b1822}.viptier.done .vst{color:var(--win)}
.vipnote{margin-top:4px}
@media(max-width:900px){.viphero{padding:18px}.vipl h1{font-size:26px}}
@media(max-width:900px){.side{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}}
/* slot presentation: dim the rest during wins, sparkles, landing squash, idle line cycle, big-win shake */
.sgrid .cell .sym{transition:filter .2s}.sgrid.wins .cell:not(.hit) .sym{filter:brightness(.42) saturate(.55)}
.sparks{position:absolute;z-index:4;pointer-events:none;width:0;height:0}.sparks i{position:absolute;width:9px;height:9px;margin:-4.5px;border-radius:50%;background:radial-gradient(#fff,#ffe58a 45%,transparent 72%);animation:spark .75s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes spark{from{transform:translate(0,0) scale(1.2);opacity:1}to{transform:translate(var(--x),var(--y)) scale(.2);opacity:0}}
.scell.land .sym,.cell.land .sym{animation:land .34s cubic-bezier(.3,1.5,.5,1)}@keyframes land{0%{transform:translateY(-7%) scaleY(1.07)}45%{transform:translateY(3%) scale(1.06,.9)}100%{transform:none}}
.lwtag{position:absolute;z-index:5;transform:translate(-50%,-50%);background:#000000cc;color:#ffe58a;font-weight:900;font-size:13px;padding:4px 11px;border-radius:99px;pointer-events:none;white-space:nowrap;box-shadow:0 0 0 1px #ffe58a55;animation:popin .25s cubic-bezier(.2,1.5,.4,1)}
.slines .pl.one{stroke-width:9;filter:drop-shadow(0 0 6px currentColor)}
.slot.bwshake{animation:bwsh .42s}@keyframes bwsh{20%{transform:translate(-5px,2px)}40%{transform:translate(5px,-2px)}60%{transform:translate(-3px,1px)}80%{transform:translate(2px,-1px)}}
/* every slot celebrates its wins in its own way: a glow plate behind the symbol plus a game-specific motion */
.cell.hit::before{content:'';position:absolute;inset:3%;border-radius:22%;background:radial-gradient(circle,var(--hitc,#ffe58a70),transparent 68%);animation:hitglow .9s ease-in-out infinite alternate;pointer-events:none}
@keyframes hitglow{from{opacity:.55;transform:scale(.92)}to{opacity:1;transform:scale(1.04)}}
.slot.frost{--hitc:#9ff0ff80}.slot.yeti{--hitc:#ffe27a80}.slot.polar{--hitc:#ffd36b90}.slot.aurora{--hitc:#3dffb370}.slot.bonanza{--hitc:#ff9cf070}.slot.fishing{--hitc:#7fe3ff70}
.slot.book{--hitc:#ffcf3d90}.slot.husky{--hitc:#ffb36b80}.slot.showdown{--hitc:#ff8a3d80}.slot.sevens{--hitc:#ff5f7a80}.slot.breaker{--hitc:#bfefff90}
.slot.frost .cell.hit .sym,.slot.bonanza .cell.hit .sym{animation:hspin 1.5s cubic-bezier(.45,0,.55,1) infinite}
@keyframes hspin{0%{transform:perspective(300px) rotateY(0) scale(1)}35%{transform:perspective(300px) rotateY(180deg) scale(1.12)}70%,100%{transform:perspective(300px) rotateY(360deg) scale(1)}}
.slot.yeti .cell.hit .sym{animation:hbounce .62s cubic-bezier(.3,0,.5,1) infinite}
@keyframes hbounce{0%,100%{transform:translateY(0) scale(1.04,.96)}15%{transform:translateY(0) scale(.94,1.08)}50%{transform:translateY(-11%) scale(1.04)}85%{transform:translateY(0) scale(1.08,.92)}}
.slot.husky .cell.hit .sym{animation:hwag .5s ease-in-out infinite alternate;transform-origin:50% 85%}@keyframes hwag{from{transform:rotate(-9deg) scale(1.06)}to{transform:rotate(9deg) scale(1.06)}}
.slot.fishing .cell.hit .sym{animation:hsway 1.1s ease-in-out infinite}@keyframes hsway{0%,100%{transform:translate(0,0) rotate(0) scale(1.05)}25%{transform:translate(4%,-4%) rotate(5deg) scale(1.1)}75%{transform:translate(-4%,-2%) rotate(-5deg) scale(1.1)}}
.slot.aurora .cell.hit .sym{animation:haura 1s ease-in-out infinite alternate}@keyframes haura{from{transform:scale(1);filter:drop-shadow(0 0 2px #3dffb3) hue-rotate(0)}to{transform:scale(1.12);filter:drop-shadow(0 0 14px #3dffb3) drop-shadow(0 0 4px #fff) hue-rotate(35deg)}}
.slot.book .cell.hit .sym,.slot.polar .cell.hit .sym{animation:hgild .8s ease-in-out infinite alternate}@keyframes hgild{from{transform:scale(1);filter:brightness(1) drop-shadow(0 0 0 #ffcf3d)}to{transform:scale(1.13);filter:brightness(1.3) drop-shadow(0 0 12px #ffcf3d)}}
.slot.sevens .cell.hit .sym{animation:hblink .36s steps(2,jump-none) infinite}@keyframes hblink{from{filter:brightness(1.7) drop-shadow(0 0 10px #ff5f7a);transform:scale(1.1)}to{filter:brightness(.95);transform:scale(1)}}
.slot.showdown .cell.hit .sym{animation:hjolt .7s ease-out infinite}@keyframes hjolt{0%{transform:scale(1.18) rotate(-6deg)}12%{transform:scale(1.1) rotate(5deg)}24%{transform:scale(1.12) rotate(-3deg)}40%,100%{transform:scale(1.04) rotate(0)}}
.slot.breaker .cell.hit .sym{animation:hfrost .9s ease-in-out infinite alternate}@keyframes hfrost{from{transform:scale(1);filter:drop-shadow(0 0 0 #bfefff) brightness(1)}to{transform:scale(1.12);filter:drop-shadow(0 0 10px #bfefff) brightness(1.25) saturate(1.2)}}
body.nomotion .cell.hit .sym,body.nomotion .cell.hit::before{animation:none!important}
/* penguin parade */
.slot.penguin .sbg{background:linear-gradient(#5ab8f0,#bfe8ff 60%,#1a5aa0)}.slot.penguin.fsmode .sbg{background:linear-gradient(#0b1a46,#3a2a7a 55%,#0b2a5a)}.slot.penguin.fsmode .scene{filter:brightness(.55) saturate(1.2) hue-rotate(20deg)}
.slot.penguin .sframe{--ar:1.25;background:rgba(10,32,74,.86);box-shadow:0 0 0 4px #ffffff,0 0 0 8px #ffcf3d,0 0 28px #7fdcff88,0 18px 40px #0009}.slot.penguin .sgwrap{aspect-ratio:5/4}
.slot.penguin.fsmode .sframe{background:rgba(26,16,70,.9);box-shadow:0 0 0 4px #ffffff,0 0 0 8px #a96bff,0 0 36px #a96bffaa,0 18px 40px #0009}
.slot.penguin{--hitc:#ffe27a90}.slot.penguin .cell.hit .sym{animation:hbounce .62s cubic-bezier(.3,0,.5,1) infinite}
.scene .flag{transform-box:fill-box;transform-origin:50% 0;animation:flagw 2.4s ease-in-out infinite}@keyframes flagw{50%{transform:rotate(8deg)}}
.pwalk{position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:10px;overflow:hidden}
.pwalker{position:absolute;width:20%;height:25%;transition:left .62s cubic-bezier(.45,.05,.4,1);background:radial-gradient(circle at 50% 55%,#cfeeffcc,#7fc8f066 45%,transparent 72%);border-radius:16px}
.pwalker .sym{left:6%;top:6%;width:88%;height:88%}
.pwalker.walking .sym{animation:waddle .2s ease-in-out infinite alternate;transform-origin:50% 92%}@keyframes waddle{from{transform:rotate(-9deg) translateY(0)}to{transform:rotate(9deg) translateY(-5%)}}
.pwalker.leaving{opacity:0;transition:left .62s cubic-bezier(.45,.05,.4,1),opacity .5s .15s}
.pwalker.grow .sym{animation:waddle .2s ease-in-out infinite alternate,pgrow .45s cubic-bezier(.2,1.6,.4,1)}@keyframes pgrow{40%{filter:brightness(1.8) drop-shadow(0 0 10px #ffcf3d)}}
.cell.ghost{visibility:hidden}
.cell.parrive .sym{animation:parr .55s cubic-bezier(.2,1.6,.4,1)}@keyframes parr{0%{transform:translateY(-22%) scale(.7)}60%{transform:translateY(4%) scale(1.08,.92)}100%{transform:none}}
.sym .twk{transform-box:fill-box;transform-origin:center;animation:twk 1.6s ease-in-out infinite}@keyframes twk{50%{transform:scale(.3);opacity:.3}}
.sym .gflake{animation:gflake 3s linear infinite}@keyframes gflake{from{transform:translateY(-6px);opacity:0}20%{opacity:1}to{transform:translateY(16px);opacity:0}}
.sym .steam{animation:steam 2s ease-in-out infinite}@keyframes steam{0%{opacity:0;transform:translateY(4px)}50%{opacity:.6}100%{opacity:0;transform:translateY(-6px)}}
/* cases: golden drop flash + spark shower */
.cwin.flash::after{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#fffbe6,#ffcf3dbb 30%,transparent 70%);animation:gflash .9s ease-out forwards}
@keyframes gflash{0%{opacity:0}15%{opacity:1}100%{opacity:0}}
.gburst{position:absolute;left:50%;top:50%;z-index:5;pointer-events:none;width:0;height:0}.gburst i{position:absolute;width:8px;height:8px;margin:-4px;border-radius:50%;background:radial-gradient(#fff,#ffcf3d 50%,transparent 72%);animation:gbi .9s cubic-bezier(.15,.7,.3,1) forwards}
@keyframes gbi{from{transform:translate(0,0) scale(1.4);opacity:1}to{transform:translate(var(--x),var(--y)) scale(.3);opacity:0}}
.cpick{grid-template-columns:repeat(2,minmax(0,1fr))}.cpk span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.citem.pz{background:radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--c) 42%,transparent),transparent 60%),linear-gradient(180deg,#1a2c38 40%,color-mix(in srgb,var(--c) 30%,#1a2c38))}
.citem.pz .cart{width:82px;height:82px}.cdrop .cart{width:48px;height:48px}
.clanes.n2 .citem.pz .cart{width:70px;height:70px}.clanes.n3 .citem.pz .cart,.clanes.n4 .citem.pz .cart{width:54px;height:54px}
@media(max-width:900px){.citem.pz .cart{width:58px;height:58px}.clanes.n3 .citem.pz .cart,.clanes.n4 .citem.pz .cart{width:46px;height:46px}}
.cpk{min-height:46px}.cpk span{white-space:normal;line-height:1.15;font-size:12.5px}

/* ---------- site themes ---------- */
.mini.maxb{display:none}body.maxbtn .mini.maxb{display:block}
:root[data-theme=stake]{--bg:#1a2c38;--side:#0f212e;--top:#1a2c38;--p1:#213743;--p2:#213743;--p3:#2f4553;--p4:#3d5a6c;--ln:#2f4553;--mu:#b1bad3;--mu2:#7d8ea3;--go:#00e701;--go2:#3cff3d;--goTx:#05080a}
[data-theme=stake] .inbox,[data-theme=stake] .tin{background:#0f212e}[data-theme=stake] .betin .inbox{background:#0f212e}[data-theme=stake] .stage{background:var(--stage-bg,#0f212e)}
[data-theme=stake] .gbar{background:#213743;border-top-color:#2f4553}[data-theme=stake] .wcur{background:#1475e1;color:#fff}[data-theme=stake] .wallet{background:#0f212e}
:root[data-theme=roobet]{--bg:#141629;--side:#0f1122;--top:#1a1c33;--p1:#1e2140;--p2:#232748;--p3:#323766;--p4:#40467d;--ln:#2a2e57;--mu:#a9acd6;--mu2:#7f83b3;--go:#ffc83d;--go2:#ffd96b;--goTx:#2a1800}
[data-theme=roobet] .stage{background:var(--stage-bg,#11132a)}[data-theme=roobet] .inbox,[data-theme=roobet] .tin{background:#11132a}[data-theme=roobet] .wcur{background:linear-gradient(135deg,#ffc83d,#ff9f1a);color:#2a1800}[data-theme=roobet] .wallet{background:#11132a}
[data-theme=roobet] .top{background:linear-gradient(90deg,#1a1c33,#221a40)}[data-theme=roobet] .nav[aria-current]{background:linear-gradient(90deg,#ffc83d30,#ffc83d08);box-shadow:inset 3px 0 0 #ffc83d}
:root[data-theme=midnight]{--bg:#06080b;--side:#000000;--top:#0a0d11;--p1:#0f1318;--p2:#151a21;--p3:#202731;--p4:#2b3440;--ln:#1a2028;--mu:#9aa7b6;--mu2:#6b7787}
[data-theme=midnight] .stage{background:#030406}
.hslide.s9{background:linear-gradient(115deg,#3aa8f0,#1b3a8a 55%,#2a1a6a)}
/* ---------- darts ---------- */
.dartsg{gap:16px;background:radial-gradient(ellipse at 50% 45%,#16293a,var(--bg) 70%)}
.dtbox{position:relative;width:min(440px,100%);aspect-ratio:1;max-width:100%}
.dtbw,.dtlay{position:absolute;inset:0}.dtlay{pointer-events:none}.dtboard{width:100%;height:100%;display:block;filter:drop-shadow(0 14px 24px #0009)}
.dtbw.thud{animation:dthud .26s}@keyframes dthud{35%{transform:scale(.986) translate(1px,2px)}}
.dtlab{font:900 7.5px Inter,system-ui,sans-serif;fill:#fff;paint-order:stroke;stroke:#000a;stroke-width:2.2px;stroke-linejoin:round;pointer-events:none}.dtlab.bull{font-size:6px;fill:#3a2600;stroke:#fff8;stroke-width:1.2px}
.dtring{transition:filter .25s}.dtring.lit{filter:brightness(1.55) saturate(1.2);animation:dlit .9s ease-in-out 2}@keyframes dlit{50%{filter:brightness(2.1)}}
.dthrow{position:absolute;width:0;height:0;z-index:2}.dthrow .dart{position:absolute;left:-10px;top:0;width:20px;height:60px;transform-origin:50% 0;transform:rotate(-28deg);filter:drop-shadow(3px 6px 3px #000a)}
.dthrow.fly .dart{animation:dfly var(--dd,.38s) cubic-bezier(.25,.6,.35,1) both}@keyframes dfly{from{transform:translate(160px,340px) rotate(-55deg) scale(2.6);opacity:0}25%{opacity:1}to{transform:rotate(-28deg) scale(1)}}
.dthrow.stuck .dart{animation:dwob .55s ease-out}@keyframes dwob{0%{transform:rotate(-28deg) scaleY(.9)}25%{transform:rotate(-22deg)}50%{transform:rotate(-32deg)}75%{transform:rotate(-26deg)}100%{transform:rotate(-28deg)}}
.dthrow.old{opacity:.4;transition:opacity .4s}
.dtres{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%);padding:10px 22px;border-radius:12px;font-size:30px;font-weight:900;color:#fff;background:#0b141ce6;box-shadow:0 0 0 3px var(--c),0 0 30px color-mix(in srgb,var(--c) 60%,transparent);opacity:0;pointer-events:none}
.dtres.on{animation:dpop 1.6s forwards}.dtres.w{color:#fff}.dtres.l{color:#c9d6e0}@keyframes dpop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}20%{transform:translate(-50%,-50%) scale(1)}75%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1)}}
.dtleg{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;width:min(560px,100%)}
.dtchip{display:flex;flex-direction:column;align-items:center;padding:8px 4px;border-radius:10px;background:var(--p1);box-shadow:inset 0 -3px 0 var(--c);transition:transform .2s,box-shadow .2s}.dtchip b{font-size:14px;font-weight:900}.dtchip small{font-size:11px;color:var(--mu)}
.dtchip.on{transform:translateY(-4px);box-shadow:inset 0 -3px 0 var(--c),0 0 0 2px var(--c),0 6px 18px color-mix(in srgb,var(--c) 40%,transparent)}
.dthist{position:absolute;top:14px;right:14px;display:flex;gap:6px;z-index:4;max-width:calc(100% - 28px);overflow:hidden}.dth{padding:5px 9px;border-radius:99px;font-size:12px;font-weight:900;background:var(--c);color:#06121a;animation:popin .25s}.dth.l{background:var(--p3);color:var(--mu)}
@media(max-width:600px){.dtleg{grid-template-columns:repeat(3,minmax(0,1fr))}.dtres{font-size:24px}}
/* ---------- rock paper scissors ---------- */
.rpsg{gap:14px;background:radial-gradient(ellipse at 50% 40%,#1c2f44,var(--bg) 72%)}
.rpicks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.rpick{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px!important;margin:0!important}.rpick .ricon{width:40px;height:40px}.rpick span{font-size:12.5px}
.rarena{display:flex;align-items:center;justify-content:center;gap:clamp(8px,4vw,40px);width:100%}
.rside{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px;border-radius:18px;background:#0b141c88;box-shadow:inset 0 0 0 2px #ffffff10;transition:box-shadow .25s,transform .25s}
.rside small{font-weight:800;color:var(--mu);text-transform:uppercase;letter-spacing:1px;font-size:11px}.rh{width:clamp(110px,22vw,190px);aspect-ratio:1}.rhand{width:100%;height:100%;display:block}
.rside.them .rhand{transform:scaleX(-1)}
.rside.win{box-shadow:inset 0 0 0 3px var(--win),0 0 30px #21e07a55;transform:scale(1.04)}.rside.lose{opacity:.55}.rside.draw{box-shadow:inset 0 0 0 3px var(--gold)}
.rside.rev .rh{animation:rpop .35s cubic-bezier(.2,1.6,.4,1)}@keyframes rpop{from{transform:scale(.7)}}
.rpsg.shaking .rside.you .rh{animation:rshake .23s ease-in-out 3;transform-origin:10% 60%}.rpsg.shaking .rside.them .rh{animation:rshake .23s ease-in-out 3;transform-origin:90% 60%}
@keyframes rshake{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(-22%) rotate(-10deg)}}
.rpsg.shaking .rside.them .rh{animation-name:rshake2}@keyframes rshake2{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(-22%) rotate(10deg)}}
.rvs{font-weight:900;font-style:italic;font-size:28px;color:var(--mu2)}
.rmsg{font-weight:800;font-size:16px;text-align:center;min-height:24px}.rmsg b{color:var(--win)}
.rmult{font-size:40px;font-weight:900;font-variant-numeric:tabular-nums}.rmult.up{color:var(--win)}.rmult.lose{color:var(--loss)}.rmult.bump{animation:popin .3s cubic-bezier(.2,1.6,.4,1)}
.rlad{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.rstep{display:flex;flex-direction:column;align-items:center;padding:6px 10px;border-radius:9px;background:var(--p1);min-width:66px}.rstep small{font-size:10.5px;color:var(--mu)}.rstep b{font-size:13px}
.rstep.done{background:color-mix(in srgb,var(--win) 22%,var(--p1));box-shadow:inset 0 -3px 0 var(--win)}.rstep.next{box-shadow:inset 0 0 0 2px var(--acc)}
.rlog{position:absolute;top:14px;left:14px;right:14px;display:flex;gap:6px;overflow:hidden}.rpl{display:flex;align-items:center;gap:2px;padding:3px 7px;border-radius:99px;background:var(--p2);animation:popin .25s}.rpl .ricon{width:20px;height:20px}.rpl i{font-style:normal;font-weight:900;font-size:12px;color:var(--mu)}
.rpl.w{box-shadow:inset 0 0 0 2px var(--win)}.rpl.l{box-shadow:inset 0 0 0 2px var(--loss)}.rpl.d{box-shadow:inset 0 0 0 2px var(--gold)}
@media(max-width:600px){.rvs{font-size:20px}.rmult{font-size:30px}.rside{padding:8px}}
.hslide.s10{background:linear-gradient(115deg,#ff5f6d,#7b5cff 60%,#1b0f5a)}
.rpsg,.dartsg{padding-top:56px}
@media(max-width:900px){.rpsg,.dartsg{padding-top:50px}}
/* symbols: crisp light rim + deeper shadow so they read like rendered game art */
.sgrid .cell .sym,.strip .scell:not(.blur) .sym{filter:drop-shadow(0 0 1px #ffffffb0) drop-shadow(0 4px 3px #000a)}
/* chicken: asphalt lanes with worn paint and a tiled kerb */
.lane{background:linear-gradient(90deg,#262f37,#303b45 45%,#2b353f),#2b3640;box-shadow:inset 0 0 40px #0004}
.lane::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,#ffffff08 0 2px,transparent 3px) 0 0/23px 29px,radial-gradient(circle at 70% 60%,#00000018 0 2px,transparent 3px) 0 0/31px 37px;pointer-events:none}
/* bet details */
.tbl tr.brow{cursor:pointer}.tbl tr.brow:hover td{background:var(--p2)}.tbl tr.brow:focus-visible{outline:2px solid var(--acc);outline-offset:-2px}
.bslip{display:flex;flex-direction:column;gap:14px}.bshead{display:flex;gap:14px;align-items:center}.bsart{width:64px;flex:none;border-radius:8px;overflow:hidden}.bsart svg{display:block;width:100%;height:auto}
.bshead b{display:block;font-size:18px}.bshead small{display:block;color:var(--mu)}.bshead .mono{font-size:11px;color:var(--mu2)}
.bsnums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.bsnums>div{background:var(--bg);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:4px;min-width:0}
.bsnums small{color:var(--mu);font-size:12px}.bsnums b{font-size:17px;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}.bsnums .up{color:var(--win)}
.bsfair{background:var(--bg);border-radius:10px;padding:14px}.bsfair h3{margin:0 0 10px;font-size:14px;color:var(--mu)}.bsfair .btn{margin-top:4px}
/* avalanche peak */
.slot.avalanche .sbg{background:linear-gradient(#0b2a6e,#3a7ad0 50%,#cfe6f8)}.slot.avalanche.fsmode .sbg{background:linear-gradient(#050f2e,#1a2a6a 55%,#2a4a7a)}.slot.avalanche.fsmode .scene{filter:brightness(.6) saturate(1.3)}
.slot.avalanche .sframe{--ar:1.25;background:rgba(8,24,60,.88);box-shadow:0 0 0 4px #f4fbff,0 0 0 8px #3a7ad0,0 0 30px #9fd4f588,0 18px 40px #0009}.slot.avalanche .sgwrap{aspect-ratio:5/4}
.slot.avalanche.fsmode .sframe{box-shadow:0 0 0 4px #f4fbff,0 0 0 8px #ffcf3d,0 0 36px #ffcf3d77,0 18px 40px #0009}
.slot.avalanche{--hitc:#bfe8ffa0}.slot.avalanche .cell.hit .sym{animation:hjolt .7s ease-out infinite}
.avl{position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:10px;overflow:hidden}
.avcol{position:absolute;top:0;width:20%;height:100%;padding:3px;transition:transform .3s cubic-bezier(.3,1.5,.5,1)}
.avcol::before{content:'';position:absolute;inset:3px;border-radius:12px;background:linear-gradient(#ffffff,#d9efff 35%,#9fd4f5);box-shadow:inset 0 0 0 3px #fff,0 0 22px #bfe8ffcc}
.avsnow{position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);border-radius:12px;animation:avroll 2.4s linear infinite}@keyframes avroll{from{transform:translateY(-4%)}to{transform:translateY(4%)}}
.avlab{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%) rotate(-8deg);background:#e8243a;color:#fff;font-weight:900;font-style:italic;font-size:clamp(14px,2.4vw,26px);letter-spacing:1px;padding:4px 10px;border-radius:9px;box-shadow:0 0 0 3px #fff,0 6px 12px #0006}
.avm{position:absolute;left:50%;bottom:9%;transform:translateX(-50%);min-width:54px;text-align:center;background:radial-gradient(circle at 40% 35%,#fff3b0,#ffcf3d 55%,#d18f00);color:#4a2a00;font-weight:900;font-size:clamp(14px,2vw,22px);padding:6px 10px;border-radius:99px;box-shadow:0 0 0 3px #fff,0 0 18px #ffcf3d}
.avm.pop2{animation:avpop .4s cubic-bezier(.2,1.6,.4,1)}@keyframes avpop{0%{transform:translateX(-50%) scale(1.6);filter:brightness(1.8)}100%{transform:translateX(-50%) scale(1)}}
.avcol.drop{animation:avdrop .38s cubic-bezier(.3,1.3,.5,1)}@keyframes avdrop{from{transform:translateY(-100%)}}
.slot.avshake .sframe{animation:avsh .3s}@keyframes avsh{25%{transform:translateY(3px)}50%{transform:translate(-2px,-1px)}75%{transform:translateY(2px)}}
.scene .avcloud{animation:avc 6s ease-in-out infinite}@keyframes avc{50%{transform:translate(-30px,20px)}}
.hslide.s11{background:linear-gradient(115deg,#5ab8ff,#1a4a9a 55%,#0b2a6e)}
@media(hover:none){.harr{display:none}}
.cres:empty{display:none}
/* mines autobet picker */
.mt.sel{box-shadow:inset 0 0 0 3px var(--acc),0 4px 0 #0004;background:color-mix(in srgb,var(--acc) 22%,var(--p3))}
.mhint{margin-top:14px;font-weight:800;color:var(--mu);text-align:center}
.dt.sel{box-shadow:inset 0 0 0 3px #ffcf3d,0 0 14px #ffcf3d55;background:#6a3a10}
.stage.dragon .mhint{position:relative;z-index:1}
/* ---------- slide ---------- */
.slideg{gap:18px;background:radial-gradient(ellipse at 50% 120%,#0f5a3a,var(--bg) 65%);padding-top:70px}
.slwin{position:relative;width:100%;max-width:880px;overflow:hidden;padding:16px 0;border-radius:14px;background:#0b1822;box-shadow:inset 0 0 0 2px #1e3446;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.slstrip{display:flex;gap:8px;will-change:transform}
.slt{flex:none;width:96px;height:96px;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:17px;background:#243646;color:#c9d6e0;box-shadow:inset 0 -4px 0 #0004;transition:opacity .3s,transform .3s;font-variant-numeric:tabular-nums}
.slt.t1{background:#1f5a9a;color:#fff}.slt.t2{background:#1f8ab0;color:#fff}.slt.t3{background:#7a3fd6;color:#fff}.slt.t4{background:linear-gradient(135deg,#ffcf3d,#ff8a1a);color:#3a1a00}
.slt.over{box-shadow:inset 0 -4px 0 #0004,inset 0 0 0 3px #21e07a}
.slt.hit{transform:scale(1.1);z-index:1}.slt.hit.w{box-shadow:0 0 0 3px #21e07a,0 0 26px #21e07a99}.slt.hit.l{box-shadow:0 0 0 3px #ff4d6a,0 0 22px #ff4d6a88}
.slstrip:has(.hit) .slt:not(.hit){opacity:.35}
.slmark{position:absolute;left:50%;top:0;bottom:0;width:4px;margin-left:-2px;background:#ffcf3d;box-shadow:0 0 10px #ffcf3d;z-index:2}.slmark::before,.slmark::after{content:'';position:absolute;left:50%;margin-left:-9px;border:9px solid transparent}.slmark::before{top:0;border-top-color:#ffcf3d}.slmark::after{bottom:0;border-bottom-color:#ffcf3d}
.slbig{font-size:clamp(44px,7vw,80px);font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-1px}.slbig.w{color:var(--win)}.slbig.l{color:var(--loss)}
.sltgt{color:var(--mu);font-weight:700}.sltgt b{color:#fff}
@media(max-width:600px){.slt{width:74px;height:74px;font-size:14px}}
/* northern treasure */
.slot.treasure .sbg{background:linear-gradient(#0b1a46,#2a5aa0 55%,#cfe6f8)}.slot.treasure.fsmode .sbg{background:linear-gradient(#1a0b3a,#4a1a7a 55%,#2a1a4a)}.slot.treasure.fsmode .scene{filter:brightness(.6) hue-rotate(40deg)}
.slot.treasure .sframe{--ar:1.2;background:rgba(10,30,40,.86);box-shadow:0 0 0 4px #ffcf3d,0 0 0 8px #0b4a2a,0 0 30px #ffcf3d66,0 18px 40px #0009}.slot.treasure .sgwrap{aspect-ratio:6/5}
.slot.treasure{--hitc:#ffe27aa0}.slot.treasure .cell.hit .sym{animation:hgild .8s ease-in-out infinite alternate}
.tgold{position:absolute;width:calc(100% / 6);height:20%;padding:3px}.tgold::before{content:'';position:absolute;inset:3px;border-radius:12px;background:linear-gradient(135deg,#ffe58a55,#c98a0040);box-shadow:inset 0 0 0 2px #ffcf3dbb,0 0 14px #ffcf3d55;animation:tgold .5s cubic-bezier(.2,1.4,.4,1)}
@keyframes tgold{from{transform:scale(.4);opacity:0}}
.tcoin{position:absolute;z-index:6;width:calc(100% / 6);height:20%;display:grid;place-items:center;pointer-events:none;animation:tcoin .45s cubic-bezier(.2,1.6,.4,1)}
.tcoin b{min-width:70%;padding:8px 6px;border-radius:99px;text-align:center;font-weight:900;font-size:clamp(11px,1.5vw,15px);color:#4a2a00;background:radial-gradient(circle at 40% 30%,#fff6c4,#ffcf3d 55%,#c98a00);box-shadow:0 0 0 2px #fff,0 4px 10px #0008;font-variant-numeric:tabular-nums}
.tcoin.mid b{background:radial-gradient(circle at 40% 30%,#e9d6ff,#a96bff 55%,#5a1ab0);color:#fff}.tcoin.big b{background:radial-gradient(circle at 40% 30%,#ffd6e0,#ff4d6a 55%,#a3122a);color:#fff;box-shadow:0 0 0 2px #fff,0 0 22px #ff4d6a}
@keyframes tcoin{0%{transform:rotateY(90deg) scale(.6)}100%{transform:none}}
.tcoins{position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:10px;overflow:hidden}
.slot.rbsweep .sgwrap::after{content:'';position:absolute;inset:0;z-index:7;pointer-events:none;border-radius:10px;background:linear-gradient(100deg,transparent 30%,#ff4d6a55 38%,#ffe23d66 44%,#21e07a55 50%,#39c6ff55 56%,#a96bff55 62%,transparent 70%);background-size:300% 100%;animation:rbs 1.1s ease-in-out forwards}
@keyframes rbs{from{background-position:130% 0}to{background-position:-30% 0}}
.scene .rbglow{animation:rbg 4s ease-in-out infinite alternate}@keyframes rbg{to{opacity:.8}}
.hslide.s12{background:linear-gradient(115deg,#2a8a5a,#2a5aa0 55%,#0b1a46)}
/* ---------- chat ---------- */
.chat{position:fixed;top:var(--topH);right:0;bottom:0;width:330px;z-index:35;background:var(--side);box-shadow:-6px 0 18px #0006;display:flex;flex-direction:column}
body.chatopen .content{margin-right:330px}
.chead{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--ln)}.chead b{display:flex;align-items:center;gap:8px;font-size:15px}.chead b svg{width:18px;height:18px}.chead .ibtn{margin-left:auto}
.clive{font-size:11px;font-weight:800;color:var(--win);display:flex;align-items:center;gap:5px}.clive::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--win);box-shadow:0 0 6px var(--win)}
.clist{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.cmsg{background:var(--p1);border-radius:10px;padding:8px 10px}.cmsg.me{background:color-mix(in srgb,var(--acc) 14%,var(--p1))}
.cmh{display:flex;align-items:center;gap:6px;font-size:12.5px}.cmh small{color:var(--mu2);margin-left:auto;font-size:11px}.cmsg p{margin:4px 0 0;font-weight:600;color:#e3ecf4;overflow-wrap:anywhere;font-size:13.5px}
.cdel{width:20px;height:20px;display:grid;place-items:center;border-radius:5px;color:var(--mu)}.cdel svg{width:11px;height:11px}.cdel:hover{background:var(--loss);color:#fff}
.cfoot{padding:10px 12px;border-top:1px solid var(--ln)}.cform{display:flex;gap:8px}.cform .tin{flex:1;min-width:0;padding:10px 12px}.cform .btn{width:auto;padding:10px 16px}
.cempty,.coff{color:var(--mu);text-align:center;margin:auto 6px}.coff b{display:block;color:#fff;margin-bottom:6px}.coff p{font-size:13px;line-height:1.5}
@media(max-width:1100px){body.chatopen .content{margin-right:0}}
@media(max-width:900px){.chat{width:100%;bottom:calc(64px + env(safe-area-inset-bottom,0px))}}
/* player card */
.cname{font-weight:800;color:inherit;padding:0;border-radius:4px}.cname:hover{color:var(--acc);text-decoration:underline}
.pfcard{display:flex;flex-direction:column;gap:14px}.pfhead{display:flex;gap:14px;align-items:center}.av.big{width:56px;height:56px;font-size:24px;border-radius:50%;display:grid;place-items:center;color:#06121a;font-weight:900;flex:none}
.pfname{display:flex;align-items:center;gap:8px;font-size:20px}.pfrank{display:flex;align-items:center;gap:6px;font-weight:800;color:var(--mu);margin:2px 0}
.pfgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pfs{background:var(--bg);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:4px}.pfs small{color:var(--mu)}.pfs b{font-size:17px}
/* ---------- Snakes ---------- */
.snakesg{background:radial-gradient(ellipse at 50% 45%,#12392f,var(--bg) 72%)}
.skwrap{position:relative;width:min(500px,100%);aspect-ratio:1}
.skboard{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:clamp(5px,1.4vw,9px)}
.sktile{position:relative;border-radius:14px;display:grid;place-items:center;background:linear-gradient(#25425a,#1b3347);box-shadow:inset 0 -5px 0 #0003,0 4px 0 #08131c;color:#9fd4ff;transition:transform .15s,box-shadow .15s,outline-color .2s;outline:2px solid transparent;outline-offset:-2px}
.sktile b{font-size:clamp(13px,3.3vw,21px);font-weight:900;letter-spacing:-.3px;text-shadow:0 2px 0 #0005}
.sktile.t2{background:linear-gradient(#155a40,#0e402d);color:#4dff9a}.sktile.t3{background:linear-gradient(#5e4c10,#433608);color:#ffd84d}
.sktile.t4{background:linear-gradient(#64300f,#472008);color:#ffa04d}.sktile.t5{background:linear-gradient(#621a5a,#45103f);color:#ff86f2}
.sktile.sn{background:linear-gradient(#4a1626,#2e0e18)}.sksnake{width:78%;height:78%;filter:drop-shadow(0 3px 2px #0007)}
.sktile.reach{outline-color:rgb(255 255 255 / calc(var(--p,0) * .55))}
.sktile.hit{transform:translateY(2px);box-shadow:inset 0 0 0 3px #ffffffb0,0 2px 0 #08131c,0 0 22px #ffffff40}
.skflag{position:absolute;top:5px;left:6px;font-size:9.5px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;color:#cfe6f5;opacity:.75}
.sktile.deal{animation:skdeal .38s cubic-bezier(.3,1.4,.5,1) both}@keyframes skdeal{0%{transform:rotateY(90deg) scale(.85);opacity:.3}100%{transform:none;opacity:1}}
.skpop{position:absolute;left:50%;top:8%;transform:translateX(-50%);font-size:13px;font-weight:900;color:#fff;background:#0009;padding:2px 7px;border-radius:99px;pointer-events:none;animation:skpop .9s forwards}
@keyframes skpop{0%{opacity:0;transform:translate(-50%,6px)}20%{opacity:1}100%{opacity:0;transform:translate(-50%,-26px)}}
.skcenter{grid-row:2/4;grid-column:2/4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:18px;background:radial-gradient(circle at 50% 40%,#ffffff10,#0000 70%);min-width:0}
.skdice{display:flex;gap:clamp(12px,3vw,22px);perspective:700px}
.skdie{--s:clamp(36px,9vw,58px);width:var(--s);height:var(--s);position:relative;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.15,.85,.25,1)}
.skf{position:absolute;inset:0;border-radius:20%;background:linear-gradient(145deg,#fff,#d6e1ea);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:13%;box-shadow:inset 0 0 0 1px #0002,inset 0 -3px 7px #0002;backface-visibility:hidden}
.skf i{width:72%;aspect-ratio:1;border-radius:50%;place-self:center}.skf i.on{background:radial-gradient(circle at 38% 32%,#4a5a6c,#101a24)}.skf.sf1 i.on{background:radial-gradient(circle at 38% 32%,#ff7a8a,#c8102e);width:95%}
.skf.sf1{transform:translateZ(calc(var(--s) / 2))}.skf.sf2{transform:rotateY(90deg) translateZ(calc(var(--s) / 2))}.skf.sf3{transform:rotateX(90deg) translateZ(calc(var(--s) / 2))}
.skf.sf4{transform:rotateX(-90deg) translateZ(calc(var(--s) / 2))}.skf.sf5{transform:rotateY(-90deg) translateZ(calc(var(--s) / 2))}.skf.sf6{transform:rotateY(180deg) translateZ(calc(var(--s) / 2))}
.skcenter.toss .skdice{animation:sktoss .9s}@keyframes sktoss{0%{transform:none}22%{transform:translateY(-26px)}55%{transform:translateY(3px)}72%{transform:translateY(-7px)}100%{transform:none}}
.skmult{font-size:clamp(24px,6vw,38px);font-weight:900;color:#fff;font-variant-numeric:tabular-nums;line-height:1}.skmult.up{color:var(--win);animation:skup .45s}.skmult.lose{color:var(--loss)}
@keyframes skup{40%{transform:scale(1.18)}}
.skinfo{color:var(--mu);font-size:12px;font-weight:700;text-align:center;padding:0 6px}.skcenter.live{cursor:pointer}.skcenter.live:hover .skdie{filter:brightness(1.08)}.skcenter.live .skinfo:after{content:' · tap to roll';color:var(--acc)}
.sktoken{position:absolute;left:12.5%;top:18%;width:9.5%;aspect-ratio:1;transform:translate(-50%,-50%);transition:left .11s ease-out,top .11s ease-out;z-index:3;pointer-events:none}
.sktoken i{position:relative;display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--acc) 48%,#0a5d8a);border:3px solid #fff;box-shadow:0 7px 0 #0006,0 0 20px color-mix(in srgb,var(--acc) 70%,transparent)}
.sktoken i:after{content:"";position:absolute;inset:24%;border-radius:50%;border:2.5px solid #ffffffd0}
.sktoken.hop i{animation:skhop .13s ease-out}@keyframes skhop{50%{transform:translateY(-38%) scale(1.06)}}
.sktoken.fall i{animation:skfall .8s .15s forwards}@keyframes skfall{25%{transform:scale(1.25)}100%{transform:scale(0) rotate(240deg);opacity:0}}
.skboard.bit{animation:skshake .45s}.skboard.bit .sktile.hit{box-shadow:inset 0 0 0 3px var(--loss),0 0 30px #ff4d6a90}.skboard.bit .sktile.hit .sksnake{animation:skstrike .55s cubic-bezier(.3,1.6,.5,1)}
@keyframes skshake{20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}
@keyframes skstrike{0%{transform:scale(1)}35%{transform:scale(1.45) translateY(-12%) rotate(-6deg)}70%{transform:scale(1.25) rotate(4deg)}100%{transform:scale(1.15)}}
.sktongue{transform-origin:50px 36px;animation:sktongue 2.4s infinite}@keyframes sktongue{0%,80%,100%{transform:scaleY(0)}86%,94%{transform:scaleY(1)}}
.skboard.won .sktile.hit{box-shadow:inset 0 0 0 3px var(--win),0 0 26px #21e07a80}
.skmsg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;font-size:clamp(26px,6vw,40px);font-weight:900;font-style:italic;color:#fff;text-shadow:0 3px 0 #0008,0 0 24px var(--loss);opacity:0;pointer-events:none}
.skmsg.on{animation:dpop 1.7s forwards}.skmsg.l{color:#ffd0d8}
.skhist{top:12px}
@media(max-width:600px){.sktile{border-radius:10px}.skflag{font-size:8px;top:3px;left:4px}.skinfo{font-size:11px}.skcenter{gap:6px}}
/* ---------- Tarot ---------- */
.tarotg{background:radial-gradient(1.5px 1.5px at 12% 18%,#ffffffa0,transparent),radial-gradient(1.2px 1.2px at 82% 12%,#ffffff90,transparent),radial-gradient(1.5px 1.5px at 70% 78%,#ffffff70,transparent),radial-gradient(1px 1px at 30% 70%,#ffffff80,transparent),radial-gradient(1.3px 1.3px at 90% 50%,#ffffff70,transparent),radial-gradient(1px 1px at 8% 60%,#ffffff70,transparent),radial-gradient(ellipse at 50% 22%,#3d2078 0%,#1b1040 46%,var(--bg) 82%)}
.tcrow{display:flex;gap:clamp(10px,3vw,28px);perspective:1000px;align-items:flex-end}
.tcslot{display:flex;flex-direction:column;align-items:center;gap:9px}
.tclab{font-size:11px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;color:#cdbcff}
.tcard{width:clamp(86px,21vw,150px);aspect-ratio:2/3;position:relative}
.tcin{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.3,1.25,.5,1)}
.tcard.up .tcin{transform:rotateY(180deg)}
.tcback,.tcfront{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:8%;box-shadow:0 12px 26px #0009;transition:box-shadow .3s,filter .3s}
.tcfront{transform:rotateY(180deg)}.tcsvg{width:100%;height:100%;display:block}
.tcnum{font:700 9px Georgia,serif;fill:#6b4f1d;letter-spacing:1px}.tcname{font:700 7.4px Georgia,serif;fill:#f6e7bf;letter-spacing:.6px;text-transform:uppercase}
.tcard.deal{animation:tcdeal .42s cubic-bezier(.3,1.3,.5,1) both}@keyframes tcdeal{from{transform:translateY(-46px) rotate(-7deg) scale(.9);opacity:0}}
.tcard.up.thi .tcfront{box-shadow:0 0 0 2px #ffd84d,0 0 24px #ffd84d70}.tcard.up.ttop .tcfront{box-shadow:0 0 0 3px #ffa04d,0 0 34px #ffa04d}
.tcard.up.tmax .tcfront{animation:tcmax 1.6s infinite}@keyframes tcmax{0%,100%{box-shadow:0 0 0 3px #ff86f2,0 0 40px #ff86f2}50%{box-shadow:0 0 0 3px #39c6ff,0 0 46px #39c6ff}}
.tcard.up.tz .tcfront{box-shadow:0 0 0 3px var(--loss),0 0 30px #ff4d6a90}.tcard.up.tz{animation:skshake .45s .5s}
.tcard.dim .tcfront{filter:grayscale(.75) brightness(.55)}
.tcval{font-weight:900;font-size:14px;color:var(--mu);background:#0007;padding:4px 12px;border-radius:99px;min-width:66px;text-align:center;font-variant-numeric:tabular-nums}
.tcval.on{animation:popin .3s}.tcval.tz,.tcchip.tz{color:var(--loss)}.tcval.tlo,.tcchip.tlo{color:#a9bdd2}.tcval.tmid,.tcchip.tmid{color:#4dff9a}.tcval.thi,.tcchip.thi{color:#ffd84d}.tcval.ttop,.tcchip.ttop{color:#ffa04d}.tcval.tmax,.tcchip.tmax{color:#ff86f2}
.tcres{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:20px}
.tceq{display:flex;gap:6px;align-items:center;min-height:26px;font-weight:800;color:var(--mu)}.tceq i{font-style:normal;opacity:.6}.tceqm{padding:3px 8px;border-radius:6px;background:#ffffff12;font-size:13px}
.tctot{font-size:clamp(26px,6vw,40px);font-weight:900;color:#fff;line-height:1.1;font-variant-numeric:tabular-nums}.tctot.w{color:var(--win)}.tctot.l{color:#c9d6e0}.tctot.z{color:var(--loss)}.tctot.fin{animation:skup .45s}
.tcleg{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:18px;max-width:560px}
.tcchip{padding:4px 9px;border-radius:99px;font-size:12px;font-weight:900;background:#ffffff14}
.tarotg.storm:after{content:"";position:absolute;inset:0;background:#dfe9ff;opacity:0;animation:tcflash .7s;pointer-events:none;z-index:6}@keyframes tcflash{8%{opacity:.55}16%{opacity:0}26%{opacity:.3}40%,100%{opacity:0}}
.tarotg.gold .tcrow{filter:drop-shadow(0 0 22px #ffcf3d50)}
@media(max-width:600px){.tcard{width:27vw}.tcval{font-size:12.5px;min-width:56px;padding:3px 8px}.tcres{margin-top:14px}}
.tceqm.tz{color:var(--loss)}.tceqm.tlo{color:#a9bdd2}.tceqm.tmid{color:#4dff9a}.tceqm.thi{color:#ffd84d}.tceqm.ttop{color:#ffa04d}.tceqm.tmax{color:#ff86f2}
.hslide.s13{background:linear-gradient(115deg,#2bd46a,#145a4a 45%,#3a1d6e)}
/* ---------- Meltdown ---------- */
.slot.meltdown .sgwrap{aspect-ratio:8/3}
.slot.meltdown .cell .sym{transition:filter .3s}
.mdways{display:flex;align-items:center;gap:6px;justify-content:center;margin:2px auto 0;padding:5px 14px;border-radius:99px;background:#0b0f2ab8;border:2px solid #ffb02e;color:#ffe9c2;font-weight:800;font-size:13px;width:max-content;box-shadow:0 0 18px #ff9a2e55}
.mdways b{color:#fff;font-size:15px;font-variant-numeric:tabular-nums}.mdways.bump{animation:skup .45s}
.mdmult{font-style:normal;margin-left:6px;padding:1px 9px;border-radius:99px;background:linear-gradient(#ffe066,#ff8a1a);color:#3a1600;font-weight:900}
.mdtags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;min-height:26px;margin-top:6px;position:relative;z-index:2}
.mdtag{background:#0b0f2ad0;border:1px solid #ffffff26;border-radius:8px;padding:4px 9px;font-size:12px;font-weight:700;color:#cfd8e8;animation:popin .25s}.mdtag b{color:#fff}.mdtag em{font-style:normal;color:var(--win);font-weight:900}
.slot.meltdown .cell.melting{animation:mdmelt .62s ease-in forwards}
@keyframes mdmelt{0%{transform:none;filter:none}18%{transform:translateX(-3px) rotate(-2deg)}30%{transform:translateX(3px) rotate(2deg);filter:brightness(1.5)}55%{transform:translateY(0) scale(1.04);opacity:1;filter:brightness(1.8) saturate(.4)}100%{transform:translateY(36%) scaleY(.4);opacity:0}}
.slot.meltdown .cell.refreeze{animation:mdfreeze .5s ease-out both}@keyframes mdfreeze{from{opacity:0;transform:scale(1.15);filter:brightness(2)}}
.slot.meltdown .drip{animation:mddrip 2.4s ease-in infinite}@keyframes mddrip{0%,60%{transform:translate(3px,0);opacity:1}100%{transform:translate(3px,14px);opacity:0}}
.slot.meltdown .flick{transform-origin:50px 58px;animation:mdflick .5s ease-in-out infinite alternate}@keyframes mdflick{to{transform:scaleY(1.08) skewX(3deg)}}
.mdsun{transform-origin:600px 470px;animation:mdsun 6s ease-in-out infinite alternate}@keyframes mdsun{to{transform:scale(1.05)}}
.mddrops path{animation:mddrop 3.5s linear infinite}@keyframes mddrop{0%{transform:translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(160px);opacity:0}}
.mdglint{animation:mdglint 3s ease-in-out infinite alternate}@keyframes mdglint{to{opacity:.4}}
.slot.meltdown.fsmode .mdways{border-color:#ff5f6d;box-shadow:0 0 24px #ff5f6d80}
@media(max-width:600px){.mdways{font-size:11.5px;padding:3px 10px}.mdways b{font-size:13px}.mdtag{font-size:10.5px;padding:3px 7px}}
.slot.meltdown .sframe{--ar:2.67;max-width:min(860px,100%);background:rgba(26,20,64,.86);box-shadow:0 0 0 4px #fff3d6,0 0 0 8px #ff9a2e,0 0 34px #ff9a2e70,0 18px 40px #0009}
/* ---------- Frozen Vault ---------- */
.slot.vault .sframe{--ar:1.67;background:rgba(11,20,34,.88);box-shadow:0 0 0 4px #c9d6e0,0 0 0 8px #ffcf3d,0 0 30px #ffcf3d55,0 18px 40px #0009}.slot.vault .sgwrap{aspect-ratio:5/3}
.vtdoor{transform-origin:600px 260px;animation:vtspin 40s linear infinite}@keyframes vtspin{to{transform:rotate(360deg)}}
.vblastl{position:absolute;inset:0;pointer-events:none;z-index:3}
.vcol{position:absolute;top:0;bottom:0;border-radius:12px;background:linear-gradient(180deg,#f2fbffd9,#8fd4f5b8 60%,#3fa0e0c0);border:3px solid #fff;box-shadow:0 0 22px #9fe6ff,inset 0 0 26px #ffffffa0;display:grid;place-items:center;transform-origin:top;animation:vcol .55s cubic-bezier(.3,1.3,.5,1) both;overflow:hidden}
.vcol.still{animation:none}.vcol b{writing-mode:vertical-rl;text-orientation:upright;font-size:clamp(14px,3vw,28px);font-weight:900;letter-spacing:-2px;color:#0b3a6a;text-shadow:0 0 10px #fff}
.vcol:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 22px,#ffffff70 22px 25px,transparent 25px 48px);opacity:.6}
@keyframes vcol{from{transform:scaleY(0);opacity:.4}to{transform:none;opacity:1}}
.vbanner{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);z-index:12;font-size:clamp(28px,6vw,52px);font-weight:900;font-style:italic;color:#fff;text-shadow:0 0 18px #5ab8ff,0 4px 0 #0b3a6a;letter-spacing:1px;pointer-events:none;animation:vbanner 1.3s forwards}
@keyframes vbanner{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}25%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,-60%)}}
.vpick{position:absolute;inset:0;z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;background:radial-gradient(ellipse at 50% 40%,#1b3048f2,#060d16f5);animation:fadein .3s}.vpick.out{opacity:0;transition:opacity .3s}
.vhead{display:flex;flex-direction:column;align-items:center;gap:6px}.vhead h3{margin:0;font-size:clamp(22px,4vw,34px);font-weight:900;font-style:italic;color:#ffcf3d;text-shadow:0 3px 0 #7a4a00,0 0 18px #ffcf3d80;letter-spacing:1px}
.vstat{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.vstat>span{display:flex;align-items:center;gap:6px;background:#0008;border:1px solid #ffffff26;border-radius:99px;padding:5px 12px;font-weight:700;color:var(--mu)}.vstat b{color:#fff;font-variant-numeric:tabular-nums}
.vmx{background:linear-gradient(#ffe066,#ff8a1a)!important;color:#3a1600!important;font-weight:900!important;border:0!important}.vmx.pop{animation:popin .4s}
.vgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(6px,1.4vw,12px);width:min(640px,100%)}
.vbox{position:relative;aspect-ratio:1;border-radius:12px;background:linear-gradient(145deg,#8a9aac,#3a4a5a);border:3px solid #c9d6e0;box-shadow:inset 0 -6px 0 #0004,0 5px 0 #0b141c;display:grid;place-items:center;color:#1b2533;font-weight:900;transition:transform .15s,filter .15s;overflow:hidden}
.vbox:not(:disabled):hover{transform:translateY(-3px);filter:brightness(1.15)}.vbox:not(:disabled){cursor:pointer;animation:vglow 2s ease-in-out infinite}
@keyframes vglow{50%{box-shadow:inset 0 -6px 0 #0004,0 5px 0 #0b141c,0 0 16px #ffcf3d90}}
.vlid{position:absolute;width:34%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffe58a,#c98a00);box-shadow:0 0 0 3px #1b2533}.vlid:after{content:"";position:absolute;left:44%;top:50%;width:12%;height:34%;background:#1b2533;border-radius:2px}
.vnum{position:absolute;top:4px;left:7px;font-size:11px;opacity:.65}
.vbox.open{animation:vopen .45s cubic-bezier(.3,1.4,.5,1);background:linear-gradient(145deg,#1b2a3a,#0b141c);border-color:#5a6a7a}.vbox.open .vlid,.vbox.open .vnum{display:none}
.vbox em{font-style:normal;display:flex;align-items:center;gap:3px;font-size:clamp(10px,1.9vw,15px);font-weight:900;color:#fff;text-align:center;padding:0 3px;line-height:1.1}.vbox em .coin{width:13px;height:13px}
.vbox.vc{border-color:#21e07a}.vbox.vc em{color:#4dff9a}.vbox.vbig{border-color:#ffcf3d;box-shadow:0 0 20px #ffcf3d90}.vbox.vbig em{color:#ffd84d}
.vbox.vp{border-color:#39c6ff}.vbox.vp em{color:#7fd8ff}.vbox.vx{border-color:#ff9a1a;background:linear-gradient(145deg,#5a2a00,#2a1200)}.vbox.vx em{color:#ffb02e;font-size:clamp(14px,3vw,24px)}
.vbox.dim{opacity:.4;animation:none;filter:grayscale(.5)}
@keyframes vopen{0%{transform:scale(1)}30%{transform:scale(.85) rotate(-4deg)}65%{transform:scale(1.12) rotate(2deg)}100%{transform:none}}
.vfoot{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.vfoot small{color:var(--mu);font-weight:600;max-width:460px}.vauto{background:var(--p3);color:#fff;padding:8px 18px}
@media(max-width:600px){.vgrid{gap:5px;width:100%}.vbox{border-radius:8px;border-width:2px}.vnum{display:none}.vpick{gap:6px;padding:8px;justify-content:safe center;overflow:auto}.vhead h3{font-size:20px}.vfoot small{display:none}.vstat>span{padding:3px 9px;font-size:11.5px}.vauto{padding:6px 14px}.vbox em{font-size:9.5px;flex-direction:column;gap:0}.vbox em .coin{width:10px;height:10px}}
/* ---------- Shootout ---------- */
.shootg{gap:14px;background:radial-gradient(ellipse at 50% 30%,#173248,var(--bg) 75%)}
.hkrink{position:relative;width:min(560px,100%);aspect-ratio:16/11;border-radius:26px;overflow:hidden;border:6px solid #e9f4fb;box-shadow:0 0 0 3px #ffcf3d,0 18px 40px #0009;
  background:radial-gradient(ellipse at 50% 18%,#ffffff,#d7e9f4 45%,#a9c7db 100%)}
.hkrink:before{content:"";position:absolute;left:0;right:0;top:78%;height:6px;background:#e8243a;opacity:.55}.hkrink:after{content:"";position:absolute;left:0;right:0;top:62%;height:5px;background:#1f6fd1;opacity:.45}
.hkgoal{position:absolute;left:50%;top:15%;width:64%;transform:translateX(-50%);z-index:2}
.hkgoal:after{content:"";position:absolute;left:12%;right:12%;top:100%;height:34%;border-radius:0 0 50% 50%/0 0 100% 100%;background:#5ab8ff55;border:3px solid #e8243a99;border-top:0}
.hknet{position:relative;aspect-ratio:2.1/1;border:7px solid #e8243a;border-bottom:0;border-radius:10px 10px 0 0;background:#0b1a2acc;background-image:repeating-linear-gradient(45deg,transparent 0 9px,#ffffff38 9px 11px),repeating-linear-gradient(-45deg,transparent 0 9px,#ffffff38 9px 11px);box-shadow:inset 0 -10px 18px #0008}
.hknet.ripple{animation:hkrip .5s}@keyframes hkrip{30%{transform:scale(1.03,.97)}60%{transform:scale(.99,1.02)}}
.hkzones{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);z-index:3}
.hkz{position:relative;border:1px dashed #ffffff30;background:transparent;transition:background .15s}.hkz i{position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:3px solid #ffffff50;transition:.15s}
.hkgoal.live .hkz{cursor:crosshair}.hkgoal.live .hkz:hover{background:#39c6ff26}.hkgoal.live .hkz:hover i{border-color:var(--acc);box-shadow:0 0 14px var(--acc);transform:translate(-50%,-50%) scale(1.15)}
.hkz.aim i{border-color:#ffcf3d;box-shadow:0 0 16px #ffcf3d}.hkz.blk{background:#ff4d6a40}.hkz.blk i{border-color:#ff4d6a80}.hkz.goal{background:#21e07a55;animation:hkflash .6s 2}.hkz.saved{background:#ff4d6a80}
@keyframes hkflash{50%{background:#21e07aaa}}
.hkkeep{position:absolute;left:50%;bottom:-4%;width:40%;margin-left:-20%;z-index:4;pointer-events:none;transform-origin:50% 90%;transition:transform .3s cubic-bezier(.2,1.2,.4,1)}.hkgoalie{width:100%;display:block;filter:drop-shadow(0 4px 4px #0006)}
.hkkeep.save .hkgoalie{animation:hksave .4s}@keyframes hksave{40%{transform:scale(1.08)}}
.hkpuck{position:absolute;left:50%;top:88%;width:7%;aspect-ratio:1.9;margin:-1.8% 0 0 -3.5%;border-radius:50%;background:radial-gradient(ellipse at 50% 35%,#4a5563,#0b0f14 70%);box-shadow:0 3px 0 #0b0f14,0 6px 8px #0006;z-index:5}
.hkpuck.fly{transition:left var(--d,.42s) cubic-bezier(.2,.7,.3,1),top var(--d,.42s) cubic-bezier(.2,.7,.3,1),transform var(--d,.42s);transform:scale(.55)}
.hkpuck.fly:after{content:"";position:absolute;inset:-20% -60%;background:radial-gradient(ellipse,#ffffffa0,transparent 70%);opacity:.6}
.hkpuck.in{animation:hkin .4s forwards}@keyframes hkin{to{transform:scale(.3);opacity:.2}}
.hkpuck.bounce{animation:hkbounce .55s forwards}@keyframes hkbounce{to{transform:translate(160%,260%) scale(.8) rotate(200deg);opacity:0}}
.hklight{position:absolute;left:50%;top:-26%;width:8%;aspect-ratio:1;transform:translateX(-50%);border-radius:50% 50% 20% 20%;background:#5a1a22;border:3px solid #1b2533}.hklight.on{background:#ff2a3a;box-shadow:0 0 30px 12px #ff2a3aa0;animation:hklight .35s 4 alternate}@keyframes hklight{to{background:#ff8a94}}
.hkmsg{position:absolute;left:50%;top:66%;transform:translate(-50%,-50%);z-index:6;font-size:clamp(26px,6vw,44px);font-weight:900;font-style:italic;letter-spacing:1px;opacity:0;pointer-events:none;text-shadow:0 3px 0 #0006}
.hkmsg.on{animation:dpop 1.5s forwards}.hkmsg.w{color:#fff;-webkit-text-stroke:2px #0f8a43;text-shadow:0 0 18px #21e07a,0 4px 0 #0f8a43}.hkmsg.l{color:#fff;-webkit-text-stroke:2px #b0182c;text-shadow:0 0 18px #ff4d6a,0 4px 0 #b0182c}
.hkmult{font-size:clamp(26px,6vw,40px);font-weight:900;font-variant-numeric:tabular-nums;line-height:1}.hkmult.up{color:var(--win);animation:skup .45s}.hkmult.lose{color:var(--loss)}
.hksteps{max-width:560px}
@media(max-width:600px){.hkrink{border-radius:16px;border-width:4px}.hknet{border-width:5px}}
.hslide.s14{background:linear-gradient(115deg,#5a7a9a,#1b3048 50%,#0b1a2e)}
/* chicken: passing traffic and barriers on crossed lanes */
.car.pass{animation:pass 1.4s linear forwards}@keyframes pass{from{top:0;transform:translate(-50%,-120%)}to{top:100%;transform:translate(-50%,20%)}}
.lane .barrier{position:absolute;left:8%;right:8%;top:14%;height:14px;border-radius:4px;background:repeating-linear-gradient(135deg,#e8243a 0 10px,#fff 10px 20px);box-shadow:0 4px 0 #0006;transform:scaleX(0);transition:transform .3s cubic-bezier(.3,1.5,.5,1);z-index:2}
.lane.safe .barrier{transform:none}.lane.safe .ctrack{display:none}
/* dragon tower: a dragon perched on the tower and stone-block walls */
.dtwrap{position:relative;width:min(460px,100%);display:flex;flex-direction:column;align-items:center}
.dthead{width:min(300px,72%);margin-bottom:-14px;position:relative;z-index:2;filter:drop-shadow(0 6px 8px #0009);animation:dtbreath 3.2s ease-in-out infinite}
@keyframes dtbreath{50%{transform:translateY(-3px) scale(1.01)}}.dteye{animation:dtblink 4s infinite}@keyframes dtblink{0%,92%,100%{opacity:1}95%{opacity:.2}}
.tower{width:100%;background:repeating-linear-gradient(0deg,#2a1014 0 26px,#1a080b 26px 28px),#1a0a0e;box-shadow:0 0 0 3px #5b1a1a,0 0 40px #ff3b2a22 inset,0 18px 40px #0008}
.stage.dragon.bitten .dthead{animation:dtroar .6s}@keyframes dtroar{30%{transform:scale(1.08) translateY(-6px)}}
@media(max-width:600px){.dthead{width:56%;margin-bottom:-10px}}
/* ---------- Ice Cold Cash ---------- */
.slot.cash .sframe{--ar:1.25;background:rgba(8,18,52,.88);box-shadow:0 0 0 4px #e9fbff,0 0 0 8px #3aa8e0,0 0 30px #7fe3ff66,0 18px 40px #0009}.slot.cash .sgwrap{aspect-ratio:5/4}
.slot.cash.iccmode .sbg{filter:brightness(.6) saturate(1.2)}.slot.cash.iccmode .sframe{box-shadow:0 0 0 4px #fff6c8,0 0 0 8px #ffb21f,0 0 40px #ffb21f80,0 18px 40px #0009}
.iccv{position:absolute;left:50%;bottom:9%;transform:translateX(-50%);z-index:3;font-weight:900;font-size:clamp(9px,1.5vw,14px);color:#fff;background:#06122ad9;border:1px solid #ffffff40;border-radius:6px;padding:1px 6px;white-space:nowrap;font-variant-numeric:tabular-nums;pointer-events:none}
.iccv.pop{animation:ccpop .45s}@keyframes ccpop{40%{transform:translateX(-50%) scale(1.35);color:#ffe066}}
.iccmode .cell.iccempty{background:#ffffff0d;border-radius:12px;outline:1px dashed #7fe3ff55;outline-offset:-6px}
.cell.iccspin{animation:ccshim .22s linear infinite}@keyframes ccshim{50%{background:#7fe3ff26}}
.cell.icclanded .sym{animation:reveal .45s cubic-bezier(.2,1.5,.4,1)}
.cell.iccfire .sym{animation:iccfire .5s ease-in-out infinite alternate}@keyframes iccfire{to{filter:brightness(1.4) drop-shadow(0 0 12px #fff);transform:scale(1.08)}}
.iccbeam{stroke-width:7;stroke-linecap:round;stroke-dasharray:14 10;animation:iccbeam .5s linear infinite;filter:drop-shadow(0 0 6px #21e07a)}.iccbeam.pay{stroke:#4dff9a}@keyframes iccbeam{to{stroke-dashoffset:-48}}
.iccx{position:absolute;inset:14%;border:3px solid #ff3b5c;border-radius:50%;z-index:4;animation:iccx .38s ease-out both;pointer-events:none;box-shadow:0 0 14px #ff3b5c}
.iccx:before,.iccx:after{content:"";position:absolute;background:#ff3b5c}.iccx:before{left:50%;top:-16%;bottom:-16%;width:3px;margin-left:-1.5px}.iccx:after{top:50%;left:-16%;right:-16%;height:3px;margin-top:-1.5px}
@keyframes iccx{from{transform:scale(2.2);opacity:0}to{transform:none;opacity:1}}
.cell.iccdbl .sym{animation:iccdbl .6s}@keyframes iccdbl{30%{filter:brightness(1.6) drop-shadow(0 0 14px #ff3b5c);transform:scale(1.12)}}
.iccfly{position:absolute;z-index:20;transform:translate(-50%,-50%);font-weight:900;font-size:13px;color:#ffe066;background:#06122ad9;border-radius:6px;padding:1px 6px;pointer-events:none;transition:left .55s cubic-bezier(.5,0,.7,.6),top .55s cubic-bezier(.5,0,.7,.6),transform .55s,opacity .55s}
.iccfly.go{transform:translate(-50%,-50%) scale(.6);opacity:.4}
.iccring{transform-origin:50px 46px;animation:vtspin 6s linear infinite}
.cstrain{animation:cstrain 14s linear infinite}@keyframes cstrain{from{transform:translateX(900px)}to{transform:translateX(-1400px)}}
.auroraband{animation:aurband 9s ease-in-out infinite alternate}@keyframes aurband{to{transform:translateX(-60px);opacity:.8}}
.iccv.top{bottom:auto;top:6%}
/* ---------- Glacier Giants ---------- */
.slot.giants .sframe{--ar:1.2;background:rgba(10,34,72,.86);box-shadow:0 0 0 4px #f4fbff,0 0 0 8px #3a8ad0,0 0 30px #9fe6ff88,0 18px 40px #0009}.slot.giants .sgwrap{aspect-ratio:6/5}
.glayer{position:absolute;inset:0;pointer-events:none;z-index:2}
.gblk{position:absolute;padding:1.2%;border-radius:14px;background:linear-gradient(145deg,#ffffff38,#9fe6ff22);box-shadow:inset 0 0 0 3px #e9fbff,inset 0 0 24px #9fe6ff80,0 0 22px #9fe6ff70;transition:filter .2s}
.gblk .sym{width:100%;height:100%;left:0;top:0;filter:drop-shadow(0 6px 8px #0008)}
.gblk.wild{box-shadow:inset 0 0 0 4px #ffcf3d,inset 0 0 28px #ffcf3d80,0 0 30px #ffcf3d90}
.gblk.slam{animation:gslam .5s cubic-bezier(.3,1.3,.5,1) both}@keyframes gslam{0%{transform:scale(1.5) translateY(-30%);opacity:0}55%{transform:scale(.96);opacity:1}100%{transform:none}}
.glayer.wins .gblk:not(.hit){filter:brightness(.4) saturate(.6)}.gblk.hit{animation:ghit 1s ease-in-out infinite alternate}@keyframes ghit{to{box-shadow:inset 0 0 0 4px #fff,inset 0 0 30px #fff,0 0 34px #fff}}
.cell.gunder .sym{opacity:0}
.slot.gshake .sframe{animation:skshake .4s}
.gmult{border-color:#ffcf3d}.gmult b{color:#ffcf3d}
.slot.giants.fsmode .sbg{filter:hue-rotate(-20deg) saturate(1.3)}
.hslide.s15{background:linear-gradient(115deg,#3aa8e0,#16306a 50%,#060c26)}.hslide.s16{background:linear-gradient(115deg,#9fd0f5,#3a8ad0 45%,#123a6e)}
/* ---------- Sic Bo ---------- */
.sicbog{gap:14px;justify-content:flex-start;background:radial-gradient(ellipse at 50% 20%,#5a1a2a,#2a0a14 55%,var(--bg) 95%)}
.sbtop{display:flex;align-items:center;justify-content:center;gap:clamp(12px,4vw,40px);width:100%;flex-wrap:wrap}
.sbbowl{position:relative;width:clamp(200px,40vw,300px);aspect-ratio:2/1.15;border-radius:50% 50% 46% 46%/42% 42% 58% 58%;background:radial-gradient(ellipse at 50% 35%,#ffffff2a,#ffffff08 60%,#0000),radial-gradient(ellipse at 50% 80%,#7a2034,#3a0a18);border:4px solid #ffcf3d;box-shadow:0 0 0 6px #7a4a00,0 14px 30px #0009,inset 0 -10px 24px #0008;display:grid;place-items:center}
.sbbowl:after{content:"";position:absolute;left:18%;top:10%;width:40%;height:18%;border-radius:50%;background:#ffffff26;transform:rotate(-8deg)}
.sbdice{display:flex;gap:clamp(10px,2.4vw,20px);perspective:700px}.sbdice .skdie{--s:clamp(34px,6.5vw,52px)}
.sbbowl.sbshk{animation:sbshake .9s}@keyframes sbshake{10%,50%{transform:translate(-6px,2px) rotate(-3deg)}30%,70%{transform:translate(6px,-2px) rotate(3deg)}90%{transform:translate(-2px,0)}}
.sbside{display:flex;flex-direction:column;gap:10px;min-width:180px;align-items:center}
.sbres{display:flex;flex-direction:column;align-items:center;gap:3px;font-weight:700;color:var(--mu);text-align:center}.sbres b{font-size:clamp(20px,4vw,28px);color:#fff;font-variant-numeric:tabular-nums}.sbres em{font-style:normal;font-weight:900;display:flex;gap:5px;align-items:center}
.sbres.on{animation:popin .3s}.sbres.w em{color:var(--win)}.sbres.p em{color:#ffd84d}.sbres em.l{color:var(--mu)}
.sbhist{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;max-width:260px}.sbh{display:flex;flex-direction:column;align-items:center;background:#0006;border-radius:6px;padding:3px 6px;font-weight:900;font-size:12px;letter-spacing:1px}.sbh small{font-size:10px;color:var(--mu);letter-spacing:0}.sbh.t{background:#ffcf3d33;color:#ffd84d}
.sbtable{width:100%;max-width:780px;display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:14px;background:linear-gradient(#0b3a2a,#062a1e);border:3px solid #ffcf3d88;box-shadow:inset 0 0 30px #0008}
.sbrow{display:grid;gap:5px}.sbrow.sbtoprow{grid-template-columns:1.4fr 1fr 1.3fr 1fr 1.4fr}.sbrow.sbdt{grid-template-columns:repeat(12,minmax(0,1fr))}.sbrow.tots{grid-template-columns:repeat(14,minmax(0,1fr))}.sbrow.combos{grid-template-columns:repeat(15,minmax(0,1fr))}.sbrow.singles{grid-template-columns:repeat(6,minmax(0,1fr))}
.sbs{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 2px;min-height:46px;border-radius:7px;background:#ffffff0f;border:1px solid #ffffff2a;color:#e8f6ee;transition:background .15s,transform .1s}
.sbs:hover:not(:disabled){background:#ffffff22}.sbs:active{transform:scale(.97)}.sbs b{font-size:13px;font-weight:900;letter-spacing:.5px}.sbs em{font-style:normal;font-size:11px;color:#bfe8d0}.sbs small{font-size:10px;font-weight:800;color:#ffd84d}
.sbs.gold{background:#ffcf3d1f;border-color:#ffcf3d66}.sbs.tri{background:#ffcf3d14}.sbs .sbn{font-size:16px}
.sbs.lit{background:#21e07a33;border-color:#21e07a}.sbs.hit{box-shadow:0 0 0 2px #21e07a,0 0 16px #21e07a99}
.sbfs{display:flex;gap:2px}.sbfs.col{flex-direction:column}
.sbf{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:15px;height:15px;padding:2px;border-radius:3px;background:#fff;gap:0}.sbf b{display:block;border-radius:50%;margin:.4px}.sbf b.on{background:#1b2533}.sbf b.on.red{background:#e8243a}
.sbs.single .sbf{width:24px;height:24px;padding:3px;border-radius:5px}
.sbs .rc{position:absolute;top:2px;right:2px;z-index:2}
@media(max-width:700px){.sbrow.sbdt{grid-template-columns:repeat(6,minmax(0,1fr))}.sbrow.tots{grid-template-columns:repeat(7,minmax(0,1fr))}.sbrow.combos{grid-template-columns:repeat(5,minmax(0,1fr))}.sbrow.sbtoprow{grid-template-columns:repeat(3,minmax(0,1fr))}.sbs{min-height:42px}.sbs b{font-size:11px}.sbfs.col{flex-direction:row}}
/* ---------- Frost Fortune ---------- */
.slot.fortune .sframe{--ar:1.67;background:rgba(26,8,46,.88);box-shadow:0 0 0 4px #ffcf3d,0 0 0 8px #ff3b8a,0 0 34px #ff3b8a66,0 18px 40px #0009}.slot.fortune .sgwrap{aspect-ratio:5/3}
.slot.fortune.fsmode .sbg{filter:hue-rotate(35deg) saturate(1.25)}
.fbulb{animation:fbulb 1.1s steps(2,jump-none) infinite}.fbulb.b{animation-delay:-.55s}
@keyframes fbulb{0%{opacity:1}100%{opacity:.3}}
.fsfwk>g{transform-box:fill-box;transform-origin:center;opacity:0;animation:fsfwk 4.2s ease-out infinite}
@keyframes fsfwk{0%{transform:scale(.1);opacity:0}8%{opacity:1}45%{transform:scale(1);opacity:.85}75%,100%{transform:scale(1.18);opacity:0}}
.fwov{position:absolute;inset:0;z-index:15;container-type:size;display:flex;align-items:center;justify-content:center;padding:10px;background:radial-gradient(ellipse at 50% 45%,#3a1060f0,#0a0418f8);opacity:0;transition:opacity .3s,background .6s}
.fwov.in{opacity:1}.fwov.out{opacity:0}.fwov.goldmode{background:radial-gradient(ellipse at 50% 45%,#6a4400f0,#140a00f8)}
.fwov::after{content:'';position:absolute;inset:0;background:#fff6c8;opacity:0;pointer-events:none}.fwov.flash::after{animation:fwflash .9s}
@keyframes fwflash{0%{opacity:0}20%{opacity:.85}100%{opacity:0}}
.fwbox{display:flex;flex-direction:column;align-items:center;gap:min(10px,2cqh)}
.fwtitle{margin:0;font-size:clamp(18px,min(4.2cqw,6cqh),34px);font-weight:900;font-style:italic;color:#ffcf3d;text-shadow:0 3px 0 #7a2a00,0 0 18px #ffcf3d90;letter-spacing:1px;line-height:1.1}
.fwov.goldmode .fwtitle{color:#fff6c8;text-shadow:0 3px 0 #a86b00,0 0 26px #ffcf3d}
.fwstage{--fws:min(400px,84cqw,62cqh);--fwr:calc(var(--fws) / 2 + 1px);position:relative;width:var(--fws);height:var(--fws);margin-top:6px}
.fwheel{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 8px 18px #000a);will-change:transform}
.fwheel.arrive{animation:fwarrive .5s cubic-bezier(.3,1.5,.5,1)}@keyframes fwarrive{from{transform:scale(.6) rotate(-40deg);opacity:0}}
.fwt{font-size:27px;font-weight:900;font-style:italic;fill:#fff;stroke:#0009;stroke-width:4px;paint-order:stroke;stroke-linejoin:round}.fwt.sm{font-size:19px}
.fwt2{font-size:12.5px;font-weight:900;fill:#fff;stroke:#0008;stroke-width:3px;paint-order:stroke;letter-spacing:.5px}
.fwt.dk,.fwt2.dk{fill:#4a1a00;stroke:#fff9}
.fwheel g.fwhit{animation:fwhit .45s 4}@keyframes fwhit{50%{opacity:.45}}
.fwlights{position:absolute;inset:0;pointer-events:none;z-index:1}
.fwlights i{position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4.5px;border-radius:50%;background:#fff6c8;box-shadow:0 0 8px #ffcf3d,0 0 2px #fff;animation:fbulb .9s steps(2,jump-none) infinite}.fwlights i.b{animation-delay:-.45s;background:#ffd0ec;box-shadow:0 0 8px #ff3b8a}
.fwptr{position:absolute;left:50%;top:-16px;width:clamp(24px,9%,36px);aspect-ratio:.78;translate:-50% 0;transform-origin:50% 15%;background:linear-gradient(#ffffff,#ffcf3d 45%,#c98a00);clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 3px 2px #000a);z-index:3}
.fwptr.flick{animation:fwflick .14s}@keyframes fwflick{40%{rotate:-16deg}}
.fwhub{position:absolute;left:50%;top:50%;width:27%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;z-index:2;background:radial-gradient(circle at 40% 35%,#fff6c8,#ffb21f 55%,#a86b00);border:4px solid #fff;box-shadow:0 0 0 4px #7a3fd6,0 6px 18px #0009;color:#4a1a00;font-weight:900;font-size:clamp(13px,calc(var(--fws) * .06),22px);cursor:pointer;animation:fwpulse 1.1s ease-in-out infinite;letter-spacing:1px}
.fwhub:hover:not(:disabled){filter:brightness(1.1)}.fwhub.used{animation:none;cursor:default}.fwhub:disabled{cursor:default}
@keyframes fwpulse{50%{box-shadow:0 0 0 4px #7a3fd6,0 0 0 12px #ffcf3d55,0 6px 18px #0009}}
.fwprize{min-height:min(56px,12cqh);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center}
.fwprize b{font-size:clamp(20px,min(5cqw,7cqh),40px);font-weight:900;font-style:italic;color:#fff;text-shadow:0 3px 0 #7a3fd6,0 0 16px #ff8ad8;animation:popin .4s;line-height:1.05}
.fwprize span{color:#d8c8ff;font-weight:700;font-size:13px}.fwprize .amt{color:#4dff9a;font-size:clamp(14px,3cqw,20px);font-weight:800;display:flex;gap:4px;align-items:center}
.fwprize .fwgrand{color:#ff5c7a;text-shadow:0 3px 0 #5a0018,0 0 24px #ff3b5c}.fwprize .fwup{color:#ffcf3d;text-shadow:0 3px 0 #7a2a00,0 0 20px #ffcf3d}
.fwhint{color:#c9b0ff;font-size:12px;opacity:.75}
@container (max-height:420px){.fwhint{display:none}}
.cell.fwm{animation:fwm 1s ease-in-out 2}@keyframes fwm{50%{filter:drop-shadow(0 0 10px #ffcf3d) brightness(1.25)}}
.fwmtag{position:absolute;left:50%;top:50%;z-index:6;translate:-50% -50%;font-size:clamp(40px,8vw,90px);font-weight:900;font-style:italic;color:#ffcf3d;-webkit-text-stroke:3px #4a0a5a;text-shadow:0 6px 0 #4a0a5a,0 0 30px #ff3b8a;pointer-events:none;animation:fwmtag 1.4s ease-out forwards}
@keyframes fwmtag{0%{scale:.3;opacity:0}20%{scale:1.15;opacity:1}35%{scale:1}80%{opacity:1}100%{opacity:0;scale:1.1}}
.hanote{display:block;font-size:12px;line-height:1.4;margin-top:-4px}
/* ---------- notifications ---------- */
.nwrap{position:relative}.nbell{position:relative}.nbell.ring svg{animation:nring .9s}
@keyframes nring{10%,50%{rotate:14deg}30%,70%{rotate:-14deg}90%{rotate:4deg}}
.nbdot{position:absolute;top:3px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:var(--loss);color:#fff;font-size:10px;font-weight:900;font-style:normal;line-height:16px;text-align:center;box-shadow:0 0 0 2px var(--bg)}
.npanel{position:absolute;right:-60px;top:46px;width:min(360px,calc(100vw - 24px));max-height:min(480px,70vh);display:flex;flex-direction:column;background:var(--p1);border:1px solid var(--ln);border-radius:var(--r);box-shadow:0 14px 40px #000a;z-index:60;overflow:hidden;animation:fadein .15s}
.nhead{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--ln)}.nhead b{font-size:15px}.nclear{font-size:12.5px}
.nlist{overflow:auto;padding:6px}
.nitem{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;width:100%;text-align:left;padding:10px;border-radius:8px;color:var(--tx)}.nitem:hover{background:var(--p2)}
.nitem.new{background:linear-gradient(90deg,#1f6fd122,transparent)}.nitem.new .ntxt b::after{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--acc);margin-left:6px;vertical-align:middle}
.nico{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--p2);color:var(--acc)}.nico svg{width:17px;height:17px}
.nitem.rank .nico{color:#ffcf3d;background:#ffcf3d1f}.nitem.challenge .nico{color:#21e07a;background:#21e07a1f}.nitem.win .nico{color:#ff8ad8;background:#ff8ad81f}.nitem.rake .nico{color:#39c6ff;background:#39c6ff1f}
.ntxt{display:flex;flex-direction:column;gap:2px;min-width:0}.ntxt b{font-size:13.5px}.ntxt small{color:var(--mu);font-size:12.5px;line-height:1.35}
.nitem time{color:var(--mu);font-size:11.5px;white-space:nowrap;align-self:start;padding-top:2px}
.nempty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 16px;color:var(--mu);text-align:center}.nempty svg{width:30px;height:30px;opacity:.6}.nempty b{color:var(--tx)}
@media(max-width:600px){.npanel{position:fixed;right:12px;left:12px;top:62px;width:auto}}
.hslide.s17{background:linear-gradient(115deg,#ff3b8a,#5a1a9a 50%,#140a3a)}
/* ---------- Snow Packs ---------- */
.packsg{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:12px;padding:16px;min-height:540px;background:radial-gradient(ellipse at 50% 32%,#1d3d60,#0b1622 72%)}
.pkhist{display:flex;gap:6px;align-self:flex-end;min-height:28px;flex-wrap:wrap;justify-content:flex-end}
.pkh{padding:4px 10px;border-radius:99px;font-size:12px;font-weight:800;background:#0006;border:1px solid var(--c);color:#fff;animation:popin .3s}.pkh.pkl{opacity:.65}
.pkarea{flex:1;width:100%;display:grid;place-items:center;min-height:260px;cursor:pointer}
.pkpack{width:clamp(110px,20vw,160px);filter:drop-shadow(0 14px 24px #000a)}.pkpack.pkidle{animation:pkfloat 3s ease-in-out infinite}
.pkpackart{display:block;width:100%;height:auto;overflow:visible}
@keyframes pkfloat{50%{transform:translateY(-8px) rotate(-2deg)}}
.pkpack.pkshk{animation:pkshk .42s}
@keyframes pkshk{20%{transform:rotate(-6deg)}40%{transform:rotate(6deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(3deg)}}
.pkpack .pktop{transition:transform .38s cubic-bezier(.3,.6,.4,1),opacity .38s;transform-box:fill-box;transform-origin:left bottom}
.pkpack.pktear .pktop{transform:translate(30px,-40px) rotate(-25deg);opacity:0}
.pkpack.pktear{animation:pkdown .3s ease-in .12s forwards}
@keyframes pkdown{to{transform:translateY(40px) scale(.9);opacity:0}}
.pkpt{font-size:13px;font-weight:900;font-style:italic;fill:#fff;letter-spacing:1px}.pkps{font-size:8px;font-weight:800;fill:#fffc;letter-spacing:1.5px}
.pkrow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(6px,1.4vw,14px);width:min(700px,100%)}
.pkcard{aspect-ratio:.7;perspective:900px;opacity:0;transform:translateY(40px) scale(.6);transition:transform .45s cubic-bezier(.3,1.3,.5,1),opacity .3s;transition-delay:calc(var(--i) * 70ms)}
.pkrow.pkout .pkcard{opacity:1;transform:none}
.pkin{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.3,.7,.3,1)}
.pkcard.pkflip .pkin{transform:rotateY(180deg)}
.pkf{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:12px;overflow:hidden}
.pkback{background:repeating-linear-gradient(45deg,#1f6fd1 0 10px,#1a5fb8 10px 20px);border:3px solid #cdeeff;display:grid;place-items:center;box-shadow:0 8px 18px #0008}.pkback svg{width:55%}
.pkfront{transform:rotateY(180deg);background:linear-gradient(170deg,color-mix(in srgb,var(--c) 38%,#14202c),#0b141c 78%);border:3px solid var(--c);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:6px 4px 8px;box-shadow:0 8px 18px #0008}
.pkrar{font-size:clamp(8px,1.2vw,11px);font-weight:900;letter-spacing:1px;text-transform:uppercase;color:var(--c);text-shadow:0 1px 0 #0008}
.pkpic{width:84%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--c) 45%,transparent),transparent 70%);display:grid;place-items:center}.pkart{width:92%;height:92%}
.pkname{font-size:clamp(9px,1.3vw,13px);color:#fff;text-align:center;line-height:1.1}
.pkval{font-size:clamp(12px,2.1vw,19px);font-weight:900;color:#fff;background:#0008;border-radius:99px;padding:1px 9px;font-variant-numeric:tabular-nums}.pkval.pkz{color:var(--mu)}
.pkcard.pkrare.pkflip .pkfront{animation:pkglow 1.4s ease-in-out .45s infinite;box-shadow:0 0 22px var(--c),0 8px 18px #0008}
@keyframes pkglow{50%{box-shadow:0 0 36px var(--c),0 8px 18px #0008}}
.pkcard.pkrare.pkflip{animation:pkpop .55s cubic-bezier(.3,1.5,.5,1) .2s}
@keyframes pkpop{45%{transform:scale(1.12)}}
.pktotal{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:70px;justify-content:center;text-align:center}.pktotal small{color:var(--mu)}
.pktotal b{font-size:clamp(26px,4vw,38px);font-weight:900;font-variant-numeric:tabular-nums;line-height:1.1}
.pktotal.pkdone.pkw b{color:var(--win);text-shadow:0 0 18px #21e07a66;animation:popin .35s}
.pktotal .amt{display:flex;gap:4px;align-items:center;font-weight:800;color:var(--mu)}.pktotal.pkdone.pkw .amt{color:var(--win)}
.pkleg{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;width:min(760px,100%)}
.pkchip{display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 3px;border-radius:10px;background:#0b141caa;border:1px solid #ffffff14;border-bottom:3px solid var(--c);transition:transform .2s,background .2s;min-width:0}
.pkchip i{width:10px;height:10px;border-radius:50%;background:var(--c)}.pkchip span{font-size:10.5px;color:var(--mu);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pkchip b{font-size:13px}.pkchip small{font-size:10.5px;color:var(--mu2)}
.pkchip.pkon{background:color-mix(in srgb,var(--c) 24%,#0b141c);transform:translateY(-3px)}
@media(max-width:600px){.packsg{min-height:450px;padding:12px 8px}.pkleg{grid-template-columns:repeat(4,minmax(0,1fr))}.pkf{border-radius:8px;border-width:2px}.pkname{display:none}.pkarea{min-height:200px}}
@media(max-width:440px){.top .tr{gap:2px}.top .tr .ibtn{width:34px}.wcur{font-size:0;gap:0;padding:0 10px}.wcur .wvi{width:18px;height:18px}.nbdot{right:0}}
/* ---------- Daily Wheel ---------- */
.dwico{background:#0b1a3a}.dwico svg{width:26px;height:26px}
.daily{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.daily>p{margin:0}
.fwstage.dwstage{--fws:min(320px,72vw,48vh);margin:16px 0 4px}
.dwprize{min-height:52px}.dwprize b{text-shadow:0 3px 0 #1458b8,0 0 16px #7fe3ff}
.dwranks{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.dwranks span{display:flex;gap:4px;align-items:center;padding:3px 9px;border-radius:99px;background:var(--p2);font-size:12px;color:var(--mu)}.dwranks span b{color:#fff}.dwranks span.on{background:var(--acc);color:var(--accd)}.dwranks span.on b{color:var(--accd)}
.dwnote{font-size:11.5px}
.dcard.dwrow{width:100%;margin:10px 0}
.nitem.daily .nico{color:#ffcf3d;background:#ffcf3d1f}
/* ================= v5 look: closer to a real casino lobby ================= */
/* promo cards (three across) */
.hero{margin-bottom:18px}
.hero-track{grid-auto-columns:calc((100% - 24px) / 3);gap:12px;border-radius:0}
@media(max-width:1100px){.hero-track{grid-auto-columns:calc((100% - 12px) / 2)}}
@media(max-width:700px){.hero-track{grid-auto-columns:88%}}
.hslide{min-height:200px;padding:20px 20px 18px;border-radius:10px;box-shadow:inset 0 0 0 1px #ffffff14}
.hslide::before{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(100deg,#0b1720f5 0%,#0b1720d9 45%,#0b172066 78%,#0b172000)}
.htxt{max-width:64%;z-index:2}
.htxt small{display:inline-block;background:#ffffff1c;color:#fff;padding:3px 8px;border-radius:4px;font-size:10.5px;letter-spacing:.6px;opacity:1}
.htxt h3{font-size:20px;font-style:normal;font-weight:800;letter-spacing:0;margin:10px 0 6px;line-height:1.15}
.htxt p{font-size:13px;color:#c3cfdc;opacity:1;font-weight:500;line-height:1.45;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hslide .bcta{background:#ffffff1a;color:#fff;border:1px solid #ffffff30;padding:8px 14px;border-radius:6px;font-weight:700;font-size:13px;transition:background .15s,color .15s}.hslide:hover .bcta{background:#fff;color:#0f212e}
.hart{right:-7%;top:auto;bottom:-22%;width:44%;transform:rotate(10deg);border-radius:10px;box-shadow:0 14px 30px #000a;transition:transform .3s}.hslide:hover .hart{transform:rotate(7deg) translateY(-6px)}
.hdots{position:static;justify-content:center;margin-top:12px}.hdots button{background:var(--p3)}.hdots button[aria-current=true]{background:var(--mu)}
.harr{background:#0b1720cc;box-shadow:0 2px 8px #0008}.harr.l{left:-6px}.harr.r{right:-6px}
@media(max-width:700px){.hslide{min-height:180px;padding:16px}.htxt h3{font-size:18px}.htxt p{font-size:12.5px;-webkit-line-clamp:2}.hart{width:42%}}
/* search + category bar */
.lsearch{border-radius:8px;background:var(--side) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5' fill='none' stroke='%23b1bad3' stroke-width='2.2'/%3E%3Cpath d='m15.5 15.5 5 5' stroke='%23b1bad3' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 14px 50%/18px;border:2px solid var(--p2);padding:11px 16px 11px 42px;margin-bottom:12px}
.chips{background:var(--side);border-radius:999px;padding:5px;gap:2px;width:fit-content;max-width:100%;margin-bottom:6px}
.chip{background:transparent;padding:9px 15px;font-size:13.5px}.chip.on,.chip:hover{background:var(--p2);color:#fff}
.rhead h2{font-size:16px;font-weight:700}
/* bets board: one segmented control, never wrapping */
.btabs{max-width:100%;flex:none;display:inline-flex;background:var(--side);overflow-x:auto;scrollbar-width:none}.btabs::-webkit-scrollbar{display:none}
.btabs button{flex:none;white-space:nowrap;padding:9px 16px;font-size:13.5px}
/* footer */
.fbadges{max-width:1240px;margin:28px auto 0;padding-top:22px;border-top:1px solid var(--ln);display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.f18{width:34px;height:34px;border-radius:50%;border:2px solid var(--mu2);display:grid;place-items:center;font-weight:900;font-size:12px;color:var(--mu)}
.fbadge{display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:8px;background:var(--p1);font-size:12.5px;font-weight:700;color:var(--mu)}.fbadge svg{width:15px;height:15px}
.foot .disc{margin-top:16px}
/* category header banner */
.pbanner{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;min-height:150px;padding:24px 26px;border-radius:12px;margin-bottom:14px;background:radial-gradient(ellipse at 85% 50%,color-mix(in srgb,var(--acc) 30%,transparent),transparent 60%),linear-gradient(100deg,var(--p1),var(--p2));box-shadow:inset 0 0 0 1px #ffffff12}
.pbtxt{display:flex;gap:16px;align-items:center;position:relative;z-index:2;max-width:60%}
.pbico{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:var(--acc);color:var(--accd);flex:none;box-shadow:0 8px 20px #0006}.pbico svg{width:28px;height:28px}
.pbtxt h1{margin:0;font-size:26px;font-weight:800}.pbtxt p{margin:4px 0 8px;color:var(--mu);font-weight:500}
.pbcount{display:inline-block;background:#0004;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:700;color:var(--mu)}
.pbart{position:absolute;right:20px;top:50%;height:170%;transform:translateY(-50%);display:flex;align-items:center;pointer-events:none}
.pbt{width:112px;border-radius:10px;overflow:hidden;box-shadow:0 12px 26px #000a;margin-left:-26px}.pbt svg{display:block;width:100%;height:auto}
.pbt.p0{transform:rotate(-10deg) translateY(10px)}.pbt.p1{transform:rotate(0) translateY(-8px);z-index:2}.pbt.p2{transform:rotate(10deg) translateY(10px)}
.pbbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.pbbar small{color:var(--mu);font-weight:600}
@media(max-width:700px){.pbanner{min-height:120px;padding:16px}.pbtxt{max-width:70%;gap:12px}.pbico{width:42px;height:42px}.pbtxt h1{font-size:20px}.pbtxt p{font-size:12.5px}.pbart{right:-30px}.pbt{width:84px}}
/* phones: the rank / rakeback / daily cards scroll sideways instead of stacking */
@media(max-width:900px){.wcards{flex-direction:row!important;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0;padding:0 0 4px}.wcards::-webkit-scrollbar{display:none}.wcards>*{flex:0 0 82%!important;width:auto!important;scroll-snap-align:start}}
.srow .two{flex:none}.srow .two .btn{white-space:nowrap}
/* promotions */
.hslide.promo.pr-daily{background:linear-gradient(115deg,#ffb21f,#7a2a00)}.hslide.promo.pr-vip{background:linear-gradient(115deg,#7a3fd6,#160a46)}.hslide.promo.pr-challenges{background:linear-gradient(115deg,#21b06a,#06321e)}.hslide.promo.pr-leaderboard{background:linear-gradient(115deg,#2a7fd4,#0a1f4e)}
.promogrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.promocard{display:flex;gap:18px;align-items:stretch;background:var(--p1);border-radius:12px;padding:14px;box-shadow:inset 0 0 0 1px #ffffff10;transition:transform .15s,box-shadow .15s}.promocard:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px #ffffff20,0 10px 24px #0007}
.pcart{width:132px;flex:none;border-radius:10px;overflow:hidden;box-shadow:0 8px 18px #0008}.pcart svg{display:block;width:100%;height:auto}
.pctxt{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.pctxt small{background:#ffffff14;color:var(--mu);padding:3px 8px;border-radius:4px;font-size:10.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}
.pctxt h3{margin:10px 0 6px;font-size:19px}.pctxt p{margin:0 0 14px;color:var(--mu);font-weight:500;line-height:1.5;font-size:13.5px}
.pcbtn{margin-top:auto;background:var(--acc);color:var(--accd);padding:9px 16px;border-radius:6px;font-weight:800;font-size:13px}
@media(max-width:900px){.promogrid{grid-template-columns:1fr}}
@media(max-width:480px){.promocard{gap:12px;padding:12px}.pcart{width:96px}.pctxt h3{font-size:16px}.pctxt p{font-size:12.5px;margin-bottom:10px}}
/* providers row */
.pvgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pvcard{position:relative;display:flex;align-items:center;gap:12px;padding:18px;border-radius:10px;background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--pc) 35%,transparent),transparent 65%),var(--p1);box-shadow:inset 0 0 0 1px #ffffff10;transition:transform .15s,box-shadow .15s;overflow:hidden}
.pvcard:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px #ffffff22,0 10px 22px #0007}
.pvi{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:var(--pc);color:#fff;flex:none}.pvi svg{width:22px;height:22px}
.pvw{display:flex;flex-direction:column;line-height:1.1}.pvw b{font-size:16px;font-style:italic;font-weight:900;letter-spacing:-.3px}.pvw small{font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--mu)}
.pvcard em{margin-left:auto;font-style:normal;font-size:12px;font-weight:700;color:var(--mu);background:#0004;padding:3px 9px;border-radius:99px;white-space:nowrap}
@media(max-width:700px){.pvgrid{grid-template-columns:1fr}.pvcard{padding:14px}}
/* game page: one tabbed panel under the game */
.gdtabs{display:inline-flex;margin:16px 0 4px;background:var(--bg)}.gdtabs button{flex:none;padding:8px 16px;font-size:13.5px;white-space:nowrap}
.gdpane{padding-top:10px}.gdpane>.muted{margin:4px 0 0}
.gdfair{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px}.gdfair svg{width:15px;height:15px;color:var(--acc)}.gdfair .lnk{font-weight:700;color:var(--acc)}
@media(max-width:600px){.gdtabs{display:flex;overflow-x:auto;scrollbar-width:none}.gdtabs button{padding:8px 12px}}
/* slot loading screen */
.sload{position:absolute;inset:0;z-index:30;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 42%,#16304a,#070d16 70%);pointer-events:none;transition:opacity .4s}.sload.out{opacity:0}
.sldbox{display:flex;flex-direction:column;align-items:center;gap:14px;width:min(440px,82%);animation:popin .4s}
.sldbox .slogo{width:100%;height:auto;max-height:none;filter:drop-shadow(0 6px 18px #0009)}
.sldbar{width:68%;height:6px;border-radius:99px;background:#ffffff1f;overflow:hidden}.sldbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--acc),#fff);border-radius:99px;transition:width 1s cubic-bezier(.4,.1,.3,1)}
.sldbox small{letter-spacing:3px;font-weight:800;color:#ffffffa0;font-size:11px}.sldbox em{font-style:normal;color:#ffffff80;font-size:12px;font-weight:600}
.sload{overflow:hidden}.sldbg{position:absolute;inset:-20px;filter:blur(14px) brightness(.38) saturate(1.25)}.sldbg svg{width:100%;height:100%}
.sldbox{position:relative}.sldart{width:clamp(84px,14%,130px);border-radius:12px;overflow:hidden;box-shadow:0 14px 34px #000c,0 0 0 2px #ffffff26;animation:sldart 1.1s ease-out}.sldart svg{display:block;width:100%;height:auto}
@keyframes sldart{from{transform:translateY(10px) scale(.94);opacity:0}}
/* thin dark scrollbars and tinted selection, like a finished site */
html{scrollbar-color:var(--p3) var(--bg);scrollbar-width:thin}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--p3);border-radius:99px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--p4)}
::selection{background:color-mix(in srgb,var(--acc) 40%,transparent);color:#fff}
/* case item names: on every strip tile (phones too) and in the possible-drops lists */
.citem small{font-size:11px;font-weight:700;color:#d5e3ee;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4px}
.cdn{font-size:11px;font-weight:700;color:#d5e3ee;text-align:center;line-height:1.15;max-width:100%;padding:0 2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.3em}
.cdrop.on .cdn{color:#fff}
@media(max-width:900px){.clanes .citem.pz small,.clanes .citem small{display:block;font-size:9.5px;padding:0 2px}.cdn{font-size:10px}}
/* banners on Leaderboard / Challenges / My Bets */
.pbright{position:relative;z-index:2;margin-left:auto;flex:none}
.chprog{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:180px}.chprog b{color:var(--acc);font-size:15px}.chbar{display:block;width:180px;height:8px;border-radius:99px;background:#0005;overflow:hidden}.chbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--acc),#7ad8ff);border-radius:99px;transition:width .4s}
.lbtabs{display:inline-flex;max-width:100%;background:var(--side);overflow-x:auto;scrollbar-width:none}.lbtabs button{flex:none;padding:9px 16px;font-size:13.5px}
.mbstats{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:14px}
.mbempty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:40px 16px}.mbempty svg{width:34px;height:34px;color:var(--mu2)}.mbempty b{font-size:17px}.mbempty p{color:var(--mu);margin:0 0 10px}
@media(max-width:900px){.mbstats{grid-template-columns:repeat(2,minmax(0,1fr))}.chprog{min-width:0}.chbar{width:120px}.pbanner{flex-wrap:wrap;gap:12px}.pbright{margin-left:0}}
.mbstats .stc{background:var(--p1);border-radius:10px}
/* ---------- Frosted Sweets ---------- */
.slot.sweets .sframe{--ar:1.02;max-width:min(600px,100%);background:rgba(70,24,96,.84);box-shadow:0 0 0 4px #ffffff,0 0 0 8px #ff8ad8,0 0 30px #ff8ad888,0 18px 40px #0009}.slot.sweets .sgwrap{aspect-ratio:1}
.slot.sweets.fsmode .sframe{box-shadow:0 0 0 4px #ffffff,0 0 0 8px #ffcf3d,0 0 36px #ffcf3daa,0 18px 40px #0009}.slot.sweets.fsmode .sbg{filter:hue-rotate(-30deg) saturate(1.2)}
.swspots{position:absolute;inset:0;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);pointer-events:none;z-index:2}
.swsp{margin:2px;border-radius:10px;transition:background .3s,box-shadow .3s;display:flex;align-items:flex-end;justify-content:center;font-size:clamp(9px,1.6vw,13px);font-weight:900;color:#fff;line-height:1;padding-bottom:3%}
.swsp.swf{background:linear-gradient(145deg,#ffffff22,#bfe8ff10);box-shadow:inset 0 0 0 2px #ffffff55}
.swsp.swm{background:radial-gradient(circle at 50% 40%,#ffd36b30,#ff8a1a1c 70%);box-shadow:inset 0 0 0 2px #ffcf3d,0 0 12px #ffcf3d88;text-shadow:0 1px 0 #7a2a00,0 0 4px #000,0 0 8px #000}
.swsp.swm3{background:radial-gradient(circle at 50% 40%,#ff9a5a38,#ff3b5c24 70%);box-shadow:inset 0 0 0 2px #ff7a3d,0 0 14px #ff5c3d99}
.swsp.swm4,.swsp.swm5{background:radial-gradient(circle at 50% 40%,#ff7ad850,#b45cff30 70%);box-shadow:inset 0 0 0 3px #ff5fd2,0 0 18px #ff5fd2aa}
.swsp.swbump{animation:swbump .45s cubic-bezier(.3,1.6,.5,1)}@keyframes swbump{40%{transform:scale(1.18)}}
.swmt{position:absolute;z-index:6;translate:-50% -120%;font-size:clamp(22px,4vw,40px);font-weight:900;font-style:italic;color:#ffcf3d;-webkit-text-stroke:2px #6a1a7a;text-shadow:0 4px 0 #6a1a7a,0 0 18px #ff8ad8;pointer-events:none;animation:swmt 1.2s ease-out forwards}
@keyframes swmt{0%{scale:.3;opacity:0}25%{scale:1.15;opacity:1}40%{scale:1}80%{opacity:1}100%{opacity:0;translate:-50% -170%}}
.hslide.s18{background:linear-gradient(115deg,#ff8ad8,#6a1a7a 50%,#2a0a3a)}
/* search window chips */
.schips{margin:0 0 14px}.schips .chip small{margin-left:2px;background:#0004;border-radius:99px;padding:1px 7px;font-size:11px;color:var(--mu)}
/* promo cards size to the space they have (chat open, sidebar collapsed, tablets) */
.hero{container-type:inline-size}
@container (max-width:900px){.hero-track{grid-auto-columns:calc((100% - 12px) / 2)}}
@container (max-width:560px){.hero-track{grid-auto-columns:88%}}
/* welcome row: heading above, three equal cards whenever there is room */
.welcome{display:flex;flex-direction:column;align-items:stretch;gap:12px;container-type:inline-size}
@container (min-width:720px){.wcards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;margin:0;padding:0}.wcards>*{min-width:0!important;width:auto!important}}
.rankbar .rbtop span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
/* tiles: the artwork eases in on hover (the tile itself still lifts) */
.gtile .tart{transition:transform .35s cubic-bezier(.2,.7,.3,1)}.gtile:hover .tart{transform:scale(1.05)}
body.nomotion .gtile:hover .tart{transform:none}
.topbar{position:fixed;left:0;top:0;height:3px;width:0;z-index:200;opacity:0;pointer-events:none;background:linear-gradient(90deg,var(--acc),#fff);box-shadow:0 0 10px var(--acc)}
.topbar.go{opacity:1;width:72%;transition:width 1.4s cubic-bezier(.1,.6,.2,1)}.topbar.done{opacity:0;width:100%;transition:width .2s,opacity .35s .15s}
.bnav [aria-current]{color:#fff}.bnav [aria-current] svg{color:var(--acc)}
/* ---------- maintenance ---------- */
body.maint{overflow:hidden}body.maint .bnav{display:none}
.mnt{position:fixed;inset:0;z-index:75;display:grid;place-items:center;padding:24px 16px;overflow:auto;background:radial-gradient(ellipse at 50% 0,#1d4a7a 0,transparent 60%),radial-gradient(ellipse at 80% 100%,#1f6fd133,transparent 55%),var(--bg)}
.mntsnow{position:fixed;inset:0;pointer-events:none;overflow:hidden}
.mntsnow i{position:absolute;top:-20px;width:calc(8px * var(--s));height:calc(8px * var(--s));border-radius:50%;background:#fff;opacity:.5;filter:blur(.5px);animation:mntfall linear infinite}
@keyframes mntfall{to{transform:translate3d(40px,110vh,0)}}
body.nomotion .mntsnow{display:none}
.mntbox{position:relative;width:min(560px,100%);display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:34px 28px;border-radius:18px;background:linear-gradient(180deg,#16293af2,#0f1f2bf2);box-shadow:0 0 0 1px #ffffff14,0 30px 70px #000a;backdrop-filter:blur(6px)}
.mntlogo{display:flex;align-items:center;gap:10px;font-weight:900;font-style:italic;font-size:26px;letter-spacing:-.4px}.mntlogo .lg{width:36px;height:36px}
.mntpill{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:99px;background:#ffcf3d1f;color:#ffcf3d;font-size:12px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}
.mntpill i{width:8px;height:8px;border-radius:50%;background:#ffcf3d;box-shadow:0 0 0 0 #ffcf3d88;animation:mntping 1.6s infinite}
@keyframes mntping{70%{box-shadow:0 0 0 8px #ffcf3d00}}
.mntbox h1{margin:2px 0 0;font-size:clamp(24px,5vw,32px);line-height:1.15}
.mntbox>p{margin:0;color:var(--mu);font-weight:500;line-height:1.55;max-width:46ch}
.mntclock{display:flex;gap:10px;margin:8px 0 2px}
.mntunit{min-width:92px;padding:14px 10px 10px;border-radius:12px;background:var(--side);box-shadow:inset 0 0 0 1px #ffffff12;display:flex;flex-direction:column;align-items:center;gap:4px}
.mntunit b{font-size:clamp(30px,8vw,42px);font-weight:900;font-variant-numeric:tabular-nums;line-height:1}.mntunit small{color:var(--mu);font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}
.mntbar{width:100%;height:8px;border-radius:99px;background:var(--side);overflow:hidden}.mntbar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--acc),#9fe6ff);transition:width .8s}
.mntmeta{width:100%;display:flex;justify-content:space-between;color:var(--mu);font-size:13px;font-weight:600}.mntmeta b{color:#fff}
.mntsoon{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px}.mntsoon span{display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:8px;background:var(--p1);font-size:13px;font-weight:700;color:var(--mu)}.mntsoon svg{width:15px;height:15px;color:var(--acc)}
.mntbox .mntsafe{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--mu2)}.mntsafe .coin{width:15px;height:15px}
.mntowner{font-size:12.5px;color:var(--mu2)!important;margin-top:2px}.mntowner:hover{color:#fff!important}
@media(max-width:480px){.mntbox{padding:26px 18px}.mntunit{min-width:0;flex:1}.mntclock{width:100%}}
.mntbanner{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:70;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 24px);padding:9px 14px;border-radius:99px;background:#3a2a00f2;color:#ffe58a;box-shadow:0 0 0 1px #ffcf3d66,0 10px 24px #0008;font-size:12.5px;font-weight:700}
.mntbanner svg{width:16px;height:16px;flex:none}.mntbanner b{font-variant-numeric:tabular-nums}
@media(max-width:900px){.mntbanner{bottom:calc(72px + env(safe-area-inset-bottom));border-radius:12px}}
/* ---- blackjack v2: split layout that fits phones, doubled card laid sideways, insurance and blackjack badges ---- */
.bj .bhand .pc.dbl{transform:translateX(calc(var(--cw)*.14)) rotate(90deg);margin-right:calc(var(--cw)*.2)}
.bj .bhand.many .pc+.pc{margin-left:calc(var(--cw)*-.72)}
.bj.split .pc{--cw:84px}.bj.split .bhand .pc+.pc{margin-left:-52px}.bj.split .bhand.many .pc+.pc{margin-left:-62px}.bj.split .bhands{gap:18px;flex-wrap:nowrap}
.binsu{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:800;color:#cfe3f1;background:#0f1f2bcc;border-radius:99px;padding:3px 10px;font-variant-numeric:tabular-nums}.binsu svg{width:12px;height:12px}
.binsu.won{background:var(--win);color:#052914}.binsu.lost{background:#ff4d6a33;color:#ffb3c0}.binsu[hidden]{display:none}
.bjbadge{position:absolute;top:-6px;left:50%;transform:translateX(-50%);z-index:5;background:linear-gradient(135deg,#ffe27a,#ffb020);color:#3a2400;font-weight:900;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:4px 12px;border-radius:99px;box-shadow:0 6px 18px #ffb02055;animation:popin .35s cubic-bezier(.2,1.6,.4,1);white-space:nowrap}
@media(max-width:900px){.bj{height:auto;min-height:500px}.bj.split .pc{--cw:58px}.bj.split .bhand .pc+.pc{margin-left:-36px}.bj.split .bhand.many .pc+.pc{margin-left:-42px}.bj.split .bhands{gap:10px}.bj.split .bhand{min-height:84px}
  .bj .bhand.many .pc+.pc{margin-left:-50px}.bj.split .bseat{padding:6px 4px}}
/* ================= Cases v2 (lx*): lobby, case page, reels, results, contents, My items ================= */
.lxa{display:block;width:100%;height:auto}
.nnew{font-style:normal;font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;background:var(--acc);color:#04263a;border-radius:99px;padding:2px 7px;margin-left:auto}
.rhead h2 .nnew{margin-left:4px}
.lxbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px}.lxbar .chips{margin:0;flex:1;min-width:0}
.lxgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.lxcard{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 12px 14px;border-radius:14px;color:#fff;text-decoration:none;overflow:hidden;
  background:radial-gradient(ellipse 80% 70% at 50% 30%,color-mix(in srgb,var(--cc) 28%,transparent),transparent 70%),linear-gradient(180deg,var(--p2),var(--p1));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cc) 30%,var(--ln));transition:transform .18s,box-shadow .18s}
.lxcard:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cc) 70%,transparent),0 14px 30px -12px color-mix(in srgb,var(--cc) 70%,transparent)}
.lxcase{width:100%;max-width:138px;height:auto;margin:4px 0 2px;filter:drop-shadow(0 12px 14px #0008);transition:transform .25s}.lxcard:hover .lxcase{transform:translateY(-3px) rotate(-3deg) scale(1.04)}
.lxcinfo{text-align:center;min-width:0;width:100%}.lxcinfo b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lxcinfo small{color:var(--mu);font-size:12px}
.lxprice{display:inline-flex;align-items:center;gap:6px;font-weight:900;font-variant-numeric:tabular-nums;background:var(--go,#21e07a);color:var(--goTx,#05290f);padding:8px 16px;border-radius:9px;font-size:14.5px;min-width:96px;justify-content:center}
.lxprice .coin{width:15px;height:15px}
:root:not([data-theme]) .lxprice,[data-theme=frost] .lxprice,[data-theme=midnight] .lxprice{background:var(--acc);color:#04263a}
.lxcard.sm{padding:8px 10px 12px}.lxcard.sm .lxcase{max-width:104px}.lxcard.sm .lxcinfo b{font-size:13.5px}.lxcard.sm .lxprice{padding:6px 12px;font-size:13px;min-width:0}
.lxcard.sk{min-height:220px;background:linear-gradient(90deg,var(--p1),var(--p2),var(--p1));background-size:200% 100%;animation:lxsk 1.2s linear infinite}@keyframes lxsk{to{background-position:-200% 0}}
.track.lxrow{grid-auto-columns:calc((100% - 5*12px)/6)}
.lxinvbtn{display:flex;align-items:center;gap:10px;background:#0006;border:1px solid #ffffff22;border-radius:12px;padding:10px 16px;color:#fff;text-decoration:none;position:relative;z-index:2}.lxinvbtn svg{width:24px;height:24px;color:var(--acc)}.lxinvbtn b{display:block}.lxinvbtn small{color:var(--mu);font-size:12px}
.lxinvbtn:hover{background:#0009}
.lxchase{grid-auto-columns:calc((100% - 4*12px)/5)}
.lxchip2{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px;border-radius:12px;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--rc) 22%,transparent),transparent 65%),var(--p1);color:#fff;text-decoration:none;text-align:center;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rc) 35%,transparent)}
.lxchip2 .lxa{max-width:120px}.lxchip2 b{font-size:13px;line-height:1.2}.lxchip2 .amt{color:var(--gold);font-weight:900}.lxchip2 small{color:var(--mu);font-size:11.5px}
.lxhow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 6px}.lxhow>div{background:var(--p1);border-radius:12px;padding:16px;display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center}.lxhow svg{width:26px;height:26px;color:var(--acc);grid-row:span 2}.lxhow small{color:var(--mu);font-size:12.5px}
/* case page */
.gpanel .fld:has(.modrow){display:none}
.lxsel{display:grid;grid-template-columns:66px 1fr;gap:12px;align-items:center;background:radial-gradient(ellipse at 20% 50%,color-mix(in srgb,var(--cc) 25%,transparent),transparent 70%),var(--bg);border-radius:10px;padding:8px 12px 8px 4px;margin-bottom:12px}
.lxselart{width:58px;height:auto;margin-left:8px;filter:drop-shadow(0 6px 8px #0008)}.lxsel b{display:block;font-size:16px}.lxsel .amt{display:flex;align-items:center;gap:6px;font-weight:900;font-size:18px;margin:2px 0 4px;font-variant-numeric:tabular-nums}.lxsel .lnk{display:inline-flex;gap:6px;align-items:center;font-size:12.5px}.lxsel .lnk svg{width:14px;height:14px}
.lxtog{padding:8px 0}.lxtog b{font-size:13.5px}.lxtog small{font-size:11.5px}
.lxdemo{width:100%;margin-top:8px;background:transparent;box-shadow:inset 0 0 0 1px var(--ln);color:var(--mu)}.lxdemo:hover:not(:disabled){color:#fff;background:var(--p2)}
.lxstage{justify-content:flex-start;gap:14px;padding:16px 18px 20px;min-height:560px;background:radial-gradient(ellipse 60% 55% at 50% 58%,color-mix(in srgb,var(--cc) 20%,transparent),transparent 72%),var(--bg)}
.lxshead{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;width:100%;text-align:left}
.lxhero{display:block;width:42px}.lxherocase{width:42px;height:auto;display:block;filter:drop-shadow(0 4px 8px #0008)}.lxhero.pop{animation:lxtear .55s}
@keyframes lxtear{25%{transform:scale(1.3) rotate(-8deg)}55%{transform:scale(.88) rotate(5deg)}}
.lxshead b{display:block;color:#fff;font-size:15px}.lxshead small{color:var(--mu);font-size:12px}.lxshead .amt{display:flex;gap:6px;align-items:center;font-weight:800;color:#fff}
.lxlanes{--wh:440px;--th:134px;--aw:78px;display:flex;gap:12px;width:100%;flex:1;justify-content:center;align-items:flex-start}
.lxlanes.n3,.lxlanes.n4{--th:122px;--aw:66px}
.lxlane{display:flex;flex-direction:column;gap:8px;flex:1 1 0;min-width:0;max-width:230px;position:relative}.lxlanes.n1 .lxlane{max-width:290px}
.lxwin{position:relative;overflow:hidden;border-radius:14px;height:var(--wh);background:linear-gradient(90deg,#0008,#0003 50%,#0008);box-shadow:inset 0 0 0 1px var(--ln);padding:0 10px;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent)}
.lxwin.hit{box-shadow:inset 0 0 0 2px var(--rc),0 0 40px -10px var(--rc)}
.lxstrip{display:flex;flex-direction:column;gap:8px;will-change:transform}
.lxt{flex:none;height:var(--th);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:6px 6px 8px;border-radius:12px;text-align:center;min-width:0;transition:opacity .35s,filter .35s;
  background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--rc) 30%,transparent),transparent 62%),linear-gradient(180deg,var(--p2),var(--p1));border-bottom:3px solid var(--rc)}
.lxt>*{flex:none}.lxt .lxa{width:var(--aw)}.lxt small{font-size:11.5px;font-weight:700;line-height:1.25;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#dfe8f2}
.lxt b{display:flex;gap:4px;align-items:center;font-size:12.5px;color:var(--rc);font-variant-numeric:tabular-nums}.lxt b .coin{width:12px;height:12px}
.lxwin.done .lxt:not(.win){opacity:.28;filter:saturate(.4)}
.lxt.win{background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--rc) 55%,transparent),transparent 70%),linear-gradient(180deg,var(--p3),var(--p2));transform:scale(1.05);transition:transform .3s}
.lxmark{position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;z-index:3;pointer-events:none;background:linear-gradient(90deg,var(--gold),color-mix(in srgb,var(--gold) 25%,transparent) 14%,color-mix(in srgb,var(--gold) 25%,transparent) 86%,var(--gold));box-shadow:0 0 10px color-mix(in srgb,var(--gold) 60%,transparent)}
.lxmark:before,.lxmark:after{content:"";position:absolute;top:50%;transform:translateY(-50%);border:9px solid transparent}.lxmark:before{left:-1px;border-left-color:var(--gold)}.lxmark:after{right:-1px;border-right-color:var(--gold)}
.lxtag{min-height:20px;text-align:center;font-size:13px;color:var(--mu);display:flex;flex-wrap:wrap;gap:2px 8px;justify-content:center;align-items:center}.lxtag.on b{color:var(--rc)}.lxtag .amt{display:flex;gap:4px;align-items:center;font-weight:800;color:#fff}.lxtag .coin{width:13px;height:13px}
.lxlanes.n3 .lxtag,.lxlanes.n4 .lxtag{font-size:12px;flex-direction:column}
.lxstage.demo .lxwin{box-shadow:inset 0 0 0 1px #ffcf3d55}
.lxres{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#05090dcc;backdrop-filter:blur(3px);padding:16px;animation:fadein .2s}
.lxres[hidden]{display:none}
.lxrbox{background:var(--p1);border-radius:16px;padding:18px 18px 16px;text-align:center;box-shadow:0 20px 60px #000a,inset 0 0 0 1px var(--ln);max-width:min(640px,100%);width:100%;animation:popin .3s cubic-bezier(.2,1.5,.4,1)}
.lxrbox>small{display:block;color:var(--mu);font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:12px;margin-bottom:10px}
.lxritems{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:12px}.lxritems.n1{grid-template-columns:minmax(0,260px);justify-content:center}
.lxri{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px;border-radius:12px;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--rc) 40%,transparent),transparent 65%),var(--p2);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rc) 60%,transparent)}
.lxri .lxa{max-width:150px;animation:lxpop .5s cubic-bezier(.2,1.6,.4,1)}@keyframes lxpop{from{transform:scale(.4) rotate(-8deg);opacity:0}}
.lxri small{color:var(--rc);font-weight:900;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.lxri b{font-size:14px;line-height:1.25}.lxri .amt{display:flex;gap:5px;align-items:center;font-weight:900;font-size:16px;font-variant-numeric:tabular-nums}
.lxrtot{color:var(--mu);margin-bottom:12px;display:flex;gap:6px;justify-content:center;align-items:center;flex-wrap:wrap}.lxrtot .amt{display:inline-flex;gap:5px;align-items:center;color:#fff}.lxrtot .up{color:var(--win);font-weight:800}.lxrtot .dn{color:var(--mu)}
.lxract{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lxract>:only-child{grid-column:span 2}
.lxrinv{display:inline-flex;gap:6px;align-items:center;margin-top:10px;font-size:13px}.lxrinv svg{width:15px;height:15px}
.lxcont{margin-top:16px;background:var(--p1);border-radius:12px;padding:16px}.lxcont .rhead{flex-wrap:wrap;gap:6px}
.lxcgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.lxci{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;padding:10px 8px 12px;border-radius:10px;background:radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--rc) 24%,transparent),transparent 62%),var(--p2);border-bottom:3px solid var(--rc)}
.lxci .lxa{max-width:110px}.lxci b{font-size:12.5px;line-height:1.25;min-height:2.5em}.lxci .amt{display:flex;gap:4px;align-items:center;font-weight:900;font-size:13px;font-variant-numeric:tabular-nums}.lxci .coin{width:12px;height:12px}.lxci small{color:var(--rc);font-weight:800;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em}
.lxodds{position:absolute;top:6px;right:6px;font-size:11px;font-weight:800;background:#0008;border-radius:6px;padding:2px 6px;color:#dfe8f2;font-variant-numeric:tabular-nums}
.lxmore .track{grid-auto-columns:calc((100% - 5*12px)/6)}
.bsitems{background:var(--bg);border-radius:10px;padding:10px;margin-bottom:10px}.bsitems>small{color:var(--mu);font-size:12px}.bsitems>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.bsitem{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;background:var(--p2);border-radius:8px;padding:6px 10px 6px 6px;min-width:0;flex:1 1 180px}.bsitem .lxa{grid-row:span 2;width:44px}.bsitem b{font-size:13px}.bsitem .amt{display:flex;gap:4px;align-items:center;font-size:12.5px;color:var(--mu)}.bsitem .coin{width:12px;height:12px}
/* My items */
.lxinvsum{display:flex;gap:14px;align-items:center;position:relative;z-index:2;background:#0006;border:1px solid #ffffff22;border-radius:12px;padding:10px 12px 10px 16px}.lxinvsum small{display:block;color:var(--mu);font-size:12px}.lxinvsum b.amt{display:flex;gap:6px;align-items:center;font-size:20px;font-weight:900;font-variant-numeric:tabular-nums}
.lxinvgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.lxinvi{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;padding:12px 10px;border-radius:12px;background:radial-gradient(circle at 50% 34%,color-mix(in srgb,var(--rc) 26%,transparent),transparent 62%),var(--p1);border-bottom:3px solid var(--rc)}
.lxinvi .lxa{max-width:120px}.lxinvi b{font-size:13.5px;line-height:1.25;min-height:2.5em}.lxinvi .amt{display:flex;gap:5px;align-items:center;font-weight:900;font-variant-numeric:tabular-nums}.lxinvi small{color:var(--mu);font-size:11.5px;margin-bottom:6px}.lxinvi .btn{width:100%}
.lxempty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 16px}.lxempty svg{width:44px;height:44px;color:var(--mu)}.lxempty p{color:var(--mu);max-width:420px;text-align:center;margin:0 0 6px}
@media(max-width:1000px){.lxchase{grid-auto-columns:calc((100% - 3*12px)/3.5)}.lxmore .track,.track.lxrow{grid-auto-columns:calc((100% - 3*12px)/4)}}
@media(max-width:700px){.lxgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lxcard{padding:8px 8px 12px}.lxcinfo b{font-size:13.5px}.lxprice{font-size:13px;padding:7px 10px;min-width:0}
  .lxbar{flex-direction:column;align-items:stretch}.lxbar .sortsel{align-self:flex-end}.lxhow{grid-template-columns:1fr}.lxchase{grid-auto-columns:calc((100% - 10px)/2.3)}.lxmore .track,.track.lxrow{grid-auto-columns:calc((100% - 2*10px)/2.4)}
  .lxstage{min-height:0;padding:12px 10px 14px}.lxlanes{--wh:340px;--th:112px;--aw:60px;gap:8px}.lxlanes.n3,.lxlanes.n4{--wh:310px;--th:94px;--aw:52px;gap:6px}
  .lxlanes.n3 .lxwin,.lxlanes.n4 .lxwin{padding:0 4px}.lxlanes.n3 .lxt small,.lxlanes.n4 .lxt small{display:none}.lxlanes.n3 .lxt.gold small,.lxlanes.n4 .lxt.gold small{display:block}.lxlanes.n3 .lxt.gold b,.lxlanes.n4 .lxt.gold b{display:none}.lxlanes.n4 .lxt b{font-size:11px}.lxlanes.n3 .lxtag,.lxlanes.n4 .lxtag{font-size:11px}
  .lxcgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.lxinvgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lxinvsum{width:100%;justify-content:space-between}.lxritems{grid-template-columns:repeat(2,minmax(0,1fr))}.lxri .lxa{max-width:110px}}
/* ================= What's new (wn*) ================= */
.wnhero{position:relative;overflow:hidden;text-align:center;border-radius:14px;padding:26px 18px 22px;margin-bottom:14px;background:radial-gradient(ellipse at 50% 0%,#39c6ff55,transparent 60%),radial-gradient(ellipse at 90% 100%,#a65bff44,transparent 55%),linear-gradient(160deg,#16314a,#0b1622)}
.wnlogo{width:46px;height:46px;color:var(--acc);filter:drop-shadow(0 0 16px #39c6ff88)}.wnhero small{display:block;color:var(--acc2);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:11.5px;margin-top:6px}
.wnhero h2{margin:4px 0 6px;font-size:30px;letter-spacing:-.01em;background:linear-gradient(90deg,#fff,#bfeaff 50%,#ffe9a8);-webkit-background-clip:text;background-clip:text;color:transparent}.wnhero p{margin:0 auto;color:var(--mu);max-width:460px}
.wnflakes{position:absolute;inset:0;background:radial-gradient(2px 2px at 10% 20%,#fff9,transparent),radial-gradient(1.5px 1.5px at 30% 70%,#fff7,transparent),radial-gradient(2px 2px at 75% 30%,#fff8,transparent),radial-gradient(1.5px 1.5px at 90% 80%,#fff6,transparent),radial-gradient(2px 2px at 55% 85%,#fff7,transparent);opacity:.8}
.wnfresh{display:flex;gap:12px;align-items:center;background:color-mix(in srgb,var(--win) 14%,var(--p2));border:1px solid color-mix(in srgb,var(--win) 45%,transparent);border-radius:12px;padding:12px 14px;margin-bottom:12px}.wnfresh svg{width:24px;height:24px;color:var(--win);flex:none}.wnfresh small{display:block;color:var(--mu)}
.wngrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.wngrid.big{grid-template-columns:repeat(3,minmax(0,1fr));margin:14px 0}
.wnhl{display:flex;gap:12px;align-items:flex-start;background:var(--p2);border-radius:12px;padding:12px}.wnhl small{display:block;color:var(--mu);font-size:12.5px;line-height:1.4;margin-top:2px}
.wnico{flex:none;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--acc) 18%,transparent);color:var(--acc)}.wnico svg{width:20px;height:20px}
.wnsec{background:var(--p1);border-radius:12px;padding:16px 18px;margin-bottom:12px}.wnsec h2{display:flex;gap:10px;align-items:center;font-size:18px;margin:0 0 8px}.wnsec h2 svg{width:20px;height:20px;color:var(--acc)}
.wnsec ul{margin:0;padding-left:20px;display:grid;gap:7px}.wnsec li{color:#dfe8f2;line-height:1.5}.wnsec li::marker{color:var(--acc)}
.wncta{display:flex;gap:10px;justify-content:center;margin:18px 0 6px}
@media(max-width:700px){.wngrid,.wngrid.big{grid-template-columns:1fr}.wnhero h2{font-size:24px}}
.lxhero{display:flex;justify-content:center;margin:-4px 0 -6px}.lxherocase{width:190px;height:auto;filter:drop-shadow(0 16px 22px #000a)}
.lxhero.pop .lxherocase{animation:lxopen .6s cubic-bezier(.2,1.4,.4,1)}@keyframes lxopen{0%{transform:scale(1)}20%{transform:scale(.92) rotate(-3deg)}45%{transform:scale(1.12) rotate(2deg);filter:drop-shadow(0 0 30px var(--cc))}100%{transform:scale(1)}}
.lxstage.many .lxhero{display:none}
@media(max-width:700px){.lxherocase{width:130px}.lxstage.many .lxhero,.lxlanes.n2~.lxhero{display:none}}
.vitems{display:flex;align-items:center;gap:10px;background:var(--bg);border-radius:10px;padding:10px 12px;margin:-4px 0 12px;color:#fff;text-decoration:none}.vitems:hover{background:var(--p3)}.vitems>svg{width:18px;height:18px;color:var(--acc)}.vitems>svg:last-child{color:var(--mu);margin-left:2px}
.vitems span{font-weight:700}.vitems .amt{margin-left:auto;display:flex;gap:5px;align-items:center;font-weight:700;color:var(--mu);font-size:13px}
.vitems{min-width:0}.vitems span{flex:none}.vitems .amt{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;text-align:right}.vitems .amt .coin{vertical-align:-2px;margin-left:4px}
.modal{min-width:0}.mbody{min-width:0}.vault .tabs button{white-space:normal;line-height:1.2}
.scrim{grid-template-columns:minmax(0,1fr)}.scrim>.modal{justify-self:center}
body.mini .side .nnew,body.theatre .side .nnew{display:none}
.gblabel{display:block;color:var(--mu);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
/* phones in fullscreen: let the game card scroll instead of squeezing the game into the screen (keno's top row was cut off) */
@media(max-width:900px){.gcard:fullscreen .game{flex:none}.gcard:fullscreen .stage{min-height:360px}}
/* one tab at a time */
.tabpause{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:16px;background:#05101af2;backdrop-filter:blur(6px)}
.tabpbox{width:min(420px,100%);text-align:center;background:var(--p1);border-radius:16px;padding:26px 22px;box-shadow:0 20px 60px #000a,inset 0 0 0 1px var(--ln)}
.tabpbox .lg{width:44px;height:44px;color:var(--acc)}.tabpbox h2{margin:10px 0 6px;font-size:20px}.tabpbox p{color:var(--mu);margin:0 0 16px}.tabpbox .btn{width:100%}
/* promo codes */
.pcform{display:flex;flex-direction:column;gap:8px}.pcrow{display:flex;gap:8px}.pcrow .tin{flex:1;min-width:0;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.pcrow .tin::placeholder{text-transform:none;letter-spacing:0;font-weight:500}.pcrow .btn{flex:none;padding-inline:22px}
.pcmsg{min-height:18px;font-size:13px;color:var(--mu);display:flex;gap:5px;align-items:center;flex-wrap:wrap}.pcmsg.err{color:var(--loss)}.pcmsg.ok{color:var(--win)}.pcmsg .amt{display:inline-flex;gap:4px;align-items:center;color:#fff}.pcmsg .coin{width:14px;height:14px}
.pccard{display:flex;gap:16px;align-items:flex-start;background:radial-gradient(ellipse at 0% 0%,color-mix(in srgb,var(--acc) 22%,transparent),transparent 60%),var(--p1);border-radius:12px;padding:18px;margin-bottom:14px;box-shadow:inset 0 0 0 1px var(--ln)}
.pcico{flex:none;width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--acc) 20%,transparent);color:var(--acc)}.pcico svg{width:26px;height:26px}
.pcbody{flex:1;min-width:0;max-width:520px}.pcbody h2{margin:0 0 4px;font-size:18px}.pcbody p{margin:0 0 10px;color:var(--mu)}
.pchero{display:flex;gap:12px;align-items:center;margin-bottom:12px}.pchero svg{flex:none;width:34px;height:34px;color:var(--acc)}.pchero p{margin:0;color:var(--mu)}.pcnote{display:block;margin-top:4px}
.vcode{display:block;width:100%;text-align:center;margin-top:10px}
.pcrow .btn{width:auto}.pcrow .tin{flex:1 1 auto;width:auto;min-width:0}
/* gold drops */
.lxlane{position:relative}
.lxt.gold{background:radial-gradient(circle at 50% 38%,#ffd76a66,transparent 65%),linear-gradient(180deg,#5a4210,#2a1f08);border-bottom-color:#ffc53d;box-shadow:inset 0 0 0 1px #ffc53d66}.lxt.gold small{color:#ffe7a3}.lxt.gold b{color:#ffd76a;font-size:11.5px}
.lxlanes .lxwin.goldmode,.lxstage.demo .lxwin.goldmode{background:linear-gradient(180deg,#5a420c,#2a1f06);box-shadow:inset 0 0 0 2px #ffc53d,0 0 46px -6px #ffc53dcc}.lxwin.goldmode .lxt{background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--rc) 34%,transparent),transparent 62%),linear-gradient(180deg,#3f3214,#211a08);box-shadow:inset 0 0 0 1px #ffc53d33}.lxwin.goldmode .lxt.win{background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--rc) 60%,transparent),transparent 70%),linear-gradient(180deg,#5c4612,#2c220a)}
.lxwin.flash::after{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#fffbe6,#ffcf3dbb 30%,transparent 70%);animation:lxflash .9s ease-out forwards}@keyframes lxflash{0%{opacity:0}15%{opacity:1}100%{opacity:0}}
.lxtag.goldtag b{color:#ffd76a}.lxtag.goldtag span:not(.amt){color:#ffe7a3}
.lxri.gold{box-shadow:inset 0 0 0 2px #ffc53d,0 0 30px -10px #ffc53d}.lxri.gold small{color:#ffd76a}
.lxci.gold{background:radial-gradient(circle at 50% 36%,#ffd76a44,transparent 62%),linear-gradient(180deg,#4a3608,#241a05);border-bottom-color:#ffc53d}.lxci.gold .amt{color:#ffd76a}.lxci.gold small{color:#ffe7a3}
.lxgoldh{margin-top:18px}.lxgoldh h2{color:#ffd76a}.lxgico{width:22px;height:22px}
.goldgrid .lxci{box-shadow:inset 0 0 0 1px #ffc53d44}
/* ================= Pack tabs + Battles (b*) ================= */
.pdtabs{display:flex;gap:6px;background:var(--p1);border-radius:12px;padding:5px;margin:0 0 14px;overflow-x:auto;scrollbar-width:none}.pdtabs::-webkit-scrollbar{display:none}
.pdtabs a{display:flex;align-items:center;gap:8px;padding:9px 16px;border-radius:9px;color:var(--mu);text-decoration:none;font-weight:800;font-size:14px;white-space:nowrap;flex:none}
.pdtabs a svg{width:17px;height:17px}.pdtabs a:hover{color:#fff;background:var(--p2)}.pdtabs a.on{background:var(--p3);color:#fff;box-shadow:inset 0 -2px 0 var(--acc)}
.bflip{transform:rotate(180deg)}
.m-normal{--mc:#5fb4ff}.m-crazy{--mc:#ff5ab4}.m-terminal{--mc:#4fd1c5}.m-jackpot{--mc:#ffcf3d}.m-shared{--mc:#21e07a}
.btl{display:flex;flex-direction:column;gap:16px}.btl .pbanner{margin-bottom:0}
.bsec{background:var(--p1);border-radius:12px;padding:14px 16px}.bsec>h2{font-size:16px;margin:0 0 10px}.bsec .rhead{margin-bottom:10px}.bsec .rhead .btn{width:auto}.bsec .rhead .btn svg{width:15px;height:15px}
.blist{display:flex;flex-direction:column;gap:8px}
.brow2{display:grid;grid-template-columns:150px minmax(0,1fr) auto auto;gap:14px;align-items:center;background:var(--p2);border-radius:10px;padding:10px 12px}
.bmeta{display:flex;flex-direction:column;gap:3px}.bmeta b{font-size:14px}.bmeta small{color:var(--mu);font-size:12px}
.bmode{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:6px;background:color-mix(in srgb,var(--mc) 16%,transparent);color:var(--mc);width:max-content}.bmode svg{width:13px;height:13px}
.bpacks{display:flex;gap:7px;align-items:center;min-width:0;overflow:hidden;padding:2px}
.bpk{position:relative;flex:none}.bpkart{width:32px;height:auto;display:block;filter:drop-shadow(0 3px 4px #0008)}
.bpk i{position:absolute;right:-5px;bottom:-3px;font-style:normal;font-size:10.5px;font-weight:900;background:#000c;border-radius:5px;padding:0 4px}
.bmore{color:var(--mu);font-size:12px;font-weight:800}
.bseatsm{display:flex;gap:4px}
.bav{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--pc);color:#06121c;font-weight:900;font-size:13px;flex:none;box-shadow:0 0 0 2px #0006}.bav svg{width:15px;height:15px}
.bav.open{background:transparent;border:2px dashed #ffffff40;color:var(--mu);box-shadow:none}
.btl .pbright .btn{display:inline-flex;align-items:center;gap:8px;width:auto;padding:12px 20px}.btl .pbright .btn svg{width:18px;height:18px}
.bjoin{display:flex;align-items:center;gap:10px}.bjoin .amt{display:flex;gap:5px;align-items:center;font-weight:900;font-variant-numeric:tabular-nums}.bjoin .btn{width:auto;min-width:72px}
.bmodes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.bmcard{background:var(--p1);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:4px;border-top:3px solid var(--mc)}.bmcard svg{width:22px;height:22px;color:var(--mc)}.bmcard b{font-size:14px}.bmcard small{color:var(--mu);font-size:12px;line-height:1.35}
.bhist{display:flex;flex-direction:column;gap:6px}
.bhrow{display:grid;grid-template-columns:auto 70px minmax(0,1fr) auto auto;gap:12px;align-items:center;background:var(--p2);border-radius:9px;padding:8px 12px}
.bhrow .amt{display:flex;gap:4px;align-items:center;font-weight:800;color:var(--mu);font-variant-numeric:tabular-nums}.bhrow.up .amt,.bhrow.up .bres{color:var(--win)}.bhrow.mid .amt{color:#fff}.bres{font-size:12px;font-weight:800;color:var(--mu)}
.bfair{display:flex;gap:8px;align-items:center;color:var(--mu);font-size:13px;margin:0}.bfair svg{width:16px;height:16px;color:var(--acc);flex:none}
/* create */
.bcreate{display:flex;flex-direction:column;gap:14px}
.bchead{display:flex;gap:12px;align-items:center}.bchead h1{font-size:22px;margin:0}.bchead .btn,.bahead>.btn{width:auto}.bchead .btn svg,.bahead .btn svg{width:14px;height:14px}
.bmpick{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.bmopt{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:12px;border-radius:10px;background:var(--p2);color:#fff;border:2px solid transparent;cursor:pointer;font:inherit}
.bmopt svg{width:20px;height:20px;color:var(--mc)}.bmopt b{font-size:14px}.bmopt small{color:var(--mu);font-size:12px}.bmopt.on{border-color:var(--mc);background:color-mix(in srgb,var(--mc) 14%,var(--p2))}
.bsec>.seg{max-width:520px;margin-bottom:6px}
.bchosen{display:flex;gap:10px;flex-wrap:wrap;min-height:70px;align-items:center;background:var(--bg);border-radius:10px;padding:10px;margin-bottom:12px}.bchosen p{margin:0}
.bch{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--p2);border:0;border-radius:8px;padding:8px 8px 4px;color:#fff;cursor:pointer;font:inherit}
.bch>i{position:absolute;top:2px;left:5px;font-style:normal;font-size:10px;font-weight:900;color:var(--mu)}.bch>span{font-size:11px;font-weight:800}
.bch em{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:#ff4d5e;display:grid;place-items:center;opacity:0;transition:opacity .15s}.bch em svg{width:10px;height:10px}.bch:hover em,.bch:focus-visible em{opacity:1}
.bcgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.bcard{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;border-radius:12px;background:radial-gradient(ellipse 80% 60% at 50% 30%,color-mix(in srgb,var(--cc) 22%,transparent),transparent 70%),var(--p2);box-shadow:inset 0 0 0 1px var(--ln)}
.bcard.on{box-shadow:inset 0 0 0 2px var(--cc)}.bcart{width:70px;height:auto;filter:drop-shadow(0 6px 8px #0008)}
.bcard b{font-size:13px;text-align:center}.bcard .amt{display:flex;gap:4px;align-items:center;font-weight:900;font-size:13px}
.bcn{position:absolute;top:8px;right:8px;font-style:normal;font-weight:900;font-size:12px;background:var(--acc);color:#04263a;border-radius:6px;padding:1px 6px}.bcn:empty{display:none}
.bcbtns{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%;margin-top:4px}.bcbtns .btn{font-size:18px;padding:4px 0}
.bcbar{position:sticky;bottom:12px;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--p3);border-radius:12px;padding:12px 16px;box-shadow:0 10px 30px #000a}
.bcbar small{display:block;color:var(--mu);font-size:12px}.bcbar .amt{display:flex;gap:6px;align-items:center;font-size:20px;font-weight:900;font-variant-numeric:tabular-nums}.bcbar .btn{width:auto;min-width:200px}
/* the arena */
.barena{background:var(--p1);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:12px}
.bahead{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.bfmt{font-weight:900;font-size:15px}.bmdesc{color:var(--mu);font-size:13px;flex:1;min-width:160px}
.bastats{display:flex;gap:18px;align-items:center;margin-left:auto}.bastats small{display:block;color:var(--mu);font-size:11px}.bastats b{font-size:14px}.bastats .amt{display:flex;gap:4px;align-items:center;font-variant-numeric:tabular-nums}
.bfast{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer}
.btrack{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 6px;scrollbar-width:thin}
.btp{flex:none;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 7px;border-radius:9px;background:var(--p2);opacity:.75;transition:opacity .2s,transform .2s;box-shadow:inset 0 0 0 1px var(--ln)}
.btp small{font-size:10.5px;font-weight:800;color:var(--mu)}.btp.now{opacity:1;transform:translateY(-2px);box-shadow:inset 0 0 0 2px var(--cc),0 6px 16px -6px var(--cc)}.btp.done{opacity:.35}.btp.final{box-shadow:inset 0 0 0 1px #4fd1c5}
.bstatus{text-align:center}.bstatus:empty{display:none}.bstatus b{display:inline-block;font-size:15px;color:var(--mu)}.bstatus .bcount{font-size:44px;color:#fff;line-height:1;animation:popin .4s}.bstatus .bfinal{color:#4fd1c5}
.bseats{display:flex;gap:10px;align-items:stretch;justify-content:center}
.bvs{align-self:center;font-weight:900;font-size:12px;color:var(--mu);background:var(--bg);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;flex:none;box-shadow:inset 0 0 0 1px var(--ln)}
.btseat{--wh:330px;--th:112px;--aw:64px;flex:1 1 0;min-width:0;max-width:300px;display:flex;flex-direction:column;gap:8px;background:var(--bg);border-radius:12px;padding:10px;box-shadow:inset 0 0 0 1px var(--ln);transition:opacity .4s,box-shadow .4s}
.bseats.n3 .btseat,.bseats.n4 .btseat{--th:104px;--aw:56px}
.btseat .lxlane{max-width:none}.btseat.me{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 60%,transparent)}
.btseat.waiting{opacity:.3}.btseat.waiting .lxlane{filter:grayscale(1)}.btseat.joined{animation:popin .35s}
.btseat.rbest{box-shadow:inset 0 0 0 2px var(--gold),0 0 24px -8px var(--gold)}.btseat.win{box-shadow:inset 0 0 0 2px var(--win),0 0 34px -8px var(--win)}.btseat.lose{opacity:.45}
.bthead{display:flex;gap:8px;align-items:center;min-width:0}.bthead>div{min-width:0;flex:1}
.bthead b{display:flex;gap:5px;align-items:center;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bthead em{font-style:normal;font-size:9.5px;font-weight:900;text-transform:uppercase;background:#ffffff1a;color:var(--mu);border-radius:4px;padding:1px 5px}.bthead em.you{background:var(--acc);color:#04263a}
.bthead .amt{font-size:15px;color:#fff;font-variant-numeric:tabular-nums;overflow:visible}.bthead .amt .coin{width:14px;height:14px}
.btseat .lxtag{font-size:12px;min-height:34px;flex-direction:column;gap:0}
.bwon{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:5px;max-height:132px;overflow-y:auto;align-content:start}
.bwi{display:flex;flex-direction:column;align-items:center;padding:4px 2px 3px;border-radius:7px;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--rc) 30%,transparent),transparent 65%),var(--p2);border-bottom:2px solid var(--rc);animation:popin .3s}
.bwi .lxa{width:32px}.bwi small{font-size:10px;font-weight:800;font-variant-numeric:tabular-nums}.bwi.gold{box-shadow:inset 0 0 0 1px #ffc53d}
.bteam{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.bteam>small{font-weight:900;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--mu);text-align:center}.bteam.a>small{color:var(--acc)}
.bteam>div{display:flex;gap:8px;flex:1}
.bjack{background:var(--bg);border-radius:10px;padding:10px 14px 14px}.bjack[hidden]{display:none}.bjack>small{color:var(--mu);font-size:12px;font-weight:800}
.bjtrack{position:relative;display:flex;height:30px;margin-top:8px}
.bjtrack span{display:grid;place-items:center;font-size:11.5px;font-weight:900;color:#06121c;min-width:0;overflow:hidden;white-space:nowrap}.bjtrack span:first-child{border-radius:8px 0 0 8px}.bjtrack span:nth-last-child(2){border-radius:0 8px 8px 0}
.bjpin{position:absolute;top:-8px;bottom:-8px;width:4px;margin-left:-2px;background:#fff;box-shadow:0 0 10px #fff,0 0 0 1px #0008;left:0;border-radius:2px}
.bresult[hidden]{display:none}
.brbox{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;background:var(--p2);border-radius:12px;padding:16px;animation:popin .35s}.brbox>b{font-size:22px}.brbox.up>b{color:var(--win)}.brbox>small{color:var(--mu)}
.brbtns{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:6px}.brbtns .btn{width:auto}.brbtns .btn svg{width:15px;height:15px}
@media(max-width:900px){.bcbar{bottom:76px}.bmodes,.bmpick{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){
  .pdtabs a{padding:8px 12px;font-size:13px}
  .brow2{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"meta join" "packs seats";gap:8px}.brow2 .bmeta{grid-area:meta;flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap}.brow2 .bpacks{grid-area:packs}.brow2 .bseatsm{grid-area:seats;justify-self:end}.brow2 .bjoin{grid-area:join}
  .bmodes,.bmpick{grid-template-columns:repeat(2,minmax(0,1fr))}.bhrow{grid-template-columns:auto auto minmax(0,1fr) auto}.bhrow .bpacks{display:none}
  .bcgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.bcbar .btn{min-width:0}.bastats{margin-left:0;width:100%;justify-content:space-between}.bmdesc{flex-basis:100%;font-size:12px}
  .barena{padding:10px 8px}.bseats{gap:5px}.bvs{display:none}.bteam>div{gap:5px}
  .btseat{--wh:290px;--th:98px;--aw:54px;padding:6px}.bseats.n3 .btseat,.bseats.n4 .btseat{--wh:270px;--th:84px;--aw:44px;padding:4px}
  .bseats.n3 .lxwin,.bseats.n4 .lxwin{padding:0 3px}.bseats.n3 .lxt small,.bseats.n4 .lxt small{display:none}.bseats.n3 .lxt.gold small,.bseats.n4 .lxt.gold small{display:block;font-size:9.5px}.bseats.n3 .lxt.gold b,.bseats.n4 .lxt.gold b{display:none}.bseats.n4 .lxt b{font-size:10.5px}
  .bthead .bav{width:22px;height:22px;font-size:11px}.bthead b{font-size:11.5px}.bthead .amt{font-size:12.5px}.bseats.n4 .bthead em,.bseats.n3 .bthead em{display:none}
  .btseat .lxtag{font-size:10.5px}.bwon{grid-template-columns:repeat(auto-fill,minmax(38px,1fr))}.bwi .lxa{width:26px}.bwi small{font-size:9px}}
/* ================= Deals (dl*) ================= */
.dltgt{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;background:radial-gradient(ellipse at 15% 50%,color-mix(in srgb,var(--rc) 25%,transparent),transparent 70%),var(--bg);border-radius:10px;padding:10px 12px;margin-bottom:12px}
.dltgt .lxa{width:64px}.dltgt small{display:block;color:var(--mu);font-size:11.5px}.dltgt b{display:block;font-size:15px;line-height:1.25}.dltgt .amt{display:flex;gap:5px;align-items:center;font-weight:900;font-size:16px;color:var(--rc);margin:2px 0}.dltgt .lnk{font-size:12.5px}
.dlchance[hidden],.dlitems[hidden]{display:none}
.dlrange{width:100%;accent-color:#21e07a;margin:10px 0 8px}
.dlquick{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.dlquick .btn{padding:6px 0}
.dlitems{display:flex;flex-direction:column;gap:8px}.dlitems>.btn{display:flex;gap:8px;align-items:center;justify-content:center}.dlitems>.btn svg{width:16px;height:16px}
.dlpicked{display:flex;flex-wrap:wrap;gap:5px}.dlpicked:empty{display:none}.dlpi{display:flex;flex-direction:column;align-items:center;width:46px;padding:3px;border-radius:7px;background:var(--p2);border-bottom:2px solid var(--rc)}.dlpi .lxa{width:32px}.dlpi small{font-size:9.5px;font-weight:800}
.dlinfo{color:var(--mu);font-size:12px;line-height:1.35}
.dlstage{min-height:540px;justify-content:center;gap:14px;background:radial-gradient(ellipse 50% 50% at 50% 45%,#21e07a1a,transparent 70%),var(--bg)}
.dlwheel{position:relative;width:min(380px,82vw);aspect-ratio:1}
.dlring{width:100%;height:100%;display:block;overflow:visible}
.dlarc{stroke:#21e07a;filter:drop-shadow(0 0 8px #21e07a88);transition:d .25s}
.dlcenter{position:absolute;inset:21%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1px;border-radius:50%;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--rc) 30%,transparent),transparent 70%)}
.dlcenter .lxa{width:50%}.dlcenter b{font-size:26px;font-weight:900;color:#21e07a;font-variant-numeric:tabular-nums;line-height:1.1}
.dlcenter small{font-size:12px;color:#dfe8f2;max-width:88%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dlcenter .amt{display:flex;gap:4px;align-items:center;font-weight:800;font-size:13px}.dlcenter .coin{width:12px;height:12px}
.dlstage.won .dlring{filter:drop-shadow(0 0 22px #21e07a)}.dlstage.lost .dlarc{opacity:.45}
.dlmsg{min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center}.dlmsg.on{animation:popin .3s}
.dlmsg b{font-size:20px}.dlmsg.up b{color:var(--win)}.dlmsg.dn b{color:var(--mu)}.dlmsg small{color:var(--mu)}.dlmsg .btn{width:auto;margin-top:4px}
.dlcat .lxbar{flex-wrap:wrap}
.dlsearch{background:var(--bg);border:1px solid var(--ln);border-radius:9px;padding:9px 12px;color:#fff;font:inherit;min-width:0;width:220px;flex:none}
.dlgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.dlcard{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;padding:10px 8px;border-radius:10px;background:radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--rc) 24%,transparent),transparent 62%),var(--p2);border:0;border-bottom:3px solid var(--rc);color:#fff;cursor:pointer;font:inherit;transition:transform .15s}
.dlcard:hover{transform:translateY(-3px)}.dlcard.on{box-shadow:inset 0 0 0 2px #21e07a}
.dlcard .lxa{max-width:96px}.dlcard b{font-size:12.5px;line-height:1.25;min-height:2.5em}.dlcard .amt{display:flex;gap:4px;align-items:center;font-weight:900;font-size:13px}.dlcard .coin{width:12px;height:12px}.dlcard small{color:var(--mu);font-size:11px}
.dlpick{display:flex;flex-direction:column;gap:12px}.dlpick p{margin:0}
.dlpgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;max-height:min(58vh,520px);overflow-y:auto;padding:2px}
.dlpg{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px;border-radius:9px;background:var(--p2);border:0;border-bottom:3px solid var(--rc);color:#fff;cursor:pointer;font:inherit;text-align:center}
.dlpg.on{box-shadow:inset 0 0 0 2px #21e07a;background:color-mix(in srgb,#21e07a 12%,var(--p2))}.dlpg .lxa{width:60px}.dlpg b{font-size:12px;line-height:1.2}.dlpg .amt{display:flex;gap:4px;align-items:center;font-size:12px;font-weight:800}
.dlpbar{display:flex;gap:8px;align-items:center}.dlpbar b{flex:1}.dlpbar .btn{width:auto}
@media(max-width:700px){.dlstage{min-height:0;padding:16px 10px}.dlwheel{width:min(300px,78vw)}.dlcenter b{font-size:21px}.dlgrid,.dlpgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.dlsearch{width:100%}}
.hslide.s20{background:linear-gradient(115deg,#ff3b5c,#7a1a5a 50%,#260a3a)}.hslide.s21{background:linear-gradient(115deg,#21c46a,#0f5a50 50%,#062a2a)}
@media(max-width:700px){.btseats.n3 .bthead,.btseats.n4 .bthead{gap:5px}.btseats.n3 .bthead .bav,.btseats.n4 .bthead .bav{display:none}.btseats.n3 .bthead .amt,.btseats.n4 .bthead .amt{font-size:11.5px}.btseats.n4 .bthead .amt .coin{display:none}.btseats.n4 .bthead b{font-size:11px}}
.lxgoldnote{display:flex;gap:12px;align-items:center;background:linear-gradient(90deg,#4a360833,transparent);border:1px solid #ffc53d44;border-radius:10px;padding:10px 14px;margin-bottom:12px}.lxgoldnote .lxgico{width:34px;height:34px;flex:none}
.lxgoldnote b{display:block;color:#ffd76a;font-size:14px}.lxgoldnote small{color:var(--mu);font-size:12.5px}
.lxci.gi{box-shadow:inset 0 0 0 1px #ffc53d55}.lxgstar{position:absolute;top:6px;left:7px;color:#ffd76a;font-size:14px;line-height:1;text-shadow:0 0 8px #ffc53d}
/* battles: live, spectating, crown, confetti */
.bdot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff4d5e;box-shadow:0 0 0 0 #ff4d5e88;animation:bpulse 1.4s infinite;margin-right:6px;vertical-align:middle;flex:none}@keyframes bpulse{70%{box-shadow:0 0 0 7px #ff4d5e00}100%{box-shadow:0 0 0 0 #ff4d5e00}}
.bsec .rhead h2{display:flex;align-items:center;gap:8px}
.brow2.live{grid-template-columns:150px minmax(0,1fr) auto auto}.brow2.live .bjoin .btn{min-width:72px}
.blivetag{display:flex;align-items:center;color:var(--mu)}.brow2.fin .blivetag{color:var(--win);font-weight:800}
.blivepk{position:relative;min-width:0;padding-bottom:8px}.bprog{position:absolute;left:0;bottom:0;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--acc),#21e07a);transition:width .9s linear;max-width:100%}
.blivepk::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px;background:#ffffff12;z-index:-1}
.bavw{display:inline-flex;border-radius:50%}.bavw.lead{box-shadow:0 0 0 2px var(--gold),0 0 12px var(--gold)}
.bwatch{display:inline-flex;align-items:center;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#ff8a95;background:#ff4d5e1f;border-radius:6px;padding:3px 8px}
.bcrown{width:16px;height:16px;flex:none;filter:drop-shadow(0 0 6px #ffcf3d88)}
.bstatus .bround{font-size:14px;color:#dfe8f2;font-weight:800}
.barena{position:relative;overflow:hidden}
.bconf{position:absolute;inset:0;pointer-events:none;z-index:30;overflow:hidden}.bconf i{position:absolute;top:-12px;width:8px;height:12px;border-radius:2px;animation:bfall linear forwards}
@keyframes bfall{to{transform:translate(var(--x),620px) rotate(var(--r));opacity:.2}}
@media(max-width:700px){.brow2.live{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"meta join" "packs seats"}.brow2.live .blivepk{grid-area:packs}}
.dlquick{grid-template-columns:repeat(5,1fr)}.dlafford{margin-top:8px;font-size:12px;color:#ffcf3d;line-height:1.4}.dlafford[hidden]{display:none}.dlafford .lnk{font-size:12px;font-weight:800;padding:0;background:none;border:0;color:var(--acc);cursor:pointer}
/* ================= Settings: more themes, text size, snowfall ================= */
:root[data-theme=ocean]{--bg:#071a2e;--side:#05121f;--top:#0a2038;--p1:#0d2742;--p2:#12304f;--p3:#1b4166;--p4:#25527d;--ln:#16365a;--mu:#a3bdd6;--mu2:#6e8ba8}
[data-theme=ocean] .stage{background:#05121f}[data-theme=ocean] .inbox,[data-theme=ocean] .tin{background:#05121f}
:root[data-theme=crimson]{--bg:#1a0d12;--side:#12080c;--top:#211017;--p1:#28131b;--p2:#311822;--p3:#432232;--p4:#572c40;--ln:#3a1d29;--mu:#d6aebb;--mu2:#a07888}
[data-theme=crimson] .stage{background:#12080c}[data-theme=crimson] .inbox,[data-theme=crimson] .tin{background:#12080c}
:root[data-theme=forest]{--bg:#0b1a14;--side:#07120d;--top:#0f2219;--p1:#132a1f;--p2:#183427;--p3:#224634;--p4:#2c5a43;--ln:#1d3a2c;--mu:#a9cbb8;--mu2:#739783}
[data-theme=forest] .stage{background:#07120d}[data-theme=forest] .inbox,[data-theme=forest] .tin{background:#07120d}
:root[data-theme=grape]{--bg:#140f24;--side:#0d0a18;--top:#1a142e;--p1:#1f1836;--p2:#271e43;--p3:#352a5a;--p4:#443670;--ln:#2d244c;--mu:#bdb0dc;--mu2:#8a7cad}
[data-theme=grape] .stage{background:#0d0a18}[data-theme=grape] .inbox,[data-theme=grape] .tin{background:#0d0a18}
:root[data-accent=white]{--accd:#0f1f2b}
body.ts-sm #app,body.ts-sm .scrim .modal{zoom:.92}body.ts-lg #app,body.ts-lg .scrim .modal{zoom:1.08}body.ts-xl #app,body.ts-xl .scrim .modal{zoom:1.16}
.snowfx{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:60}
.lxbeat{position:absolute;top:8px;left:8px;z-index:2;font-size:10.5px;font-weight:900;letter-spacing:.02em;color:#05290f;background:var(--win);border-radius:6px;padding:2px 7px;box-shadow:0 2px 8px #0006}
.lxcinfo em{display:block;font-style:normal;color:var(--mu2);font-size:11.5px;line-height:1.3;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lxcard.sm .lxcinfo em,.lxcard.sm .lxbeat{display:none}
.lxshead .lxtagline{display:block;font-style:normal;color:var(--mu2);font-size:12px}

/* high ranks: badge glow and tier cards */
.rbadge.rbt1{filter:drop-shadow(0 0 2px #9cc8ff66)}.rbadge.rbt2{filter:drop-shadow(0 0 3px #ffffff55)}.rbadge.rbt3{filter:drop-shadow(0 0 4px #ffd36a99)}
.vh2 .vhsub{margin-left:10px;font-size:12px;font-weight:600;color:var(--mu)}
.viptier.hi{position:relative;overflow:hidden;background:linear-gradient(160deg,color-mix(in srgb,var(--b) 45%,var(--p2)),color-mix(in srgb,var(--a) 8%,var(--p2)) 70%)}
.viptier.hi::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,color-mix(in srgb,var(--a) 22%,transparent) 50%,transparent 65%);transform:translateX(-100%);animation:vipshine 5s ease-in-out infinite;pointer-events:none}
.viptier.hi.rbt3::after{animation-duration:3.2s}
@keyframes vipshine{0%,55%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@media (prefers-reduced-motion:reduce){.viptier.hi::after{animation:none}}

/* All in button (under the Bet button) */
.gpanel .btn.allin{margin-top:8px;min-height:40px;font-weight:800;font-size:13.5px;letter-spacing:.02em;color:#ffd7a8;background:linear-gradient(180deg,#3a2414,#2a190e);box-shadow:inset 0 0 0 1px #ff9a3c55}
.gpanel .btn.allin:hover:not(:disabled){background:linear-gradient(180deg,#4a2c16,#33200f);color:#fff}
.gpanel .btn.allin.armed,.gpanel .btn.allin.armed:hover:not(:disabled){color:#1a0d00;background:linear-gradient(180deg,#ffb35c,#ff7a1a);box-shadow:0 0 0 2px #ff9a3c66,0 0 18px #ff7a1a55;animation:allinpulse .9s ease-in-out infinite}
.gpanel .btn.allin:disabled{opacity:.45;cursor:not-allowed}
.gpanel .btn.allin[hidden],body.noallin .gpanel .btn.allin{display:none}
@keyframes allinpulse{50%{box-shadow:0 0 0 4px #ff9a3c33,0 0 26px #ff7a1a77}}
@media(max-width:900px){.gpanel .btn.allin{order:-1;margin:-4px 0 12px}}
body.nomotion .gpanel .btn.allin.armed{animation:none}

/* ================= Snowbets Sports ================= */
.cstog{display:flex;gap:2px;margin-left:14px;padding:3px;border-radius:99px;background:var(--p1)}.cstog a{padding:6px 14px;border-radius:99px;font-weight:800;font-size:13px;color:var(--mu)}.cstog a:hover{color:#fff}.cstog a.on{background:var(--p3);color:#fff}
.hslide.s22{background:linear-gradient(115deg,#2fd27a,#0d5a3a 50%,#06261c)}
.spage{max-width:1400px;margin:0 auto;padding:18px 20px 40px}
.sphero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-radius:14px;background:radial-gradient(120% 140% at 0% 0%,#1d6b45 0%,#0f3a2a 45%,var(--p1) 100%);box-shadow:inset 0 0 0 1px #ffffff10;margin-bottom:12px}
.sphl{display:flex;align-items:center;gap:14px;min-width:0}.sphl h1{margin:0;font-size:24px}.sphl p{margin:4px 0 0;color:#cfe9da;font-size:13.5px;max-width:640px}
.sphico{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#ffffff1a}.sphico svg{width:28px;height:28px;color:#8affc8}
.sptabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0 10px;margin-bottom:6px}.sptabs::-webkit-scrollbar{display:none}
.sptab{flex:none;display:flex;align-items:center;gap:7px;padding:9px 14px;border-radius:99px;background:var(--p2);color:var(--mu);font-weight:800;font-size:13.5px;white-space:nowrap}
.sptab svg{width:17px;height:17px}.sptab:hover{color:#fff;background:var(--p3)}.sptab.on{background:var(--acc);color:var(--accd)}
.spcount{font-style:normal;min-width:18px;padding:1px 6px;border-radius:99px;background:#ff3b5c;color:#fff;font-size:11px;text-align:center}.spcount[hidden]{display:none}
.sptab.on .spcount{background:var(--accd);color:#fff}
.splivedot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff3b5c;box-shadow:0 0 0 0 #ff3b5c88;animation:spdot 1.6s infinite;margin-right:2px}
@keyframes spdot{70%{box-shadow:0 0 0 7px #ff3b5c00}100%{box-shadow:0 0 0 0 #ff3b5c00}}
.spgrid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}
.spmain{min-width:0}
.spsec{margin-bottom:18px}.spsec>h2{display:flex;align-items:center;gap:8px;margin:6px 0 10px;font-size:16px}.spsec>h2 span{display:flex;align-items:center;gap:8px}
.spempty{display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:12px;background:var(--p2);color:var(--mu)}.spempty b{color:#fff}
.splives{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.splive{display:flex;flex-direction:column;gap:7px;padding:12px 14px 0;border-radius:12px;background:var(--p2);box-shadow:inset 0 0 0 1px #ffffff0d;overflow:hidden;color:#fff}
.splive:hover{background:var(--p3)}
.splhead{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mu)}.splhead>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.spclock{flex:none!important;color:#ff6b84;font-weight:800;font-variant-numeric:tabular-nums}.spclock.done{color:var(--mu)}
.splt{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px}.splt span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.splt b{font-size:18px;font-variant-numeric:tabular-nums;min-width:22px;text-align:right}
.spcx{font-size:12px;color:var(--mu);min-height:16px;font-variant-numeric:tabular-nums}
.spprog{height:3px;background:#ffffff14;margin:4px -14px 0}.spprog i{display:block;height:100%;background:linear-gradient(90deg,#ff3b5c,#ff8a3d);transition:width 1s linear}
.splives.big .splive{padding-top:14px}.splives.big .splt b{font-size:22px}
.spblock{margin-bottom:12px;border-radius:12px;background:var(--p2);overflow:hidden}
.splg{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--p1);font-size:13px}.splg small{color:var(--mu)}.splgr{margin-left:auto}
.sphdr{display:grid;gap:6px;width:calc(var(--oddw,74px) * var(--n) + 6px * (var(--n) - 1));margin-right:58px;color:var(--mu);font-weight:800;font-size:12px;text-align:center}.sphdr.n3{--n:3;grid-template-columns:repeat(3,1fr)}.sphdr.n2{--n:2;grid-template-columns:repeat(2,1fr)}
.sprow{display:grid;grid-template-columns:62px minmax(0,1fr) auto 52px;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid #ffffff0a}
.spko{display:flex;flex-direction:column;font-variant-numeric:tabular-nums}.spko b{font-size:13px}.spko small{color:var(--mu);font-size:11.5px}
.spteams{display:flex;flex-direction:column;gap:5px;min-width:0;color:#fff}.spteams:hover span{text-decoration:underline}
.spteam{display:flex;align-items:center;gap:8px;min-width:0;font-weight:700;font-size:14px}.spteam span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spteam .spsc{margin-left:auto;font-variant-numeric:tabular-nums}
.spcrest{flex:none;display:block}
.spodds{display:grid;gap:6px}.spodds.n3{grid-template-columns:repeat(3,var(--oddw,74px))}.spodds.n2{grid-template-columns:repeat(2,var(--oddw,74px))}
.spodd{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:42px;padding:6px 10px;border-radius:8px;background:var(--p3);color:var(--mu);font-size:12.5px;font-weight:700;text-align:left;transition:background .12s,transform .12s}
.spodd b{color:#fff;font-size:14px;font-variant-numeric:tabular-nums}
.spodd:hover:not(:disabled){background:var(--p4)}.spodd:active:not(:disabled){transform:scale(.97)}
.spodd.on,.spodd.on:hover:not(:disabled){background:var(--acc);color:var(--accd)}.spodd.on b{color:var(--accd)}
.spodd:disabled{opacity:.45;cursor:not-allowed}
.spodd.won{opacity:1;background:color-mix(in srgb,var(--win) 28%,var(--p3));box-shadow:inset 0 0 0 2px var(--win)}.spodd.won b{color:#fff}
.spmore{display:flex;align-items:center;justify-content:flex-end;gap:2px;color:var(--mu);font-weight:800;font-size:12.5px}.spmore svg{width:14px;height:14px}.spmore:hover{color:#fff}
.spres{display:flex;flex-direction:column}
.spresr{display:grid;grid-template-columns:150px minmax(0,1fr) 110px;align-items:center;gap:12px;padding:10px 14px;border-top:1px solid #ffffff0a;color:#fff}.spresr:hover{background:var(--p3)}
.spresr>small{color:var(--mu)}.sprrt{display:flex;flex-direction:column;gap:5px;min-width:0}.sprst{justify-self:end;color:var(--mu);font-size:12.5px;font-weight:700;text-align:right}
.spsec>.spres{border-radius:12px;background:var(--p2);overflow:hidden}
/* match page */
.spback{display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;color:var(--mu);font-weight:700;font-size:13px}.spback svg{width:14px;height:14px}.spback:hover{color:#fff}
.spboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:22px 18px;border-radius:14px;color:#fff;background:linear-gradient(180deg,#0000,#0006),var(--spbg,#1e3446);box-shadow:inset 0 0 0 1px #ffffff12;position:relative;overflow:hidden}
.spboard::before{content:"";position:absolute;inset:0;opacity:.18;pointer-events:none;background:var(--spline)}
.spboard.football{--spbg:linear-gradient(90deg,#1c7a45,#23904f 50%,#1c7a45);--spline:linear-gradient(90deg,transparent calc(50% - 1px),#fff calc(50% - 1px),#fff calc(50% + 1px),transparent calc(50% + 1px)),radial-gradient(circle at 50% 50%,transparent 46px,#fff 47px,#fff 49px,transparent 50px)}
.spboard.basketball{--spbg:linear-gradient(90deg,#9a5a24,#b8722f 50%,#9a5a24);--spline:linear-gradient(90deg,transparent calc(50% - 1px),#fff calc(50% - 1px),#fff calc(50% + 1px),transparent calc(50% + 1px)),radial-gradient(circle at 50% 50%,transparent 38px,#fff 39px,#fff 41px,transparent 42px)}
.spboard.hockey{--spbg:linear-gradient(90deg,#cfe4f2,#e8f4fb 50%,#cfe4f2);--spline:linear-gradient(90deg,transparent calc(50% - 2px),#d0021b calc(50% - 2px),#d0021b calc(50% + 2px),transparent calc(50% + 2px)),linear-gradient(90deg,transparent 30%,#1d4fd8 30%,#1d4fd8 31%,transparent 31%,transparent 69%,#1d4fd8 69%,#1d4fd8 70%,transparent 70%)}
.spboard.hockey{color:#0b1822}.spboard.hockey .spmt small,.spboard.hockey .spmid small{color:#2a445a}
.spboard.tennis{--spbg:linear-gradient(90deg,#1d5fb0,#2a74c9 50%,#1d5fb0);--spline:linear-gradient(90deg,transparent calc(50% - 1px),#fff calc(50% - 1px),#fff calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(0deg,transparent 20%,#fff 20%,#fff calc(20% + 2px),transparent calc(20% + 2px),transparent 80%,#fff 80%,#fff calc(80% + 2px),transparent calc(80% + 2px))}
.spboard.hockey::before{opacity:.32}
.spmt{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;min-width:0}.spmt b{font-size:16px}.spmt small{color:#ffffffb3;font-size:12px}
.spmid{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:150px;text-align:center}.spmid small{color:#ffffffb3}
.spmcd{font-size:28px;font-weight:900;font-variant-numeric:tabular-nums}
.spmsc{display:flex;align-items:center;gap:12px;font-size:42px;font-weight:900;font-variant-numeric:tabular-nums;line-height:1}.spmsc span{opacity:.6;font-size:30px}
.spmclock{padding:3px 10px;border-radius:99px;background:#ff3b5c;color:#fff;font-weight:800;font-size:13px;font-variant-numeric:tabular-nums}.spmclock.done{background:#0b1822aa}
.spmid .spprog{width:150px;margin:6px 0 0;border-radius:2px;overflow:hidden}
.spmdet{display:grid;gap:10px;margin-top:10px}.spmdet:empty{display:none}
.spev{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:12px;background:var(--p2)}
.spevr{display:flex;align-items:center;gap:8px;font-size:13.5px}.spevr span{min-width:58px;color:var(--mu);font-variant-numeric:tabular-nums;font-weight:700}.spevr em{font-style:normal;color:var(--mu)}.spevr.A{flex-direction:row-reverse;text-align:right}.spevr.A span{text-align:right}
.spqt{width:100%;border-collapse:collapse;border-radius:12px;overflow:hidden;background:var(--p2);font-variant-numeric:tabular-nums}.spqt th,.spqt td{padding:9px 10px;text-align:center;font-size:13.5px}.spqt th:first-child{text-align:left}.spqt tr+tr{border-top:1px solid #ffffff0d}.spqt tr:first-child th{color:var(--mu);font-size:12px}.spqt .tt{font-weight:900;color:var(--acc)}.spqt td.lv{color:#ff6b84;font-weight:800}
.spserve{display:inline-block;width:7px;height:7px;margin-left:6px;border-radius:50%;background:#e6ff3d;vertical-align:middle}
.spstats{display:grid;gap:10px;padding:14px;border-radius:12px;background:var(--p2)}
.spstl{display:flex;justify-content:space-between;font-size:13px;color:var(--mu)}.spstl b{color:#fff;font-variant-numeric:tabular-nums}
.spstb{display:flex;gap:4px;height:6px;margin-top:5px}.spstb i{display:block;height:100%;border-radius:3px;background:var(--acc);transition:width .6s}.spstb i+i{background:#ff8a3d}
.spclosed{display:flex;align-items:center;gap:8px;margin:12px 0 0;padding:10px 14px;border-radius:10px;background:#ff3b5c1f;color:#ffb3c0;font-size:13px;font-weight:700}.spclosed svg{width:16px;height:16px}
.spmks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.spmk{padding:12px 14px;border-radius:12px;background:var(--p2)}.spmk h3{margin:0 0 10px;font-size:13.5px;color:var(--mu)}
.spmk.grid{grid-column:1/-1}
.spmkp{display:grid;gap:6px}.spmkp.n2{grid-template-columns:repeat(2,minmax(0,1fr))}.spmkp.n3{grid-template-columns:repeat(3,minmax(0,1fr))}.spmkp.n1{grid-template-columns:minmax(0,1fr)}
.spmk.grid .spmkp{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}
.spmkp .spodd span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.spfair{margin-top:14px}
/* bet slip */
.spslip{position:sticky;top:calc(var(--topH) + 12px);display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - var(--topH) - 24px);overflow:auto;padding:14px;border-radius:14px;background:var(--p2);box-shadow:inset 0 0 0 1px #ffffff0d}
.spslh{display:flex;align-items:center;gap:8px}.spslh>b{font-size:15px}.spslh .lnk{margin-left:auto;font-size:12.5px}.spslx{display:none}
.spfabn{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:var(--acc);color:var(--accd);font-weight:900;font-size:12px}
.spslempty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 10px;text-align:center;color:var(--mu)}.spslempty svg{width:30px;height:30px;opacity:.6}.spslempty b{color:#fff}
.spslbets{align-self:stretch;text-align:center}
.spplaced{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:10px;background:color-mix(in srgb,var(--win) 16%,var(--p3));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--win) 50%,transparent)}.spplaced small{color:#d5f5e3}.spplaced .btn{align-self:flex-start}
.spmode{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:3px;border-radius:10px;background:var(--p1)}.spmode button{padding:8px;border-radius:8px;font-weight:800;color:var(--mu)}.spmode button[aria-pressed=true]{background:var(--p3);color:#fff}.spmode button:disabled{opacity:.4}
.spslls{display:flex;flex-direction:column;gap:8px}
.spsll{padding:10px 10px 10px 12px;border-radius:10px;background:var(--p3)}.spsll.bad{box-shadow:inset 0 0 0 2px var(--loss)}
.spsllt{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:start;gap:8px}.spsllt>div{display:flex;flex-direction:column;gap:2px;min-width:0}.spsllt small{color:var(--mu);font-size:11.5px;overflow:hidden;text-overflow:ellipsis}
.spsllt .spslw{color:var(--loss);font-weight:700}.spsllt .spslw:empty{display:none}
.spslo{font-size:15px;color:var(--acc);font-variant-numeric:tabular-nums;padding-top:1px}
.spslst{display:flex;align-items:center;gap:10px;margin-top:8px}.spslst small{color:var(--win);font-size:12px;font-weight:700}
.spstake{display:flex;align-items:center;gap:6px;flex:1;max-width:150px;padding:0 10px;border-radius:8px;background:var(--p1);box-shadow:inset 0 0 0 1px var(--ln)}.spstake input{flex:1;min-width:0;height:38px;background:none;border:0;color:#fff;font-weight:700;font-size:14px}
.spmulti .spstake{max-width:none}
.spmulti{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:10px;background:var(--p1)}.spmo{display:flex;justify-content:space-between;font-size:13px;color:var(--mu)}.spmo b{color:var(--acc);font-size:16px}
.spquick{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.spquick button{padding:7px 0;border-radius:7px;background:var(--p3);font-weight:800;font-size:12px}.spquick button:hover{background:var(--p4)}
.spsum{display:flex;flex-direction:column;gap:6px;padding-top:6px;border-top:1px solid #ffffff12}.spsum>div{display:flex;justify-content:space-between;font-size:13.5px;color:var(--mu)}.spsum b{color:#fff}.spsum b.up{color:var(--win)}
.spslerr:empty{display:none}
.spplace{width:100%}
.spslnote{text-align:center;font-size:11.5px}
.spfab{display:none}
/* my bets */
.spbets{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.spbet{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:12px;background:var(--p2);box-shadow:inset 3px 0 0 var(--mu2)}.spbet.won{box-shadow:inset 3px 0 0 var(--win)}.spbet.lost{box-shadow:inset 3px 0 0 var(--loss);opacity:.85}.spbet.open{box-shadow:inset 3px 0 0 var(--acc)}
.spbh{display:flex;align-items:center;gap:8px}.spbh small{margin-left:auto;color:var(--mu)}
.spchip{padding:2px 8px;border-radius:99px;font-size:11px;font-weight:800;background:var(--p3);color:var(--mu)}.spchip.won{background:var(--win);color:#052914}.spchip.lost{background:#ff4d6a33;color:#ff8fa3}.spchip.open{background:#39c6ff26;color:var(--acc)}
.spbl{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:8px;align-items:start;font-size:13px}.spbl>div{display:flex;flex-direction:column;gap:2px;min-width:0}.spbl small{color:var(--mu);font-size:11.5px}.spbl .spfs{color:#d5e3ee}
.spbli{width:10px;height:10px;margin-top:4px;border-radius:50%;background:var(--mu2)}.spbl.won .spbli{background:var(--win)}.spbl.lost .spbli{background:var(--loss)}.spbl.open .spbli{background:var(--acc)}.spbl.void .spbli{background:var(--mu)}
.spblr{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}
.spbf{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;padding-top:8px;border-top:1px solid #ffffff12;font-size:12.5px;color:var(--mu)}.spbf b{color:#fff}.spbf b.up{color:var(--win)}
.sphow h3{margin:14px 0 4px;font-size:15px}.sphow p{margin:0 0 8px;color:#d5e3ee;line-height:1.55}
@media(max-width:1100px){
  .spgrid{grid-template-columns:minmax(0,1fr)}
  .spslip{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:60;max-height:min(80vh,640px);border-radius:16px 16px 0 0;transform:translateY(105%);visibility:hidden;transition:transform .25s ease,visibility 0s .25s;box-shadow:0 -10px 40px #0009;padding-bottom:calc(14px + env(safe-area-inset-bottom))}
  .spslip.open{transform:none;visibility:visible;transition:transform .25s ease}.spslx{display:grid;margin-left:4px}.spslh .lnk{margin-left:auto}
  .spfab{position:fixed;z-index:55;right:16px;bottom:calc(var(--bnavH,0px) + 16px);display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:99px;background:var(--acc);color:var(--accd);font-weight:900;box-shadow:0 8px 24px #0008}
  .spfab[hidden]{display:none}.spfab em{font-style:normal;opacity:.8}.spfab .spfabn{background:var(--accd);color:#fff}
  .spfab.pop{animation:sppop .35s}
  body.spslipopen .spfab{display:none}
}
@keyframes sppop{40%{transform:scale(1.12)}}
@media(max-width:900px){.spfab{--bnavH:64px}}
@media(max-width:700px){
  .spage{padding:12px 12px 90px}.sphero{padding:14px}.sphero .sphowb{display:none}.sphl h1{font-size:20px}.sphl p{font-size:12.5px}.sphico{width:40px;height:40px}
  .sprow{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"ko more" "teams teams" "odds odds";row-gap:8px}
  .spko{grid-area:ko;flex-direction:row;gap:8px;align-items:baseline}.spteams{grid-area:teams}.spodds{grid-area:odds}.spmore{grid-area:more}
  .spodds.n3{grid-template-columns:repeat(3,minmax(0,1fr))}.spodds.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sphdr{display:none}
  .spresr{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"meta st" "teams teams"}.spresr>small{grid-area:meta}.sprrt{grid-area:teams}.sprst{grid-area:st}
  .spboard{padding:16px 10px;gap:6px}.spmt b{font-size:13px}.spmid{min-width:110px}.spmsc{font-size:32px;gap:8px}.spmcd{font-size:22px}.spmid .spprog{width:110px}
  .spmks{grid-template-columns:minmax(0,1fr)}
  .spbets{grid-template-columns:minmax(0,1fr)}
}

.sphero .sphowb{flex:none;width:auto}
.spstake input:focus{outline:none}.spstake:focus-within{box-shadow:inset 0 0 0 2px var(--acc)}
.spall{display:inline-flex;align-items:center;gap:4px;margin-top:10px;color:var(--acc);font-weight:800;font-size:13px}.spall svg{width:14px;height:14px}
@media(max-width:900px){.cstog{display:none}}
@media(max-width:700px){.splives{display:grid;grid-auto-flow:column;grid-auto-columns:82%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;scrollbar-width:none}.splives::-webkit-scrollbar{display:none}.splive{scroll-snap-align:start}
  .splives.big{grid-auto-flow:row;grid-template-columns:minmax(0,1fr);overflow:visible}}

.spmkp+.spmkp{margin-top:6px}

/* ===== game screen upgrades (Settings → Games) ===== */
.gbm{flex:1;min-width:0;justify-content:center;font-style:normal}.gbwm{display:flex;align-items:center;gap:7px;font-weight:900;font-style:italic}
.ghist{display:flex;gap:4px;min-width:0;overflow:hidden;justify-content:center;font-style:normal;mask-image:linear-gradient(90deg,#000 80%,transparent)}
.ghist:not(:empty)+.gbwm{display:none}
.ghp{flex:none;padding:3px 8px;border-radius:99px;background:var(--p3);color:var(--mu);font-size:11.5px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.ghp.w{background:color-mix(in srgb,var(--win) 22%,var(--p2));color:var(--win)}.ghp.p{color:#d5e3ee}
.ghp.new{animation:ghpin .35s ease-out}@keyframes ghpin{from{transform:translateX(-14px);opacity:0}}
.gsess{display:flex;align-items:baseline;gap:6px;margin-left:4px;padding:5px 10px;border-radius:99px;background:var(--p2);font-variant-numeric:tabular-nums;white-space:nowrap}.gsess small{color:var(--mu);font-size:11.5px}.gsess b{font-size:12.5px}.gsess b.up{color:var(--win)}.gsess b.dn{color:var(--loss)}
body.nohist .ghist{display:none}body.nohist .ghist+.gbwm{display:flex}body.nosess .gsess{display:none}
.gwinf{position:absolute;left:50%;top:14px;z-index:6;display:flex;align-items:center;gap:10px;padding:8px 16px;border-radius:12px;background:#0b1822e6;box-shadow:0 0 0 2px var(--win),0 10px 30px #0008;transform:translateX(-50%);pointer-events:none;animation:gwinf 1.7s ease forwards}
.gwinf b{font-size:20px;color:var(--win);font-variant-numeric:tabular-nums}.gwinf .amt{font-weight:800;color:#fff}.gwinf.big{box-shadow:0 0 0 2px var(--gold),0 0 30px #ffcf3d66}.gwinf.big b{color:var(--gold)}
@keyframes gwinf{0%{opacity:0;transform:translate(-50%,10px) scale(.9)}12%{opacity:1;transform:translate(-50%,0) scale(1.04)}20%{transform:translate(-50%,0) scale(1)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,-8px)}}
body.nomotion .gwinf{animation:none;opacity:1}
.qamts{display:none;grid-template-columns:repeat(5,1fr);gap:4px;margin:-6px 0 14px}.qamts .mini{min-height:32px;padding:0;border-radius:7px;background:var(--p3);font-size:12px}.qamts .mini:hover:not(:disabled){background:var(--p4)}
body.qchips .qamts{display:grid}
body.cpanel .gpanel{padding:10px 12px}body.cpanel .gpanel .fld{margin-bottom:8px}body.cpanel .gpanel .inbox input,body.cpanel .gpanel select{height:36px}body.cpanel .gpanel .btn.big{min-height:44px}body.cpanel .gpanel .tabs button{padding:7px}
/* game backgrounds apply to games that use the plain stage; games with their own scene (tables, Limbo's sky…) keep it */
body.stbg-dark{--stage-bg:#071017}
body.stbg-glow{--stage-bg:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--acc) 22%,var(--bg)),var(--bg) 70%)}
body.stbg-snow{--stage-bg:radial-gradient(circle at 20% 30%,#ffffff14 1px,transparent 1.6px) 0 0/38px 38px,radial-gradient(circle at 70% 70%,#ffffff10 1px,transparent 1.6px) 0 0/27px 27px,linear-gradient(180deg,color-mix(in srgb,var(--acc) 8%,var(--bg)),var(--bg))}
body.stbg-felt{--stage-bg:radial-gradient(120% 100% at 50% 30%,#1d6b45,#0d3a26 75%)}
@media(max-width:900px){.gbar{flex-wrap:wrap;row-gap:6px}.gbm{order:3;flex-basis:100%}.gsess{padding:4px 8px}}
/* settings: search and the games tab */
.ssearch{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:0 12px;border-radius:10px;background:var(--p1);box-shadow:inset 0 0 0 1px var(--ln)}.ssearch svg{width:16px;height:16px;color:var(--mu)}.ssearch input{flex:1;height:40px;background:none;border:0;color:#fff;font-size:14px}.ssearch input:focus{outline:none}
.ssearch:focus-within{box-shadow:inset 0 0 0 2px var(--acc)}
.spane .snone{padding:30px 10px;text-align:center;color:var(--mu)}
.spane section.shide,.spane .srow.shide,.spane .keys.shide{display:none}
.sfound h3::after{content:attr(data-tab);margin-left:8px;font-size:11px;font-weight:700;color:var(--mu);text-transform:none;letter-spacing:0}
@media(max-width:900px){.gbar .gbhk{display:none}.gbar .gbtx{display:none}}

/* ================= polish pass: buttons, fields, cards, tiles, menus, windows ================= */
html{scrollbar-color:var(--p3) var(--bg)}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--p3);border-radius:10px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--p4)}::-webkit-scrollbar-track{background:transparent}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
/* primary buttons: depth, a soft top light and a glow */
.btn.go{background:linear-gradient(180deg,color-mix(in srgb,var(--go,var(--acc)),#fff 16%),var(--go,var(--acc)) 52%,color-mix(in srgb,var(--go,var(--acc)),#000 10%));box-shadow:inset 0 1px 0 #ffffff55,inset 0 -2px 0 #00000026,0 6px 18px color-mix(in srgb,var(--go,var(--acc)) 30%,transparent)}
.btn.go:hover:not(:disabled){background:linear-gradient(180deg,color-mix(in srgb,var(--go,var(--acc)),#fff 26%),color-mix(in srgb,var(--go,var(--acc)),#fff 8%) 52%,var(--go,var(--acc)));box-shadow:inset 0 1px 0 #ffffff66,inset 0 -2px 0 #00000026,0 8px 24px color-mix(in srgb,var(--go,var(--acc)) 42%,transparent)}
.btn.go:active:not(:disabled){transform:translateY(1px) scale(.995);box-shadow:inset 0 2px 4px #0003}
.btn.go:disabled{filter:saturate(.6) brightness(.85);box-shadow:none}
.btn.cash{background:linear-gradient(180deg,#5cf7a2,var(--win) 55%,#14b862);box-shadow:inset 0 1px 0 #ffffff66,0 6px 18px #21e07a40}
.btn:not(.go):not(.cash):not(.stop):not(.allin){box-shadow:inset 0 1px 0 #ffffff10,0 2px 0 #0003}
.gpanel .btn.allin{background:linear-gradient(180deg,#2c1d12,#21160e);box-shadow:inset 0 0 0 1px #ff9a3c4d;color:#ffcf9a}
/* fields: an accent ring while typing */
.inbox:focus-within{border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 22%,transparent)}
.betin:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 22%,transparent)}
.betin .inbox:focus-within{box-shadow:none}
/* the game card */
.gcard{border-radius:14px;box-shadow:0 0 0 1px #ffffff0d,0 16px 40px #0006}
.gpanel{background:linear-gradient(180deg,var(--p2),color-mix(in srgb,var(--p2),#000 12%))}
.stage{box-shadow:inset 0 0 90px #0000004d}
.tabs{box-shadow:inset 0 0 0 1px #ffffff08}
/* lobby tiles: lift, an accent ring and a light sweep */
.gtile{box-shadow:0 6px 14px #0005}
.gtile::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 38%,#ffffff2b 50%,transparent 62%);transform:translateX(-120%);pointer-events:none;transition:transform .7s ease}
.gtile:hover{box-shadow:0 16px 30px #0009,0 0 0 2px color-mix(in srgb,var(--acc) 60%,transparent)}
.gtile:hover::after{transform:translateX(120%)}
body.nomotion .gtile::after{display:none}
/* top bar and menu */
.top{background:color-mix(in srgb,var(--top) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 #ffffff0a,0 6px 18px #0005}
.nav{transition:background .12s,color .12s}
.nav[aria-current]{background:linear-gradient(90deg,color-mix(in srgb,var(--acc) 18%,var(--p3)),var(--p3));box-shadow:inset 3px 0 0 var(--acc)}
.nav[aria-current] svg{color:var(--acc)}
.rhead h2 svg{color:var(--acc)}
/* windows and pop-ups */
.scrim{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.modal{border-radius:16px;box-shadow:0 0 0 1px #ffffff12,0 30px 70px #000c}
.toastx{background:color-mix(in srgb,var(--p2) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;box-shadow:0 0 0 1px #ffffff12,0 14px 30px #0009}
.wpill{box-shadow:inset 0 0 0 1px #ffffff0d}
/* ===== games ===== */
/* dice: the roll, big, above the slider */
.dice{gap:34px;padding-top:72px}
.dres{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:84px;margin-bottom:16px}
.dres b{font-size:58px;line-height:1;font-weight:900;font-variant-numeric:tabular-nums;color:#e8eef5;letter-spacing:-1px;transition:color .2s,text-shadow .2s}
.dres small{color:var(--mu);font-weight:700;font-size:13px}
.dres.win b{color:var(--win);text-shadow:0 0 30px #21e07a55}.dres.lose b{color:var(--loss);text-shadow:0 0 30px #ff4d6a40}.dres.roll b{color:#fff}
@media(max-width:900px){.dice{gap:22px;padding-top:68px}.dres{min-height:62px;margin-bottom:10px}.dres b{font-size:42px}}
/* card shoe on Blackjack and Baccarat: a slanted shoe with a card in the slot */
.shoe{background:none;border:0;box-shadow:none;width:86px;height:58px;filter:drop-shadow(0 8px 10px #0009)}
.shoe::before{content:"";position:absolute;inset:0;background:linear-gradient(165deg,#3a4f63,#1a2833 55%,#0d161d);clip-path:polygon(0 34%,100% 0,100% 100%,0 100%);border-radius:5px}
.shoe::after{left:8px;right:auto;top:26px;width:34px;height:22px;border-radius:3px;background:repeating-linear-gradient(45deg,#c8102e 0 3px,#8f0a1f 3px 6px);border:2px solid #f4f7fa;transform:skewY(-16deg)}
@media(max-width:900px){.bacc .shoe,.bj .shoe{width:54px;height:36px}.bacc .shoe::after,.bj .shoe::after{left:5px;right:auto;top:15px;width:22px;height:14px;border-width:1.5px}}
/* table felt: a soft weave */
.bj,.bacc{background-image:radial-gradient(#ffffff08 1px,transparent 1.2px),var(--felt-bg,none);background-size:6px 6px,auto}
.bj{--felt-bg:radial-gradient(ellipse 90% 70% at 50% 40%,#16505e,#0b2f3a 60%,#0a1f28)}.bacc{--felt-bg:radial-gradient(ellipse at 50% 30%,#123e6e,#0a1f3a 70%)}
/* empty card spots on the tables before the deal */
.bj .bseat.dealer .bhand:empty,.bj .bhands:empty,.bacc .bchand:empty{position:relative}
.bj .bseat.dealer .bhand:empty::before,.bj .bhands:empty::before,.bacc .bchand:empty::before{content:"";position:absolute;left:50%;top:50%;width:72px;height:100px;transform:translate(-50%,-50%);border:2px dashed #ffffff2e;border-radius:9px;box-shadow:24px 0 0 -2px #00000000}
.bj .bseat.dealer .bhand:empty::after,.bj .bhands:empty::after,.bacc .bchand:empty::after{content:"";position:absolute;left:calc(50% + 26px);top:50%;width:72px;height:100px;transform:translate(-50%,-50%) rotate(4deg);border:2px dashed #ffffff1c;border-radius:9px}
@media(max-width:900px){.bj .bseat.dealer .bhand:empty::before,.bj .bhands:empty::before,.bacc .bchand:empty::before,.bj .bseat.dealer .bhand:empty::after,.bj .bhands:empty::after,.bacc .bchand:empty::after{width:54px;height:76px}}

/* ===== All in button: dark face, a flame-gradient rim, the amount on the right; armed = full flame with a 3 s timer ===== */
.gpanel .btn.allin{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 14px;overflow:hidden;border:2px solid transparent;border-radius:var(--r);
  background:linear-gradient(180deg,#1f2a36,#17202a) padding-box,linear-gradient(90deg,#ffc23d,#ff6a2b 55%,#ff2d6f) border-box;color:#fff;font-weight:900;font-size:14px;letter-spacing:.02em;
  box-shadow:0 6px 18px #ff6a2b1f;transition:transform .12s,box-shadow .2s,filter .2s}
.gpanel .btn.allin .aiico{flex:none;width:17px;height:17px;color:#ff9a2b;filter:drop-shadow(0 0 6px #ff7a2b88)}
.gpanel .btn.allin .ailbl{background:linear-gradient(90deg,#ffd27a,#ff8a4a);-webkit-background-clip:text;background-clip:text;color:transparent}
.gpanel .btn.allin .aiamt{display:flex;align-items:center;gap:4px;margin-left:4px;padding-left:10px;border-left:1px solid #ffffff22;font-size:12.5px;font-weight:800;color:#d5e3ee;font-variant-numeric:tabular-nums}
.gpanel .btn.allin .aiamt .coin{width:13px;height:13px}
.gpanel .btn.allin:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(180deg,#2a2420,#1f1b18) padding-box,linear-gradient(90deg,#ffd25a,#ff7a3b 55%,#ff3d7f) border-box;box-shadow:0 10px 26px #ff6a2b3d}
.gpanel .btn.allin:active:not(:disabled){transform:translateY(1px)}
.gpanel .btn.allin.armed,.gpanel .btn.allin.armed:hover:not(:disabled){animation:none;background:linear-gradient(90deg,#ffc23d,#ff6a2b 55%,#ff2d6f) padding-box,linear-gradient(90deg,#ffc23d,#ff6a2b 55%,#ff2d6f) border-box;box-shadow:0 0 0 3px #ff6a2b33,0 10px 28px #ff4a3a66;transform:none}
.gpanel .btn.allin.armed .ailbl{background:none;color:#240a00}.gpanel .btn.allin.armed .aiico{color:#240a00;filter:none}.gpanel .btn.allin.armed .aiamt{color:#240a00;border-left-color:#24000033}
.gpanel .btn.allin.armed::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:#fff;opacity:.75;transform-origin:left;animation:aitimer 3s linear forwards}
@keyframes aitimer{to{transform:scaleX(0)}}
.gpanel .btn.allin:disabled{filter:grayscale(.7) brightness(.8);opacity:.6;box-shadow:none}
body.nomotion .gpanel .btn.allin.armed::after{animation:none}
body.streamer .gpanel .btn.allin .aiamt b{letter-spacing:1px}
@media(max-width:900px){.gpanel .btn.allin{min-height:42px}}
/* sports bet slip: the All in quick stake in the same flame colours */
.spquick .spallin{background:linear-gradient(90deg,#ffc23d,#ff6a2b 55%,#ff2d6f);color:#240a00;font-weight:900}.spquick .spallin:hover{filter:brightness(1.08)}
/* bet panel details: Manual/Auto pill, ½ 2× keys, quick amounts */
.gpanel .tabs{background:var(--bg);padding:4px;border-radius:999px}.gpanel .tabs button{border-radius:999px;transition:background .15s,color .15s}
.gpanel .tabs button[aria-selected=true]{background:linear-gradient(180deg,var(--p4),var(--p3));box-shadow:inset 0 1px 0 #ffffff1a,0 2px 6px #0004;color:#fff}
.betin .mini{position:relative;transition:background .12s,color .12s}.betin .mini+.mini::before{content:"";position:absolute;left:-1px;top:25%;bottom:25%;width:1px;background:#ffffff1a}
.qamts .mini{box-shadow:inset 0 1px 0 #ffffff10}.qamts .mini:active:not(:disabled){transform:translateY(1px)}
.bal-mini{font-variant-numeric:tabular-nums}
.gpanel .btn.allin .ailbl,.gpanel .btn.allin .aiamt{white-space:nowrap}
/* the Bet button: a light sweep on hover */
.gpanel .btn.big.go{position:relative;overflow:hidden}
.gpanel .btn.big.go::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#ffffff40 50%,transparent 65%);transform:translateX(-120%);pointer-events:none}
.gpanel .btn.big.go:hover:not(:disabled)::after{transform:translateX(120%);transition:transform .7s ease}
body.nomotion .gpanel .btn.big.go::after{display:none}
/* bet tables: game thumbnails and coloured multipliers */
.tbl .gname{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;row-gap:0}
.gthumb{flex:none;display:block;width:28px;height:28px;border-radius:7px;overflow:hidden;background:var(--p3);box-shadow:0 2px 6px #0005}
.gthumb>svg{display:block;width:28px;height:37px;margin-top:-2px}
.gthumb>svg[aria-hidden]{width:16px;height:16px;margin:6px}
.tbl .gsub{flex-basis:100%;margin-left:38px;color:var(--mu);font-size:11.5px;font-weight:600;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mpill{display:inline-block;min-width:58px;padding:3px 9px;border-radius:99px;background:var(--p3);color:var(--mu);font-weight:800;font-size:12.5px;text-align:center;font-variant-numeric:tabular-nums}
.mpill.w{background:color-mix(in srgb,var(--win) 20%,var(--p2));color:var(--win)}.mpill.p{color:#d5e3ee}
.tbl tbody tr.brow{transition:background .12s}.tbl tbody tr.brow:hover{background:color-mix(in srgb,var(--acc) 7%,transparent)}
/* lobby: the sports strip */
.lsports .rhead h2{gap:8px}.lsnew{display:inline-flex;align-items:center;gap:6px;margin-left:6px;padding:2px 9px;border-radius:99px;background:#ff3b5c22;color:#ff8fa3;font-style:normal;font-size:11.5px;font-weight:800}
.lstrack{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.lscard{display:flex;flex-direction:column;gap:7px;padding:12px 14px 0;border-radius:12px;background:linear-gradient(160deg,color-mix(in srgb,#2fd27a 10%,var(--p2)),var(--p2) 60%);box-shadow:inset 0 0 0 1px #ffffff0d;color:#fff;overflow:hidden;transition:transform .15s,box-shadow .15s}
.lscard:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px #ffffff14,0 12px 24px #0007}
.lscard.live{background:linear-gradient(160deg,color-mix(in srgb,#ff3b5c 12%,var(--p2)),var(--p2) 60%)}
.lshd{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mu)}.lshd>span:first-of-type{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lsclock{flex:none;font-weight:800;font-variant-numeric:tabular-nums;color:#9ff0c8}.lscard.live .lsclock{color:#ff6b84}.lsclock.done{color:var(--mu)!important}
.lsteam{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13.5px}.lsteam span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lsteam b{font-size:16px;font-variant-numeric:tabular-nums}
.lsodds{display:flex;gap:6px;margin:2px -2px 12px}.lsodds span{flex:1;display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-radius:7px;background:var(--p3);font-size:12px}.lsodds small{color:var(--mu);font-weight:800}.lsodds b{font-variant-numeric:tabular-nums}
.lscard .spprog{margin:4px -14px 0}
@media(max-width:1100px){.lstrack{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.lstrack{grid-auto-flow:column;grid-auto-columns:78%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.lstrack::-webkit-scrollbar{display:none}.lscard{scroll-snap-align:start}}
/* leaderboard: your standing as a guest */
.lbguest{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:0 0 12px;padding:14px 16px;border-radius:12px;background:linear-gradient(120deg,color-mix(in srgb,var(--acc) 16%,var(--p2)),var(--p2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 30%,transparent)}
.lbguest .av{width:40px;height:40px;font-size:16px}.lbguest b{display:block;font-size:15px}.lbguest small{color:var(--mu)}.lbguest .lbgv{text-align:right}.lbguest .lbgv b{font-size:18px}
/* ===== horse racing ===== */
.sprow.race .sprace{gap:3px}.sprace b{font-size:14px}.sprace small{color:var(--mu);font-size:12px}.sprsilks{display:flex;gap:3px;margin-top:3px}.sprsilks .spcrest{width:18px;height:18px}
.sprow.race .spodd span{max-width:62px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sppos{display:inline-grid;place-items:center;flex:none;width:18px;height:18px;border-radius:5px;background:var(--p3);font-style:normal;font-size:11px;font-weight:900;color:#fff}
.splrace{display:flex;flex-direction:column;gap:6px}.splive.race .splt{font-size:13.5px}
.spboard.horse{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:16px 18px;background:linear-gradient(180deg,#2b6a3c,#1f5530 60%,#184628);color:#fff}
.spboard.horse::before{display:none}
.rbh{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.rbh b{font-size:17px}.rbh small{color:#d6f5df}
.spboard.horse .spmmid{flex-direction:row;justify-content:center;gap:14px;min-width:0}.spboard.horse .spmmid .spprog{width:200px;margin:0}
.rcourse{position:relative;display:flex;flex-direction:column;gap:3px;padding:8px 10px;border-radius:12px;background:repeating-linear-gradient(90deg,#3d8a4f 0 34px,#378047 34px 68px);box-shadow:inset 0 0 0 3px #ffffff40,inset 0 0 24px #0005}
.rlane{display:flex;align-items:center;gap:8px;height:30px}.rlane em{flex:none;width:18px;font-style:normal;font-size:11px;font-weight:900;color:#ffffffb3;text-align:center}
.rtrack{position:relative;flex:1;height:100%;border-bottom:1px dashed #ffffff33}.rlane:last-of-type .rtrack{border-bottom:0}
.rhorse{position:absolute;top:50%;left:0;transform:translateY(-50%);transition:left 1s linear;filter:drop-shadow(0 3px 3px #0007)}
.rhorse .spcrest{display:block;width:26px;height:26px}
.rlane.won .rhorse{filter:drop-shadow(0 0 8px #ffd23d)}
.rfinish{position:absolute;right:10px;top:6px;bottom:6px;width:6px;background:repeating-linear-gradient(0deg,#fff 0 6px,#111 6px 12px);border-radius:2px;opacity:.85}
.rorder{display:flex;flex-wrap:wrap;gap:6px;min-height:28px}.rpos{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:99px;background:#0b182299;font-size:12.5px;font-weight:800}
.rpos em{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#ffffff26;font-style:normal;font-size:11px}
.rpos.p1 em{background:#ffd23d;color:#3a2a00}.rpos.p2 em{background:#d8e0e8;color:#1b2533}.rpos.p3 em{background:#e0a36b;color:#3a1a00}
.rcard{display:flex;flex-direction:column;margin-top:12px;border-radius:12px;background:var(--p2);overflow:hidden}
.rch,.rcr{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(60px,.7fr) repeat(3,minmax(64px,.6fr));align-items:center;gap:8px;padding:8px 14px}
.rch{background:var(--p1);color:var(--mu);font-size:12px;font-weight:800}.rch span:nth-child(n+3){text-align:center}
.rcr{border-top:1px solid #ffffff0a}.rcr.p1{background:color-mix(in srgb,#ffd23d 10%,transparent)}.rcr.p2{background:color-mix(in srgb,#d8e0e8 7%,transparent)}.rcr.p3{background:color-mix(in srgb,#e0a36b 8%,transparent)}
.rcn{display:flex;align-items:center;gap:10px;min-width:0}.rcn>div{display:flex;flex-direction:column;min-width:0}.rcn b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rcn small{color:var(--mu);font-size:11.5px}
.rcf{height:6px;border-radius:3px;background:var(--p3);overflow:hidden}.rcf i{display:block;height:100%;background:linear-gradient(90deg,#39c6ff,#21e07a)}
.rcr .spodd{justify-content:center;min-height:38px}.rcr .spodd span{display:none}
.lsrace{display:flex;flex-direction:column;gap:6px;min-height:46px}
@media(max-width:700px){.rch,.rcr{grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(54px,.6fr));padding:8px 10px}.rch span:nth-child(2),.rcf{display:none}.rlane{height:24px}.rhorse .spcrest{width:22px;height:22px}.spboard.horse .spmmid .spprog{width:120px}}

/* the scoreboard's centre column (class used by the match and race pages) */
.spmmid{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:150px;text-align:center}.spmmid small{color:#ffffffb3}
.spmmid .spprog{width:150px;margin:6px 0 0;border-radius:2px;overflow:hidden}
.spboard.hockey .spmmid small{color:#2a445a}
@media(max-width:700px){.spmmid{min-width:110px}.spmmid .spprog{width:110px}}
.spboard.horse .spmmid{flex-direction:row;justify-content:center;gap:14px;min-width:0}.spboard.horse .spmmid .spprog{width:200px;margin:0}.spboard.horse .spmclock{flex:none}
.sprow.race .spodd span{display:flex;align-items:center}.sprow.race .spodd .spcrest{width:18px;height:18px}
/* ===== sports animation ===== */
.lpitch{position:relative;margin-top:10px;border-radius:14px;overflow:hidden;background:#0b1822;box-shadow:inset 0 0 0 1px #ffffff12}
.lpsvg{display:block;width:100%;height:auto;aspect-ratio:200/120;max-height:320px}
.lpitch.basketball,.lpitch.hockey,.lpitch.tennis,.lpitch.football{--glow:transparent}
.lptag{position:absolute;left:10px;bottom:10px;display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:99px;background:#0b1822cc;color:#fff;font-size:12px;font-weight:800;box-shadow:inset 3px 0 0 var(--tc,#fff)}
.lpban{position:absolute;left:50%;top:50%;padding:10px 22px;border-radius:12px;background:var(--cc,#fff);color:var(--ci,#0b1822);font-weight:900;font-size:22px;letter-spacing:.04em;white-space:nowrap;box-shadow:0 10px 30px #0008;transform:translate(-50%,-50%) scale(.6);opacity:0;pointer-events:none;transition:transform .3s cubic-bezier(.3,1.6,.5,1),opacity .2s}
.lpban.show{transform:translate(-50%,-50%) scale(1);opacity:1}
.lpban.pts{font-size:17px}
.lpitch.flash{animation:lpflash .9s ease}
@keyframes lpflash{0%{box-shadow:inset 0 0 0 1px #ffffff12}25%{box-shadow:inset 0 0 0 4px var(--cc,#fff),0 0 30px color-mix(in srgb,var(--cc,#fff) 50%,transparent)}100%{box-shadow:inset 0 0 0 1px #ffffff12}}
.lpitch.ft .lpsvg{filter:saturate(.6) brightness(.8)}
/* score bump */
.bump{animation:spbump .6s ease}
@keyframes spbump{0%{transform:scale(1)}30%{transform:scale(1.45);color:#21e07a}100%{transform:scale(1)}}
.spmsc b,.splt b,.lsteam b,.spsc{display:inline-block}
/* galloping horses */
.rhorse{transition:none}
.rhorse.run{animation:gallop .32s ease-in-out infinite}
.rhorse.run::after{content:"";position:absolute;right:100%;top:50%;width:18px;height:6px;margin-top:-1px;border-radius:99px;background:radial-gradient(circle at right,#e8d6a8aa,transparent 70%);animation:dust .32s linear infinite}
@keyframes gallop{0%,100%{margin-top:0}50%{margin-top:-3px}}
@keyframes dust{0%{opacity:.8;transform:scaleX(.6)}100%{opacity:0;transform:scaleX(1.4) translateX(-4px)}}
/* odds and the slip */
.spodd.on{animation:oddpop .28s ease}
@keyframes oddpop{40%{transform:scale(1.08)}}
.spsll{animation:slipin .3s ease}
@keyframes slipin{from{opacity:0;transform:translateX(14px)}}
.sptick{width:34px;height:34px;color:var(--win)}
.sptick circle{stroke-dasharray:107;stroke-dashoffset:107;animation:tickdraw .5s ease forwards}
.sptick path{stroke-dasharray:30;stroke-dashoffset:30;animation:tickdraw .35s .4s ease forwards}
@keyframes tickdraw{to{stroke-dashoffset:0}}
.spburst{position:absolute;left:50%;top:40%;width:0;height:0;pointer-events:none;z-index:70}
.spslip .spburst{position:absolute}.spage{position:relative}
.spburst i{position:absolute;width:14px;height:14px;margin:-7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff6c2,#ffcf3d 45%,#c98a00);box-shadow:0 0 6px #ffcf3d99;animation:coinfly 1.2s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes coinfly{0%{transform:translate(0,0) rotate(0) scale(.4);opacity:1}70%{opacity:1}100%{transform:translate(var(--dx),var(--dy)) rotate(var(--r)) scale(1);opacity:0}}
body.nomotion .rhorse.run,body.nomotion .rhorse.run::after,body.nomotion .bump,body.nomotion .lpitch.flash{animation:none}
@media(max-width:700px){.lpban{font-size:17px;padding:8px 16px}.lptag{font-size:11px}}

.lpchip{position:absolute;top:18%;padding:5px 12px;border-radius:99px;background:var(--cc,#fff);color:var(--ci,#0b1822);font-weight:900;font-size:14px;white-space:nowrap;transform:translate(-50%,8px);opacity:0;pointer-events:none;transition:transform .35s ease,opacity .25s;box-shadow:0 6px 16px #0007}
.lpchip.show{transform:translate(-50%,-6px);opacity:1}
/* ===== sports stats ===== */
.sptabs2{margin:14px 0 10px;width:max-content;max-width:100%}
.stwrap{display:flex;flex-direction:column;gap:12px}
.stcard{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:12px;background:var(--p2)}.stcard h3{margin:0;font-size:14px;color:var(--mu)}
.stpbar{display:flex;height:12px;border-radius:99px;overflow:hidden;gap:2px}.stpbar i{display:block;min-width:4px}
.stplab{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--mu)}.stplab span{display:flex;gap:6px;align-items:baseline;min-width:0}.stplab span:nth-child(2):not(:last-child){justify-content:center}.stplab span:last-child{justify-content:flex-end}.stplab b{color:#fff;font-size:15px}
.stch{display:flex;justify-content:space-between;gap:10px;padding-bottom:6px;border-bottom:1px solid #ffffff12}
.stteam{display:flex;align-items:center;gap:8px;min-width:0}.stteam b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stteam.r{justify-content:flex-end}
.stcr{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;font-size:13.5px}.stcr>span{color:var(--mu);font-size:12.5px;text-align:center}
.stv{display:flex;align-items:center;font-weight:800;font-variant-numeric:tabular-nums}.stv.r{justify-content:flex-end}
.stform{display:flex;gap:3px}.fp{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:5px;font-size:11px;font-weight:900;color:#fff;background:var(--p4)}
.fp.W{background:#16a34a}.fp.D{background:#8a9aac}.fp.L{background:#dc2626}
.stbar{width:100%;max-width:140px;height:7px;border-radius:99px;background:var(--p3);overflow:hidden}.stbar i{display:block;height:100%;background:linear-gradient(90deg,#39c6ff,#21e07a)}.stv.r .stbar{transform:scaleX(-1)}
.sth2h{display:flex;flex-direction:column;gap:6px}.sth2h>div{display:grid;grid-template-columns:52px 1fr auto 1fr;gap:10px;align-items:center;font-size:13px}.sth2h small{color:var(--mu)}.sth2h span:last-child{text-align:right}.sth2h b{padding:2px 8px;border-radius:6px;background:var(--p3);font-variant-numeric:tabular-nums}
.sttable{display:flex;flex-direction:column}
.stth,.sttr{display:grid;grid-template-columns:24px minmax(0,1fr) 30px 30px 30px 30px 44px 112px 44px;align-items:center;gap:6px;padding:7px 10px;font-size:13px;text-align:center}
.sttr.nod,.stblock .sttr.nod{grid-template-columns:24px minmax(0,1fr) 30px 30px 30px 44px 112px 50px}
.stth{color:var(--mu);font-size:11.5px;font-weight:800}.stth span:nth-child(2){text-align:left}
.sttable:has(.nod) .stth{grid-template-columns:24px minmax(0,1fr) 30px 30px 30px 44px 112px 50px}
.sttr{border-top:1px solid #ffffff0a;color:#fff;font-variant-numeric:tabular-nums;transition:background .12s}.sttr:hover{background:var(--p3)}.sttr.me{background:color-mix(in srgb,var(--acc) 12%,transparent)}
.sttr .stteam{text-align:left}.sttr .stform{justify-content:center}.sttr .fp{width:18px;height:18px;font-size:10px}
.stblock .sttable{padding:4px 4px 8px}
.strun{display:flex;flex-direction:column}.strh,.strr{display:grid;grid-template-columns:minmax(0,1.6fr) 44px 44px 44px 70px 128px 64px;align-items:center;gap:6px;padding:7px 10px;font-size:13px;text-align:center}
.strh{color:var(--mu);font-size:11.5px;font-weight:800}.strh span:first-child,.strr .stteam{text-align:left}.strr{border-top:1px solid #ffffff0a;font-variant-numeric:tabular-nums}.strr .stform{justify-content:center}
.stteamm .stteamh{display:flex;align-items:center;gap:12px;margin-bottom:12px}.stteamh b{display:block;font-size:18px}.stteamh small{color:var(--mu)}
.stgrid4{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stgrid4>div{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:10px;background:var(--p2)}.stgrid4 small{color:var(--mu);font-size:12px}.stgrid4 b{font-size:18px}
.stteamm h3{margin:16px 0 8px;font-size:14px;color:var(--mu)}
.stgames{display:flex;flex-direction:column;gap:4px}.stgames a{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;padding:7px 10px;border-radius:8px;background:var(--p2);color:#fff;font-size:13.5px}.stgames a:hover{background:var(--p3)}
@media(max-width:700px){.stth,.sttr{grid-template-columns:20px minmax(0,1fr) 24px 24px 24px 24px 40px 0 38px;gap:4px;padding:7px 6px;font-size:12px}.stth span:nth-child(8),.sttr .stform{display:none}
  .sttr.nod,.sttable:has(.nod) .stth{grid-template-columns:20px minmax(0,1fr) 24px 24px 24px 40px 0 44px}
  .strh,.strr{grid-template-columns:minmax(0,1.4fr) 34px 34px 34px 50px 0 50px;gap:4px;padding:7px 6px;font-size:12px}.strh span:nth-child(6),.strr .stform{display:none}
  .stcr{gap:6px;font-size:12.5px}.stcr .stform .fp{width:16px;height:16px;font-size:9.5px}.sth2h>div{grid-template-columns:44px 1fr auto 1fr;font-size:12px}}
/* ===== racing: horses and jockeys ===== */
.rlane{height:36px}.rhorse{width:40px}.hsprite{display:block;width:40px;height:30px;overflow:visible}
.rhorse.run .hleg{animation:hleg .34s ease-in-out infinite}.rhorse.run .hleg.f2,.rhorse.run .hleg.b1{animation-delay:-.17s}
@keyframes hleg{0%,100%{transform:rotate(28deg)}50%{transform:rotate(-30deg)}}
.rhorse.run .hsprite{animation:hbody .34s ease-in-out infinite}@keyframes hbody{50%{transform:translateY(-1.5px) rotate(-1deg)}}
.rhorse .spcrest{display:none}
.rpost{position:absolute;top:4px;bottom:4px;width:2px;background:repeating-linear-gradient(0deg,#ffffff88 0 4px,transparent 4px 8px);pointer-events:none}
.rban{z-index:5}
@media(max-width:700px){.rlane{height:28px}.rhorse{width:32px}.hsprite{width:32px;height:24px}}
body.nomotion .rhorse.run .hleg,body.nomotion .rhorse.run .hsprite{animation:none}

/* phones: Casino | Sports bar under the header */
.pbar{display:none}
@media(max-width:900px){
  .pbar{position:fixed;left:0;right:0;top:var(--topH);z-index:39;display:flex;align-items:center;gap:8px;height:48px;padding:0 10px;background:color-mix(in srgb,var(--top) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 #ffffff0d,0 6px 14px #0004}
  .pbtog{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:99px;background:var(--p1)}
  .pbtog a{display:flex;align-items:center;justify-content:center;gap:7px;height:34px;border-radius:99px;font-weight:800;font-size:14px;color:var(--mu)}.pbtog a svg{width:17px;height:17px}
  .pbtog a.on{background:linear-gradient(180deg,var(--p4),var(--p3));color:#fff;box-shadow:inset 0 1px 0 #ffffff1a}
  .pbtog a[data-cs=sports].on{background:linear-gradient(180deg,#2fd27a,#16a35a);color:#04210f}
  .pblive{font-style:normal;font-size:9.5px;font-weight:900;padding:1px 5px;border-radius:4px;background:#ff3b5c;color:#fff;letter-spacing:.04em}
  .pbar .ibtn{flex:none;width:38px;height:38px}
  .content{padding-top:calc(var(--topH) + 48px)}
  .side{top:calc(var(--topH) + 48px)}
}
@media(display-mode:standalone) and (max-width:900px){.pbar{top:calc(var(--topH) + env(safe-area-inset-top))}.content{padding-top:calc(var(--topH) + 48px + env(safe-area-inset-top))}}
@media(max-width:900px) and (orientation:landscape) and (max-height:500px){.pbar{display:none}}
/* ---- sports v2.5: in-play betting, cash out, live tracker with players ---- */
.lpitch{background:#0b1822}
.lpwrap{position:relative;display:flex;justify-content:center;background:radial-gradient(120% 140% at 50% 0%,#1a3b2b,#0b1822 70%)}
.lpitch.hockey .lpwrap{background:radial-gradient(120% 140% at 50% 0%,#33475a,#0b1822 70%)}.lpitch.basketball .lpwrap{background:radial-gradient(120% 140% at 50% 0%,#4a3018,#0b1822 70%)}.lpitch.tennis .lpwrap{background:radial-gradient(120% 140% at 50% 0%,#173a66,#0b1822 70%)}
.lpsvg{max-height:380px}
.lpp text{font-family:inherit;pointer-events:none}
.lpring{transform-box:fill-box;transform-origin:center;animation:lpspin 3s linear infinite}
@keyframes lpspin{to{transform:rotate(360deg)}}
.lpstop{position:absolute;right:10px;top:10px;display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:99px;background:#ff3b5c;color:#fff;font-size:11.5px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;opacity:0;transform:translateY(-4px);transition:opacity .2s,transform .2s;pointer-events:none}
.lpstop i{width:7px;height:7px;border-radius:50%;background:#fff;animation:lpblink 1s infinite}
.lpstop.on{opacity:1;transform:none}
@keyframes lpblink{50%{opacity:.25}}
.lptl{display:flex;align-items:center;gap:10px;padding:10px 14px 12px;background:#0d1b26;border-top:1px solid #ffffff10}
.lptl.ten{display:none}
.lptln{flex:none;display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:900;color:#d5e3ee}.lptln::before{content:"";width:9px;height:9px;border-radius:3px;background:var(--tc)}
.lptlbar{position:relative;flex:1;height:6px;border-radius:3px;background:#ffffff14}
.lptlf{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:linear-gradient(90deg,#ffffff30,#ffffff55)}
.lptlc{position:absolute;top:-4px;width:3px;height:14px;margin-left:-1.5px;border-radius:2px;background:#ff3b5c;box-shadow:0 0 0 2px #0d1b26}
.lptlbar em{position:absolute;top:-3px;width:2px;height:12px;margin-left:-1px;background:#ffffff40}.lptlbar em small{position:absolute;top:13px;left:50%;transform:translateX(-50%);font-size:9.5px;font-style:normal;font-weight:800;color:var(--mu);white-space:nowrap}
.lptlm{position:absolute;inset:0}
.lptlg{position:absolute;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--tc);box-shadow:0 0 0 2px #0d1b26,0 0 0 3px #ffffff55}
.lptlg.h{top:-14px}.lptlg.a{top:8px}
.lptlg i{position:absolute;inset:3px;border-radius:50%;background:#fff;opacity:.9}
.lptl{padding-top:18px;padding-bottom:20px}
/* in-play prices: flash when they move, a lock during bet stops */
.spodd.up{animation:spup 1.8s ease}.spodd.dn{animation:spdn 1.8s ease}
.spodd.up b::after,.spodd.dn b::after{display:inline-block;margin-left:4px;font-size:9px;vertical-align:1px}
.spodd.up b::after{content:"▲";color:var(--win)}.spodd.dn b::after{content:"▼";color:#ff5d76}
@keyframes spup{0%,40%{box-shadow:inset 0 0 0 2px var(--win)}100%{box-shadow:inset 0 0 0 0 transparent}}
@keyframes spdn{0%,40%{box-shadow:inset 0 0 0 2px #ff5d76}100%{box-shadow:inset 0 0 0 0 transparent}}
.spodd.lock b::before,.splock{content:"";display:inline-block;width:13px;height:13px;background:currentColor;vertical-align:-2px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10V7a5 5 0 0 1 10 0v3h1a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2zm2 0h6V7a3 3 0 0 0-6 0z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10V7a5 5 0 0 1 10 0v3h1a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2zm2 0h6V7a3 3 0 0 0-6 0z'/%3E%3C/svg%3E") center/contain no-repeat}
.spodd.lock{opacity:.6}.spodd.lock b{color:var(--mu)}
/* live cards with prices */
.splive{padding:12px 14px 0;gap:9px}.splive:hover{background:var(--p2)}
.splivea{display:flex;flex-direction:column;gap:7px;color:#fff}.splivea:hover .splt span{text-decoration:underline}
.lvodds{grid-template-columns:repeat(var(--n),minmax(0,1fr))!important}.lvodds.n3{--n:3}.lvodds.n2{--n:2}
.lvodds .spodd{min-height:36px;padding:5px 9px}
.spstopb{display:none;flex:none!important;padding:1px 7px;border-radius:99px;background:#ff3b5c;color:#fff;font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.03em}.spstopb.on{display:inline-block}
.spinpl{margin-left:6px;padding:2px 8px;border-radius:99px;background:#ff3b5c22;color:#ff8fa3;font-style:normal;font-size:11px;font-weight:800}
/* top matches */
.spfeats{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.spfeat{position:relative;display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:14px;overflow:hidden;background:linear-gradient(115deg,color-mix(in srgb,var(--hc) 30%,var(--p2)) 0%,var(--p2) 45%,var(--p2) 55%,color-mix(in srgb,var(--ac) 30%,var(--p2)) 100%);box-shadow:inset 0 0 0 1px #ffffff12}
.spfeat::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 50% 0%,#ffffff12,transparent 70%);pointer-events:none}
.spfa{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px;color:#fff}
.spfh{display:flex;align-items:center;gap:6px;font-size:12px;color:#d5e3ee}.spfh span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spfh em{font-style:normal;font-weight:800;font-variant-numeric:tabular-nums}
.spfl{display:flex;align-items:center;gap:5px;color:#ff8fa3}
.spft{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}
.spftm{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;text-align:center}.spftm b{font-size:13.5px;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.spfmid{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:70px}.spfmid small{color:#c5d5e2;font-size:11px}
.spfsc{font-size:26px;font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap}.spfclk{color:#ff8fa3!important;font-weight:800}
.spfcd{font-size:16px;font-variant-numeric:tabular-nums}
.spfeat .spodds{position:relative;z-index:1;grid-template-columns:repeat(var(--n),minmax(0,1fr))!important}.spfeat .spodds.n3{--n:3}.spfeat .spodds.n2{--n:2}
.spfeat .spodd{background:#0b1822a6;backdrop-filter:blur(4px)}.spfeat .spodd:hover:not(:disabled){background:#0b1822d9}.spfeat .spodd.on{background:var(--acc)}
/* match page */
.spinplay{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px 14px;border-radius:10px;background:linear-gradient(90deg,#ff3b5c26,#ff3b5c0d);color:#ffd0d8;font-size:13px}.spinplay b{color:#fff}.spinplay span{color:#ffc2cc}
.spclosed.fin{background:#ffffff0d;color:#d5e3ee}
.spmkwrap{margin-top:12px}.spcats{margin-bottom:2px}
.spstopn{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px 14px;border-radius:10px;background:#ff3b5c1f;color:#ffc2cc;font-size:13px}.spstopn b{color:#fff}.spstopn i{width:8px;height:8px;border-radius:50%;background:#ff3b5c;animation:lpblink 1s infinite}
.spstopn[hidden]{display:none}
.spmks.stopped{opacity:.55;pointer-events:none}
/* slip and my bets */
.spbll{margin-left:6px;padding:1px 6px;border-radius:99px;background:#ff3b5c;color:#fff;font-style:normal;font-size:10px;font-weight:900;text-transform:uppercase;vertical-align:1px}
.spsll.susp{box-shadow:inset 0 0 0 2px #ffb02e}.spsll.susp .spslw{color:#ffc46b}
.spslo.up{color:var(--win)}.spslo.dn{color:#ff5d76}.spslo s{margin-right:5px;color:var(--mu);font-size:12px;font-weight:700}
.spacc{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--mu)}.spacc .sel{max-width:170px;height:34px;font-size:12.5px}
.spco{width:100%;margin-top:2px;background:linear-gradient(180deg,#ffc23d,#f29b12);color:#2a1700;font-weight:900}.spco:hover:not(:disabled){filter:brightness(1.08)}.spco .amt{color:#2a1700}
.spco:disabled{background:var(--p3);color:var(--mu);filter:none}
.spco.arm{background:linear-gradient(180deg,#3ee88b,#18b866);color:#032a14}.spco.arm .amt{color:#032a14}
.spbet.cashed{box-shadow:inset 3px 0 0 #ffc23d}.spchip.cashed{background:#ffc23d33;color:#ffd77a}
@media(max-width:700px){.spfeats{display:grid;grid-auto-flow:column;grid-auto-columns:86%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}.spfeats::-webkit-scrollbar{display:none}.spfeat{scroll-snap-align:start}
  .lptl{padding:16px 10px 18px;gap:7px}.lpstop{font-size:10px;padding:4px 8px}}
body.nomotion .lpring,body.nomotion .spodd.up,body.nomotion .spodd.dn{animation:none}
.spsec>h2>span>svg{width:18px;height:18px;color:#ffd23d}
.spinplay{flex-wrap:wrap;row-gap:2px}.spinplay b{flex:none}.spinplay span{flex:1 1 220px}
.lsodds.lslive{margin-bottom:6px}.lsodds.lslive.stop{opacity:.5}.lsodds.lslive.stop b::before{content:"";display:inline-block;width:11px;height:11px;margin-right:3px;background:currentColor;vertical-align:-1px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10V7a5 5 0 0 1 10 0v3h1a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2zm2 0h6V7a3 3 0 0 0-6 0z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10V7a5 5 0 0 1 10 0v3h1a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2zm2 0h6V7a3 3 0 0 0-6 0z'/%3E%3C/svg%3E") center/contain no-repeat}
/* ---- packs v2.5: Packdraw-style pack cards, contents and reel ---- */
.lxgrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.lxcard{padding:14px 12px 14px;gap:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--cc) 10%,var(--p2)),var(--p1));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cc) 26%,var(--ln))}
.lxcglow{position:absolute;left:50%;top:38%;width:170%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--cc) 55%,transparent) 0%,color-mix(in srgb,var(--cc) 18%,transparent) 32%,transparent 58%);opacity:.75;transition:opacity .25s,transform .4s;pointer-events:none}
.lxcglow::after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 8%,#ffffff10 9% 11%,transparent 12% 33%,#ffffff10 34% 36%,transparent 37% 58%,#ffffff10 59% 61%,transparent 62% 83%,#ffffff10 84% 86%,transparent 87%);animation:lxrays 24s linear infinite}
@keyframes lxrays{to{transform:rotate(360deg)}}
.lxcard:hover .lxcglow{opacity:1;transform:translate(-50%,-50%) scale(1.06)}
.lxcase{position:relative;max-width:150px;margin:6px 0 2px;filter:drop-shadow(0 14px 16px #000a)}
.lxcard:hover .lxcase{transform:translateY(-6px) rotate(-2.5deg) scale(1.05)}
.lxcase .lxsheen{transition:transform .7s ease}.lxcard:hover .lxcase .lxsheen{transform:translateX(70px)}
.lxcount{position:absolute;top:8px;right:8px;z-index:2;font-size:10.5px;font-weight:900;color:#e9f4ff;background:#0b1822cc;border-radius:6px;padding:2px 7px;box-shadow:inset 0 0 0 1px #ffffff22}
.lxcinfo{position:relative}.lxcinfo small{display:block;margin-top:1px}
.lxtopv{display:inline-flex;align-items:center;gap:4px}.lxtopv b{display:inline-flex!important;align-items:center;gap:3px;font-size:12px!important;color:#ffd76a;font-variant-numeric:tabular-nums}.lxtopv .coin{width:11px;height:11px}
.lxprice{position:relative;width:100%;max-width:170px;box-shadow:0 6px 16px -6px color-mix(in srgb,var(--cc) 70%,transparent)}
.lxcard.sm .lxcglow::after{display:none}
/* contents: summary, rarity chips, sort and the item cards */
.lxcont{background:linear-gradient(180deg,color-mix(in srgb,var(--cc,#39c6ff) 6%,var(--p1)),var(--p1))}
.lxcn{display:inline-grid;place-items:center;min-width:24px;height:22px;margin-left:8px;padding:0 7px;border-radius:99px;background:var(--p3);font-style:normal;font-size:12px;font-weight:900;color:#fff}
.lxsort{display:flex;gap:3px;padding:3px;border-radius:9px;background:var(--p2)}.lxsort button{padding:6px 12px;border-radius:7px;font-size:12.5px;font-weight:800;color:var(--mu)}.lxsort button.on{background:var(--p4);color:#fff}
.lxsum{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:4px 0 14px;padding:12px 14px;border-radius:10px;background:var(--p2)}
.lxsum>div{display:flex;flex-direction:column;gap:1px}.lxsum small{color:var(--mu);font-size:11.5px;font-weight:700}.lxsum b{font-size:15px;font-variant-numeric:tabular-nums}.lxsum b.amt{display:flex;align-items:center;gap:4px;color:#ffd76a}.lxsum .coin{width:13px;height:13px}
.lxtiers{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:6px!important;margin-left:auto}
.lxtiers span{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:99px;background:color-mix(in srgb,var(--rc) 16%,var(--p1));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rc) 45%,transparent);font-size:11.5px;font-weight:800;color:#e9f0f6;white-space:nowrap}
.lxtiers i{width:7px;height:7px;border-radius:50%;background:var(--rc);box-shadow:0 0 6px var(--rc)}
.lxcgrid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:10px}
.lxci{overflow:hidden;padding:30px 10px 12px;gap:3px;background:linear-gradient(180deg,color-mix(in srgb,var(--rc) 12%,var(--p2)),var(--p2) 70%);border-bottom:0;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rc) 22%,transparent);transition:transform .15s,box-shadow .15s}
.lxci::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--rc);box-shadow:0 0 14px 1px var(--rc)}
.lxci:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rc) 60%,transparent),0 10px 24px -12px var(--rc)}
.lxciglow{position:absolute;left:50%;top:40%;width:120px;height:120px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--rc) 45%,transparent),transparent 65%);pointer-events:none}
.lxci .lxa{position:relative;max-width:104px;filter:drop-shadow(0 8px 10px #0009)}
.lxci b{position:relative}
.lxodds{left:6px;right:auto;top:6px;background:#0b1822d9;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rc) 50%,transparent);color:#fff}
.lxci.t4,.lxci.t5{background:linear-gradient(180deg,color-mix(in srgb,var(--rc) 22%,var(--p2)),var(--p2) 75%)}
.lxci.t4::before,.lxci.t5::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#ffffff1c 45%,transparent 60%);background-size:250% 100%;animation:lxshim 3.2s ease-in-out infinite;pointer-events:none}
@keyframes lxshim{0%{background-position:150% 0}60%,100%{background-position:-60% 0}}
/* reel tiles: a rarity glow */
.lxt{background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--rc) 26%,transparent),transparent 66%),var(--p2)}
@media(max-width:700px){.lxgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.lxcase{max-width:128px}.lxcount{font-size:9.5px;padding:2px 5px}.lxtiers{margin-left:0}.lxcgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.lxci{padding-top:28px}}
body.nomotion .lxcglow::after,body.nomotion .lxci.t4::before,body.nomotion .lxci.t5::before{animation:none}
/* ---- performance (v2.5): no frosted glass over scrolling content, looping effects that run on the compositor only,
   no blur filters on pictures in long lists, and off-screen rows skipped until they're near ---- */
.top,.pbar,.scrim,.toastx,.sframe,.lxres,.tabpause,.mntbox,.spfeat .spodd{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.pbar{background:var(--top)!important}.scrim{background:#05101ae6}.lxres{background:#05090de6}.spfeat .spodd{background:#0b1822d9}
.splivedot,.bdot,.mntpill i{position:relative;box-shadow:none!important;animation:none!important}
.splivedot::after,.bdot::after,.mntpill i::after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;animation:dotping 1.6s ease-out infinite}
@keyframes dotping{0%{transform:scale(1);opacity:.6}70%,100%{transform:scale(2.6);opacity:0}}
.spprog i{width:100%!important;transform-origin:0 50%;transform:scaleX(0);transition:transform 1s linear}
.lxcglow::after{display:none}
.lxci.t4::before,.lxci.t5::before{display:none}
.lxcase,.lxselart,.bpkart,.bcart,.lxci .lxa,.lxt .lxa{filter:none}
.lxherocase{filter:drop-shadow(0 16px 22px #000a)}
.spodd{position:relative}
.spodd.up,.spodd.dn{animation:none}
.spodd.up::after,.spodd.dn::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;animation:spflash 1.8s ease forwards}
.spodd.up::after{box-shadow:inset 0 0 0 2px var(--win)}.spodd.dn::after{box-shadow:inset 0 0 0 2px #ff5d76}
@keyframes spflash{0%,40%{opacity:1}100%{opacity:0}}
section.row,.spblock,.stblock{content-visibility:auto;contain-intrinsic-size:auto 320px}
body.nomotion .splivedot::after,body.nomotion .bdot::after,body.nomotion .mntpill i::after{animation:none}
.bprog{width:100%;transform-origin:0 50%;transform:scaleX(0);transition:transform .9s linear}
.gtile .sktongue,.tart .sktongue{animation:none}
/* snowfall that moves on the compositor (the layer slides; its tiling repeats exactly every 630 / 180 px) */
.slot.frost .sbg{overflow:hidden}.slot.frost .sbg:after{inset:-630px 0 0 0;animation:snowT630 8.4s linear infinite}
.dflakes{inset:-180px 0 0 0;animation:snowT180 1.8s linear infinite}
@keyframes snowT630{to{transform:translateY(630px)}}@keyframes snowT180{to{transform:translateY(180px)}}
body.nomotion .slot.frost .sbg:after,body.nomotion .dflakes{animation:none}
.lxshead .lxhero{width:auto;margin:0}.lxshead .lxherocase{width:52px;filter:drop-shadow(0 4px 8px #0008)}
.top{background:var(--top)!important}
/* ---- player battles (v2.6) ---- */
.bpvp{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 30%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--acc) 7%,var(--p1)),var(--p1) 120px)}
.bpvp .rhead{flex-wrap:wrap;gap:6px 12px}.bpvp .rhead small{margin-right:auto}
.bdot.pl{background:#21e07a}
.bpnote{margin:0 0 10px;color:var(--mu);font-size:13px}.bpempty{margin:4px 0;font-size:13px}
.bplabel{display:block;margin:10px 0 2px;color:var(--mu);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.brow2.pvp.mine{box-shadow:inset 3px 0 0 var(--acc),inset 0 0 0 1px color-mix(in srgb,var(--acc) 35%,transparent)}
.brow2.pvp.fin{opacity:.85}
.bplay{padding:0;margin:0;background:none;border:0;border-radius:50%;cursor:pointer;line-height:0}.bplay:hover .bav{box-shadow:0 0 0 2px #fff8}
button.bav.open{cursor:pointer;font:inherit;font-weight:900}button.bav.open:hover{border-color:var(--acc);color:var(--acc)}
.btn.pulse{animation:btnpulse 1.6s ease-in-out infinite}@keyframes btnpulse{50%{transform:scale(1.06)}}
.bwatch.pl{color:#7dffb5;background:#21e07a1f}
.bpvptag{margin-left:6px;font-style:normal;font-size:10px;font-weight:900;text-transform:uppercase;color:#7dffb5;background:#21e07a1f;border-radius:5px;padding:1px 5px;vertical-align:middle}
.bvsopts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.bvsopt{--mc:var(--acc);display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:12px;border-radius:10px;background:var(--p2);color:#fff;border:2px solid transparent;cursor:pointer;font:inherit}
.bvsopt svg{width:20px;height:20px;color:var(--mc)}.bvsopt b{font-size:14px}.bvsopt small{color:var(--mu);font-size:12px}.bvsopt.on{border-color:var(--mc);background:color-mix(in srgb,var(--mc) 14%,var(--p2))}
.bvsopt:disabled{opacity:.5;cursor:not-allowed}
.bann{grid-column:1/-1;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mu);cursor:pointer}.bann input{width:16px;height:16px;accent-color:var(--acc)}
.brseats{display:flex;gap:10px;align-items:stretch;justify-content:center;flex-wrap:wrap}
.brseat{flex:1 1 0;min-width:120px;max-width:220px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:18px 10px;border-radius:12px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--ln)}
.brseat.in{animation:popin .35s}.brseat.me{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--acc) 70%,transparent)}
.brseat b{display:flex;align-items:center;gap:5px;font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.brseat small{color:var(--mu);font-size:12px}
.brseat.empty{background:transparent;box-shadow:inset 0 0 0 2px #ffffff14}.brseat .btn{width:auto}
.bav.big{width:52px;height:52px;font-size:22px}.bav.big svg{width:24px;height:24px}
.brstatus{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.brstatus b{font-size:15px}.brclock{color:var(--mu);font-size:12px;font-variant-numeric:tabular-nums}
.broom .brbtns{margin-top:0}
.bseed{flex-wrap:wrap;font-size:12px}.bfair code,.bseed code{font-size:11px;background:var(--bg);border-radius:5px;padding:1px 5px;word-break:break-all;color:#cfe3f3}
.pvptoast{display:flex;flex-direction:column;gap:1px;color:inherit;text-decoration:none;pointer-events:auto}.pvptoast span{font-size:12px;opacity:.85}
.toastx:has(.pvptoast){pointer-events:auto;cursor:pointer}
@media(max-width:700px){.bvsopts{grid-template-columns:1fr}.brseat{min-width:calc(50% - 30px);padding:12px 8px}.brseats .bvs{display:none}.bav.big{width:42px;height:42px;font-size:18px}}
/* ---- chat tabs, private messages, player search and profiles (v2.6) ---- */
.chatbtn{position:relative}
.cbadge{position:absolute;top:2px;right:2px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:var(--loss,#ff4d6a);color:#fff;font-style:normal;font-size:10.5px;font-weight:900;line-height:17px;text-align:center;box-shadow:0 0 0 2px var(--top,#0f1c27)}
.conline{color:var(--mu);font-size:11px;font-weight:700}
.ctabs{display:flex;gap:4px;padding:8px 12px 0}
.ctab{position:relative;flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border-radius:8px 8px 0 0;font-weight:800;font-size:13px;color:var(--mu);border-bottom:2px solid transparent}
.ctab svg{width:15px;height:15px}.ctab[aria-selected=true]{color:#fff;border-bottom-color:var(--acc);background:#ffffff08}
.ctab .cbadge{position:static;margin-left:2px;box-shadow:none}
.cmain{flex:1;min-height:0;display:flex;flex-direction:column;border-top:1px solid var(--ln)}
.cmain>.clist{flex:1}
.cmsg.cbat{box-shadow:inset 3px 0 0 #21e07a}.cmsg.cbat p svg{width:13px;height:13px;margin-right:5px;vertical-align:-2px;color:#21e07a}.cjoin{display:inline-flex;width:auto;margin-top:6px}
.cfind{position:relative;padding:10px 12px 4px}.cfind .tin{width:100%;padding:9px 12px}
.csugg{display:flex;flex-direction:column;gap:2px;margin-top:6px}.csugg:empty{display:none}.csugg small{padding:4px 6px}
.cconvs{flex:1;overflow-y:auto;padding:6px 8px 10px;display:flex;flex-direction:column;gap:2px}
.cconv{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 8px;border-radius:9px;color:inherit}.cconv:hover{background:#ffffff0a}
.cconv.sm{padding:6px 8px}.cconv b{display:flex;align-items:center;gap:6px;font-size:13.5px}
.cconv .cbadge{position:static;box-shadow:none;flex:none}
.ccbody{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cchead{display:flex;align-items:center;gap:6px}.cchead small{margin-left:auto;color:var(--mu2,#7f93a5);font-size:11px}
.ccbody>span{color:var(--mu);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cconv.unread .ccbody>span{color:#fff;font-weight:700}
.cav{position:relative;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#06121a;font-weight:900;font-size:15px;flex:none}
.conl{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:#21e07a;box-shadow:0 0 0 2px var(--side)}
.cthead{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--ln)}.cthead .ibtn{margin:0}.cthead>.btn{width:auto;margin-left:auto}
.cthn{display:flex;flex-direction:column;min-width:0}.cthn .cname{display:flex;align-items:center;gap:6px;font-size:14px}.cthn small{color:var(--mu);font-size:11.5px}
.cdm{gap:4px}
.cbub{align-self:flex-start;max-width:82%;display:flex;flex-direction:column;gap:2px}
.cbub p{margin:0;padding:8px 11px;border-radius:14px 14px 14px 4px;background:var(--p1);font-weight:600;color:#e3ecf4;font-size:13.5px;overflow-wrap:anywhere}
.cbub small{font-size:10.5px;color:var(--mu2,#7f93a5);padding:0 4px}
.cbub.me{align-self:flex-end;align-items:flex-end}.cbub.me p{background:color-mix(in srgb,var(--acc) 26%,var(--p1));border-radius:14px 14px 4px 14px;color:#fff}
.pvptoast{text-align:left;font:inherit;background:none;border:0;padding:0;cursor:pointer}
.pfmeta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.pfon{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;color:#5ff09a}.pfon i{width:8px;height:8px;border-radius:50%;background:#21e07a;box-shadow:0 0 6px #21e07a}
.pfplace{margin-left:4px;padding:1px 7px;border-radius:99px;background:var(--p3,#24384a);color:#e3ecf4;font-size:11.5px}
.pfyou{font-size:11px;font-weight:800;color:var(--mu);text-transform:uppercase}
.pfrecent h4{margin:0 0 6px;font-size:13px;color:var(--mu)}
.pfbets{display:flex;flex-direction:column;gap:3px;max-height:220px;overflow-y:auto}
.pfbet{display:grid;grid-template-columns:minmax(0,1fr) auto 64px auto;gap:10px;align-items:center;padding:7px 10px;border-radius:8px;background:var(--bg);font-size:12.5px;font-variant-numeric:tabular-nums}
.pfbet>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}.pfbet .amt{display:inline-flex;align-items:center;gap:4px}.pfbet .coin{width:12px;height:12px}
.pfbet>span:nth-child(3){text-align:right;color:var(--mu)}.pfbet .pfpay{color:var(--mu);justify-content:flex-end}.pfbet.up .pfpay,.pfbet.up>span:nth-child(3){color:var(--win)}
.pfacts{display:flex;gap:8px}.pfacts:empty{display:none}.pfacts .btn{flex:1}
.lbfind{position:relative;display:flex;align-items:center;gap:8px;max-width:420px;margin:4px 0 10px;padding:0 12px;border-radius:10px;background:var(--p2)}
.lbfind>svg{width:16px;height:16px;color:var(--mu);flex:none}.lbfind .tin{flex:1;background:transparent;border:0;padding:11px 0;box-shadow:none}
.lbsugg{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:10px;background:var(--p2);box-shadow:0 12px 30px #000a}
.lbsugg button{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:7px;text-align:left;color:inherit}.lbsugg button:hover{background:#ffffff0d}.lbsugg .av{width:26px;height:26px;font-size:12px}.lbsugg small{padding:6px 8px}
.lbon{width:8px;height:8px;border-radius:50%;background:#21e07a;margin-left:auto}
@media(max-width:700px){.pfbet{grid-template-columns:minmax(0,1fr) auto auto;}.pfbet>span:nth-child(2){display:none}.lbfind{max-width:none}}
.brbtns .btn,.bpvp .rhead .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}.bpvp .rhead .btn svg{width:15px;height:15px}
.bseed{align-items:flex-start}.bseed svg{margin-top:2px}
@media(max-width:900px){.chat{top:calc(var(--topH) + 48px)}}
@media(display-mode:standalone) and (max-width:900px){.chat{top:calc(var(--topH) + 48px + env(safe-area-inset-top))}}
@media(min-width:901px){body.chatopen .toasts{right:346px}}