@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:not(:where(body)){padding:0 14px;font-weight:800;border-radius:6px;min-width:44px;color:#fff}.mini:not(:where(body)):hover:not(:disabled){background:var(--p4)}.mini:not(:where(body)):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.anyhit .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.ictop{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.nk-rank .nico{color:#ffcf3d;background:#ffcf3d1f}.nitem.nk-challenge .nico{color:#21e07a;background:#21e07a1f}.nitem.nk-win .nico{color:#ff8ad8;background:#ff8ad81f}.nitem.nk-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.nk-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.fldmod{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 em{font-style:normal;font-size:12px;font-weight:900;letter-spacing:.12em;color:#3a2a00;background:linear-gradient(90deg,#ffd23d,#fff3b0,#ffd23d);background-size:200% 100%;border-radius:6px;padding:3px 7px;animation:s3shine 1.2s linear infinite}
.gwinf.big{animation:gwinbig 2.6s cubic-bezier(.2,1.4,.4,1) forwards;padding:10px 18px}.gwinf.big b{font-size:26px}.gwinf.huge{box-shadow:0 0 0 2px #ff9a3d,0 0 40px #ff9a3d77}.gwinf.huge em{background:linear-gradient(90deg,#ff9a3d,#ffe0b0,#ff9a3d);background-size:200% 100%}.gwinf.mega{box-shadow:0 0 0 3px #ff5fa2,0 0 50px #ff5fa288,0 0 90px #39c6ff55}.gwinf.mega em{color:#fff;background:linear-gradient(90deg,#ff5fa2,#a96bff,#39c6ff,#ff5fa2);background-size:200% 100%}.gwinf.mega b{color:#fff;text-shadow:0 0 18px #ff5fa2}
@keyframes gwinbig{0%{opacity:0;transform:translateX(-50%) scale(.4)}12%{opacity:1;transform:translateX(-50%) scale(1.12)}20%{transform:translateX(-50%) scale(1)}85%{opacity:1;transform:translateX(-50%) scale(1)}100%{opacity:0;transform:translateX(-50%) translateY(-10px) scale(.96)}}.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:var(--top);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:var(--p2);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.nodt .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.nodt .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:var(--top);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.tclick{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{display:inline-flex;align-items:center;gap:5px;color:#9ff0c8;font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:999px;background:#21e07a1a;border:1px solid #21e07a33;cursor:pointer;transition:background .15s}.conline:hover{background:#21e07a2e}.conline i{width:7px;height:7px;border-radius:50%;background:var(--win);box-shadow:0 0 0 3px #21e07a33}
.cfsec.cfreq{padding:10px;border-radius:12px;background:linear-gradient(135deg,#21e07a1c,#39c6ff14);box-shadow:inset 0 0 0 1px #21e07a55}.cfsec.cfreq h4{color:#9ff0c8}
.cfsec.cfonline{scroll-margin-top:8px}
.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}}
/* ---- owner code maker ---- */
.ocard{background:radial-gradient(ellipse at 0% 0%,#ffcf3d22,transparent 60%),var(--p1)}
.octag{margin-left:8px;font-style:normal;font-size:11px;font-weight:900;text-transform:uppercase;color:#ffcf3d;background:#ffcf3d1f;border-radius:6px;padding:2px 7px;vertical-align:middle}
.ocform{display:flex;flex-direction:column;gap:10px}
.ocgrid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) minmax(0,1.2fr);gap:10px}.ocgrid label{display:flex;flex-direction:column;gap:4px;min-width:0}.ocgrid small{color:var(--mu);font-weight:700}
.ocgrid .tin,.ocgrid .sel{width:100%}.ocform>.btn{width:auto;align-self:flex-start;padding-inline:22px}
.ocline{display:flex;flex-direction:column;gap:6px;color:var(--tx,#e3ecf4)}.ocline p{margin:0}.ocline ol{margin:0;padding-left:20px}.ocline pre{margin:0;padding:8px 10px;border-radius:8px;background:var(--bg);font-size:11.5px;white-space:pre-wrap;word-break:break-all}.ocline .btn{align-self:flex-start;width:auto}
.ocline code{font-size:12px;background:var(--bg);padding:1px 5px;border-radius:5px}
.och{margin:14px 0 6px;font-size:14px}
.oclist{display:flex;flex-direction:column;gap:4px}.ocrow{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:7px 10px;border-radius:8px;background:var(--bg);font-size:13px}
.ocrow b{letter-spacing:.06em}.ocrow .amt{display:inline-flex;gap:4px;align-items:center;font-weight:800}.ocrow .coin{width:13px;height:13px}.ocrow small{color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcmsg .btn.sm{width:auto}
@media(max-width:700px){.ocgrid{grid-template-columns:1fr}.ocrow{grid-template-columns:auto auto auto;}.ocrow small{grid-column:1/-1;grid-row:2}}

/* ---------------- Fun Zone (free mini-games) ---------------- */
.hslide.s23{background:linear-gradient(115deg,#ff5fa2,#7a2bd9 50%,#1d0c3a)}
.funrow .ftile{display:block;position:relative;border-radius:10px;overflow:hidden;scroll-snap-align:start;box-shadow:0 6px 14px #0005;transition:transform .15s}.funrow .ftile:hover{transform:translateY(-6px)}
.funrow .ftile svg{display:block;width:100%;height:auto}
.ftag{position:absolute;top:8px;left:8px;background:#21e07a;color:#04261a;font-size:11px;font-weight:900;padding:3px 8px;border-radius:999px;letter-spacing:.02em}
.fzpage .pbanner{background:radial-gradient(ellipse at 85% 50%,#ff5fa255,transparent 60%),linear-gradient(115deg,#2a1450,#16293a)}
.fzcards{display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:12px;margin-bottom:16px}
.fzcard{background:var(--p1);border-radius:12px;padding:14px;display:flex;gap:12px;align-items:center;min-width:0;box-shadow:inset 0 0 0 1px #ffffff08}
.fzcard>b{display:block;margin-bottom:8px}
.fzside .fzcard,.fzmcard{flex-direction:column;align-items:stretch}
.fzlv{flex:none;width:58px;height:58px;border-radius:14px;display:grid;place-content:center;text-align:center;background:linear-gradient(135deg,#ff5fa2,#7a5cff);box-shadow:0 6px 16px #7a5cff55}
.fzlv small{font-size:10px;font-weight:800;text-transform:uppercase;opacity:.85}.fzlv b{font-size:24px;font-weight:900;line-height:1}
.fzpinfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.fzpinfo small,.fzstreak small,.fzm small{color:var(--mu);font-size:12px}
.fzbar{height:9px;border-radius:999px;background:#ffffff14;overflow:hidden}.fzbar.sm{height:6px}
.fzbar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff5fa2,#ffcf3d);transform-origin:0 50%;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.fzstreak .fzflame{flex:none;position:relative;width:52px;height:58px;display:grid;place-items:center}.fzflame svg{position:absolute;inset:0;width:100%;height:100%}
.fzflame b{position:relative;top:8px;font-size:17px;font-weight:900;color:#3a1600}.fzstreak.done .fzflame svg{animation:fzflick 1.6s ease-in-out infinite}
.fzstreak>div:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}
@keyframes fzflick{50%{transform:scale(1.06) rotate(-2deg)}}
.fzmh{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}.fzmh small{color:var(--mu);font-size:12px}
.fzmiss{display:flex;flex-direction:column;gap:9px;width:100%}
.fzm{display:flex;flex-direction:column;gap:5px;padding:9px 10px;border-radius:10px;background:var(--p2)}.fzm.done{opacity:.6}.fzm.done .fzbar i{background:var(--win)}
.fzmt{display:flex;justify-content:space-between;gap:8px;font-size:13.5px}.fzmt .amt{color:var(--gold);font-weight:800;white-space:nowrap}.fzmt .coin{width:14px;height:14px}
.fzgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin-bottom:20px}
.fzgame{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--fc) 28%,var(--p1)),var(--p1) 70%);color:#fff;text-decoration:none;box-shadow:inset 0 0 0 1px #ffffff0d;transition:transform .15s}
.fzgame:hover{transform:translateY(-4px)}
.fzart{flex:none;width:78px;border-radius:9px;overflow:hidden;box-shadow:0 4px 10px #0006}.fzart svg{display:block;width:100%;height:auto}
.fzginfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.fzginfo b{font-size:15.5px}.fzginfo small{color:var(--mu)}.fzbest{font-size:12px;color:var(--gold);font-weight:700}
.fzsec h2{display:flex;align-items:center;gap:8px;font-size:18px;margin:0 0 10px}.fzsec h2 svg{width:20px;height:20px;color:var(--gold)}
.fztabs{overflow-x:auto;scrollbar-width:none}.fztabs button{white-space:nowrap}
.fzboard{display:flex;flex-direction:column;gap:4px}
.fzrow{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;background:var(--p2);font-size:13.5px}.fzrow b{margin-left:auto;font-variant-numeric:tabular-nums}.fzrow.me{box-shadow:inset 0 0 0 2px var(--acc)}
.fzpl{width:30px;color:var(--mu);font-weight:800}
.fzme{display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:8px;background:var(--p2)}.fzme b{font-size:18px}
.fzwrap{max-width:1200px}
.fzhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.fzhead h1{margin:0;font-size:24px}.fzhead small{color:var(--mu)}
.fzhb{display:flex;align-items:center;gap:10px}.fzmini{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}.fzmini small{font-size:11px;color:var(--mu);text-transform:uppercase;font-weight:800}.fzmini b{font-size:18px}
.fzlayout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start}
.fzmain{position:relative;min-width:0}
.fzstage{background:radial-gradient(ellipse at 50% 0%,#2a4a6a,#0e1d2b 70%);border-radius:14px;padding:12px;min-height:320px;box-shadow:inset 0 0 0 1px #ffffff0a;user-select:none;-webkit-user-select:none}
.fcv{display:block;margin:0 auto;touch-action:none;-webkit-tap-highlight-color:transparent;border-radius:10px}
.fzside{display:flex;flex-direction:column;gap:12px;min-width:0}
.fzover{position:absolute;inset:0;z-index:3;display:grid;place-items:center;padding:14px;background:#08121cd0;border-radius:14px}
.fzres{width:min(360px,100%);background:var(--p1);border-radius:16px;padding:20px;text-align:center;display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 50px #000a,inset 0 0 0 1px #ffffff14;animation:fzin .35s cubic-bezier(.2,.9,.3,1.2)}
@keyframes fzin{from{opacity:0;transform:translateY(16px) scale(.94)}}
.fzrt{font-size:22px;font-weight:900}.fzres.lost .fzrt{color:#ffb0bd}
.fzstars{display:flex;justify-content:center;gap:6px}.fzstars i{font-style:normal;font-size:40px;line-height:1;color:#ffffff22}
.fzstars i.on{color:#ffcf3d;text-shadow:0 0 16px #ffcf3d88;animation:fzstar .45s cubic-bezier(.2,.9,.3,1.4) backwards}
@keyframes fzstar{from{opacity:0;transform:scale(.2) rotate(-40deg)}}
.fzsc{display:flex;flex-direction:column;align-items:center}.fzsc small{color:var(--mu);font-size:12px;text-transform:uppercase;font-weight:800}.fzsc b{font-size:34px;font-weight:900;font-variant-numeric:tabular-nums}
.fzsc em{font-style:normal;font-weight:900;color:#04261a;background:var(--gold);border-radius:999px;padding:2px 10px;font-size:12px;margin-top:4px;animation:fzin .4s .2s backwards}
.fzxp{display:flex;flex-direction:column;gap:6px}.fzxp small{color:var(--mu);font-size:12px}
.fzgains{display:flex;flex-direction:column;gap:5px;background:var(--p2);border-radius:10px;padding:10px}.fzgains div{display:flex;justify-content:space-between;gap:10px;font-size:13px;animation:fzin .4s backwards}
.fzgains div:nth-child(2){animation-delay:.12s}.fzgains div:nth-child(3){animation-delay:.24s}.fzgains .amt{color:var(--win)}.fzgains .coin{width:14px;height:14px}
.fzbtns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.fzbtns .btn{flex:1;min-width:110px}
.fzhow p{line-height:1.55}
/* Sweet Frost */
.swroot{width:100%}
.swmap{display:flex;flex-direction:column;gap:10px}
.swmaphead{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.swmaphead b{font-size:20px;color:var(--gold)}.swmaphead small{color:var(--mu);flex:1}
.swpath{display:flex;flex-direction:column;gap:18px;max-height:min(560px,calc(100vh - 260px));overflow-y:auto;padding:16px 8px;border-radius:12px;
  background:radial-gradient(circle at 20% 30%,#ff5fa222,transparent 40%),radial-gradient(circle at 80% 70%,#7a5cff22,transparent 40%),repeating-linear-gradient(180deg,#ffffff06 0 40px,transparent 40px 80px);scrollbar-width:thin}
.swnode{align-self:flex-start;margin-left:max(0px,calc(var(--x) - 36px));width:72px;height:72px;flex:none;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  background:radial-gradient(circle at 35% 30%,#ffb3d6,#ff5fa2 55%,#b0247a);color:#fff;box-shadow:0 6px 0 #7a1655,0 10px 18px #0007;transition:transform .12s}
.swnode.k-j{background:radial-gradient(circle at 35% 30%,#ffd1f0,#e05fd0 55%,#8a2490);box-shadow:0 6px 0 #5e1563,0 10px 18px #0007}
.swnode.k-c{background:radial-gradient(circle at 35% 30%,#bfe9ff,#3fa7ff 55%,#1d5fb0);box-shadow:0 6px 0 #133f78,0 10px 18px #0007}
.swnode:hover:not(:disabled){transform:translateY(-3px)}.swnode:active:not(:disabled){transform:translateY(3px)}
.swnode b{font-size:22px;font-weight:900;line-height:1;text-shadow:0 2px 0 #0004}
.swnode.locked{background:radial-gradient(circle at 35% 30%,#5a6b80,#36465a);box-shadow:0 6px 0 #222e3c;opacity:.75;cursor:not-allowed}
.swnode.cur{animation:swpulse 1.4s ease-in-out infinite}
@keyframes swpulse{50%{transform:scale(1.08)}}
.swst{display:flex;gap:1px}.swst i{font-style:normal;font-size:12px;color:#0004;line-height:1}.swst i.on{color:#ffe066}
.swplay{display:flex;flex-direction:column;gap:10px;align-items:stretch}
.swhud{display:flex;align-items:center;gap:10px;background:#0b1a2a;border-radius:12px;padding:8px 10px;flex-wrap:wrap}
.swhud small{display:block;font-size:10.5px;text-transform:uppercase;font-weight:800;color:var(--mu)}.swhud b{font-size:18px;font-weight:900;font-variant-numeric:tabular-nums}
.swl,.swmv{text-align:center;min-width:44px}.swmv b{font-size:24px;color:#ffe066}
.swsc{flex:1;min-width:130px;display:flex;flex-direction:column;gap:4px}.swscl{display:flex;align-items:baseline;gap:8px}
.swbar{position:relative;height:10px;border-radius:999px;background:#ffffff14}.swbar>i{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#ff5fa2,#ffcf3d);transform-origin:0 50%;transition:transform .3s}
.swmark{position:absolute;top:50%;transform:translate(-50%,-50%);font-size:15px;color:#ffffff40;line-height:1;text-shadow:0 1px 2px #000}.swmark.on{color:#ffe066}
.swgoal{display:flex;align-items:center;gap:8px;text-align:center}.swjelly{color:#ff9bd2}
.swwant{display:flex;align-items:center;gap:4px;background:#ffffff0d;border-radius:8px;padding:3px 7px}.swwant svg{width:24px;height:24px}.swwant.ok b{color:var(--win)}
.swboard{width:100%}
@media(max-width:1000px){.fzlayout{grid-template-columns:1fr}.fzcards{grid-template-columns:1fr 1fr}.fzmcard{grid-column:1/-1}}
@media(max-width:700px){.fzcards{grid-template-columns:1fr}.fzstage{padding:6px;border-radius:12px}.fzgrid{grid-template-columns:1fr}.fzhead h1{font-size:20px}.swhud{gap:6px;padding:6px 8px}.swnode{width:62px;height:62px}}
@media(prefers-reduced-motion:reduce){.swnode.cur,.fzstreak.done .fzflame svg{animation:none}}
.fzcards{align-items:start}.fzpass,.fzstreak{min-height:86px}
.fzgame>.btn{flex:none;width:auto;min-width:0;padding:9px 16px;font-size:13.5px}
.fzginfo b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fzginfo small,.fzbest{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.swmaphead .btn,.fzhb .btn{width:auto}
/* ---------------- Rain (chat) ---------------- */
body.raining .chat{box-shadow:-6px 0 18px #0006,inset 3px 0 0 #39c6ff,inset 0 0 40px #39c6ff22}
body.raining .chatbtn{position:relative;color:#7ad8ff;background:#39c6ff26}
body.raining .chatbtn::after{content:'';position:absolute;inset:-3px;border-radius:inherit;box-shadow:0 0 0 2px #39c6ff,0 0 14px #39c6ffaa;animation:rainring 1.6s ease-in-out infinite;pointer-events:none}
@keyframes rainring{50%{opacity:.3;transform:scale(1.1)}}
.rainbar{position:relative;flex:none;display:flex;flex-direction:column;gap:0;padding:0;border-bottom:1px solid var(--ln)}
.rainbar.idle{flex-direction:row;padding:8px 12px;justify-content:flex-end}.rainbar.idle .btn{width:auto;display:inline-flex;align-items:center;gap:6px}.rainbar .btn svg{width:16px;height:16px}
.rainbar.on{background:linear-gradient(135deg,#0d3b66,#14305a 60%,#1c2550);box-shadow:inset 0 0 0 1px #39c6ff55}
.rainrow{display:flex;align-items:center;gap:10px;padding:11px 12px 9px}
.raincloud{position:relative;flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#39c6ff22;box-shadow:inset 0 0 0 1px #39c6ff55;color:#9fe3ff;overflow:hidden}
.raincloud svg{width:26px;height:26px;position:relative;top:-4px}
.raincloud i{position:absolute;top:24px;width:2px;height:7px;border-radius:2px;background:#9fe3ff;animation:raindrip 1s linear infinite}
.raincloud i:nth-of-type(1){left:14px}.raincloud i:nth-of-type(2){left:20px;animation-delay:.33s}.raincloud i:nth-of-type(3){left:26px;animation-delay:.66s}
@keyframes raindrip{from{transform:translateY(0);opacity:1}to{transform:translateY(12px);opacity:0}}
.raininfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.raininfo small{color:#bfe3ff;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.raininfo small b{color:#fff}
.rainamt{font-size:20px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums;line-height:1.1}.rainamt span{font-size:12px;color:#9fe3ff;font-weight:800}
.rainr{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none}
.rainclock{font-size:14px;font-weight:900;font-variant-numeric:tabular-nums;color:#fff;background:#0007;border-radius:6px;padding:2px 8px;min-width:46px;text-align:center}.rainclock.soon{color:#ffcf3d}
.rainr .btn{width:auto;padding:7px 14px}.rainown{display:flex;gap:6px}.rainown .btn{padding:6px 10px;font-size:12.5px}
.rainprog{height:3px;background:#ffffff14}.rainprog i{display:block;height:100%;background:linear-gradient(90deg,#39c6ff,#9fe3ff);transform-origin:0 50%;transition:transform .25s linear}
.rainin{font-weight:900;color:var(--win);font-size:13.5px;padding:6px 4px}
.cmsg.csys{background:#39c6ff14;border:1px solid #39c6ff44;border-radius:10px;padding:8px 10px}.cmsg.csys p{margin:0;display:flex;gap:7px;align-items:flex-start;font-weight:700;color:#d9f2ff}
.cmsg.csys p svg{width:16px;height:16px;flex:none;color:#7ad8ff;margin-top:1px}.cmsg.csys.cend{background:#21e07a12;border-color:#21e07a44}.cmsg.csys.cend svg{color:var(--win)}
.raintoast b{display:flex;align-items:center;gap:6px}.raintoast b svg{width:18px;height:18px;color:#7ad8ff}
.rainform{display:flex;flex-direction:column;gap:10px;min-width:min(360px,80vw)}.rainform .btn{margin-top:4px}
.rainquick{display:flex;gap:6px;flex-wrap:wrap}.rainquick .chip{cursor:pointer}
@media(prefers-reduced-motion:reduce){.raincloud i{animation:none;opacity:0}body.raining .chatbtn::after{animation:none}}
/* ---------------- PIN lock screen ---------------- */
.pinlock{position:fixed;inset:0;z-index:100000;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;background:#070f1a;color:#fff;transition:opacity .4s,transform .4s}
.pinlock.bye{opacity:0;transform:scale(1.04)}.pinlock.bye .pincard{transform:translateY(-30px) scale(1.08);transition:transform .5s cubic-bezier(.5,0,.7,.4)}
.pinglow{position:absolute;inset:-2px;border-radius:26px;z-index:-1;overflow:hidden;pointer-events:none}
.pinglow::before{content:'';position:absolute;left:50%;top:50%;width:160%;aspect-ratio:1;margin:-80% 0 0 -80%;background:conic-gradient(from 0deg,transparent 0 60%,#39c6ff 72%,#a96bff 82%,transparent 92%);animation:pinspin 5s linear infinite;opacity:.7}
.pinglow::after{content:'';position:absolute;inset:2px;border-radius:24px;background:linear-gradient(180deg,#16304b,#0f2136)}
.pincard{isolation:isolate}
@keyframes pinspin{to{transform:rotate(360deg)}}
.pinlock.ok .pinglow::before{background:conic-gradient(from 0deg,#21e07a,#7cf2c4,#21e07a);animation-duration:1s}
.pingreet{margin:-4px 0 -10px;color:#7ad8ff;font-size:12px;font-weight:800;letter-spacing:.04em}
.pinkb{color:#6f88a3;font-size:11.5px;margin-top:-6px}
@media(hover:none){.pinkb{display:none}}
.pinbg{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 120%,#123a5e 0%,transparent 60%),linear-gradient(180deg,#081322,#0b1a2c 60%,#0d2238)}
.pa{position:absolute;border-radius:50%;opacity:.55}
.pa1{width:70vmax;height:70vmax;left:-25vmax;top:-35vmax;background:radial-gradient(circle,#2a7fd655,transparent 62%);animation:pinfloat 18s ease-in-out infinite}
.pa2{width:60vmax;height:60vmax;right:-25vmax;top:-10vmax;background:radial-gradient(circle,#7a4dff44,transparent 62%);animation:pinfloat 22s ease-in-out infinite reverse}
.pa3{width:55vmax;height:55vmax;left:20vmax;bottom:-35vmax;background:radial-gradient(circle,#21d0b244,transparent 62%);animation:pinfloat 26s ease-in-out infinite}
@keyframes pinfloat{50%{transform:translate(6vmax,4vmax) scale(1.08)}}
.pinsnow i{position:absolute;top:-10px;border-radius:50%;background:#fff;animation:pinfall linear infinite}
@keyframes pinfall{to{transform:translate3d(30px,105vh,0)}}
.pinmain{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:56px;align-items:center;width:min(980px,100%)}
.pinbrand{display:flex;flex-direction:column;gap:14px}
.pinmark{width:76px;height:76px;filter:drop-shadow(0 10px 30px #39c6ff88);animation:pinbob 5s ease-in-out infinite}
@keyframes pinbob{50%{transform:translateY(-6px) rotate(-4deg)}}
.pinword{margin:0;font-size:clamp(44px,6vw,68px);font-weight:900;font-style:italic;letter-spacing:-.02em;line-height:1;background:linear-gradient(180deg,#fff 30%,#9fe0ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.pintag{margin:0;font-size:17px;line-height:1.5;color:#b9cde2;max-width:420px}
.pinseason{align-self:flex-start;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#0b1520;background:linear-gradient(90deg,#7fe3ff,#c7b5ff);border-radius:999px;padding:6px 12px;box-shadow:0 6px 20px #39c6ff44}
.pinnews{display:flex;flex-direction:column;gap:8px;margin:4px 0 2px;max-width:440px}
.pinnew{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff14;animation:pinnewin .5s cubic-bezier(.2,1.2,.4,1) both}
.pinne{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:19px;background:#ffffff12}.pinnew b{display:block;color:#fff;font-size:14px}.pinnew small{display:block;color:#9fb6cc;font-size:12.5px;margin-top:1px}
@keyframes pinnewin{from{opacity:0;transform:translateX(-14px)}}
.pinchips{display:flex;flex-wrap:wrap;gap:8px}.pinchips span{font-size:12.5px;font-weight:800;padding:7px 12px;border-radius:999px;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff1c;color:#d7ecff}
.pinchips span::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#39c6ff;margin-right:7px;vertical-align:1px;box-shadow:0 0 8px #39c6ff}
.pincard{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;padding:30px 26px 22px;border-radius:24px;
  background:linear-gradient(180deg,#16304bf2,#0f2136f2);box-shadow:0 30px 80px #000c,inset 0 1px 0 #ffffff22,inset 0 0 0 1px #ffffff12}
.pincard::before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(160deg,#39c6ff88,transparent 40%,transparent 65%,#7a4dff66);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.pincard.err{animation:pinshake .45s}
@keyframes pinshake{15%,55%{transform:translateX(-12px)}35%,75%{transform:translateX(12px)}}
.pinlockico{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;color:#7ad8ff;background:radial-gradient(circle at 30% 25%,#1d4f7a,#0e2a44);box-shadow:inset 0 0 0 1px #39c6ff55,0 10px 30px #39c6ff33}
.pinlockico svg{width:34px;height:34px;overflow:visible}.pinlockico .shackle{transition:transform .35s cubic-bezier(.3,1.6,.5,1);transform-origin:33px 21px}
.pinlock.ok .pinlockico{color:#21e07a;box-shadow:inset 0 0 0 1px #21e07a88,0 10px 34px #21e07a55}.pinlock.ok .shackle{transform:translateY(-4px) rotate(28deg)}
.pinh{margin:0;font-size:22px;font-weight:900}
.pinmsg{margin:-6px 0 2px;color:#a9bfd6;font-size:13.5px;text-align:center;min-height:19px}.pinmsg.bad{color:#ff8fa3}.pinmsg.good{color:#21e07a;font-weight:800}
.pinslots{display:flex;gap:12px}
.pinslot{width:56px;height:64px;border-radius:16px;display:grid;place-items:center;background:#0a1828;box-shadow:inset 0 0 0 2px #ffffff18;transition:box-shadow .15s,background .15s}
.pinslot i{width:14px;height:14px;border-radius:50%;background:#fff;transform:scale(0);transition:transform .18s cubic-bezier(.3,1.7,.5,1)}
.pinslot.on i{transform:scale(1)}.pinslot.cur{box-shadow:inset 0 0 0 2px #39c6ff,0 0 18px #39c6ff44}
.pincard.err .pinslot{box-shadow:inset 0 0 0 2px #ff5f7e;background:#2a0f1a}.pincard.err .pinslot i{background:#ff8fa3}
.pinlock.ok .pinslot{box-shadow:inset 0 0 0 2px #21e07a,0 0 18px #21e07a55;background:#0b2a1e}.pinlock.ok .pinslot i{background:#21e07a}
.pinpad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;margin-top:4px}.pinpad.off{opacity:.35;pointer-events:none}
.pinkey{height:62px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#fff;
  background:linear-gradient(180deg,#ffffff16,#ffffff08);box-shadow:inset 0 1px 0 #ffffff1f,inset 0 0 0 1px #ffffff12,0 3px 0 #00000055;transition:transform .07s,background .12s,box-shadow .07s}
.pinkey b{font-size:25px;font-weight:800;line-height:1}.pinkey small{font-size:9.5px;font-weight:800;letter-spacing:.16em;color:#7f97b2}
.pinkey:hover{background:linear-gradient(180deg,#ffffff22,#ffffff0e)}.pinkey.down{transform:translateY(2px) scale(.97);background:#39c6ff33;box-shadow:inset 0 0 0 1px #39c6ff88,0 1px 0 #00000055}
.pinkey.del{background:transparent;box-shadow:none;color:#a9bfd6}.pinkey.del svg{width:26px;height:26px}.pinkey.del.down{background:#ffffff12}
.pinrem{display:flex;align-items:center;gap:10px;font-size:13px;color:#a9bfd6;cursor:pointer;margin-top:4px;user-select:none}
.pinrem input{position:absolute;opacity:0;pointer-events:none}
.pinsw{width:38px;height:22px;border-radius:999px;background:#ffffff1f;position:relative;transition:background .15s}.pinsw::after{content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}
.pinrem input:checked+.pinsw{background:#39c6ff}.pinrem input:checked+.pinsw::after{transform:translateX(16px)}.pinrem input:focus-visible+.pinsw{outline:2px solid #fff;outline-offset:2px}
.pinfoot{position:relative;margin:26px 0 0;font-size:12px;color:#6f86a0;text-align:center}
@media(max-width:900px){.pinmain{grid-template-columns:1fr;gap:22px;justify-items:center;width:min(400px,100%)}.pinbrand{align-items:center;text-align:center;gap:8px}
  .pinmark{width:52px;height:52px}.pinword{font-size:40px}.pintag,.pinchips,.pinnews{display:none}.pinseason{align-self:center;font-size:10.5px;padding:4px 10px}.pincard{width:100%;padding:24px 18px 18px}}
@media(max-width:380px){.pinslot{width:48px;height:56px}.pinkey{height:56px}}
@media(max-height:700px) and (max-width:900px){.pinbrand{display:none}.pinlockico{display:none}.pincard{gap:10px}.pinkey{height:52px}}
@media(prefers-reduced-motion:reduce){.pa,.pinsnow,.pinmark{animation:none}.pinsnow{display:none}}
/* ---------------- Grade Bets (keri apples) ---------------- */
.gbpage .pbanner{background:radial-gradient(ellipse at 85% 50%,#ff4d5e44,transparent 60%),linear-gradient(115deg,#3a1420,#16293a)}
.kapple{width:16px;height:16px;flex:none;vertical-align:-3px}.kapple.big{width:56px;height:56px}
.gbnote{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--p1);border-radius:12px;padding:12px 14px;margin-bottom:14px;flex-wrap:wrap}.gbnote .btn{width:auto}
.gbnewbox{margin-bottom:16px}.gbnewbox>summary{list-style:none;width:auto;display:inline-flex;cursor:pointer}.gbnewbox>summary::-webkit-details-marker{display:none}.gbnewbox[open]>summary{display:none}
.gbnew{display:flex;flex-direction:column;gap:12px;background:var(--p1);border-radius:14px;padding:16px;box-shadow:inset 0 0 0 1px #ff4d5e44}
.gbnewh{display:flex;justify-content:space-between;align-items:baseline}.gbnewh b{font-size:17px}
.gbopts{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-bottom:8px}.gboptrow{display:flex;gap:6px;align-items:center}.gboptrow .tin{flex:1;min-width:0}
.gbadd{width:auto}.gbnew>.btn.go{align-self:flex-start;width:auto;padding:12px 26px}
.gblist{display:flex;flex-direction:column;gap:14px}
.gbcard{background:var(--p1);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:inset 0 0 0 1px #ffffff0c}
.gbcard.gb-open{box-shadow:inset 0 0 0 1px #21e07a33}.gbcard.gb-cancelled{opacity:.65}
.gbhead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.gbhead h3{margin:0 0 4px;font-size:18px;line-height:1.3}
.gbpool{display:inline-flex;align-items:center;gap:3px;color:#ff8f9a}
.gbpill{flex:none;font-size:12px;font-weight:800;padding:5px 10px;border-radius:999px;white-space:nowrap}.gbpill.open{background:#21e07a22;color:var(--win)}.gbpill.closed{background:#ffcf3d22;color:var(--gold)}.gbpill.done{background:#39c6ff22;color:var(--acc)}.gbpill.off{background:#ffffff14;color:var(--mu)}
.gboptlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.gbopt{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:11px 12px;border-radius:12px;background:var(--p2);text-align:left;box-shadow:inset 0 0 0 1px #ffffff10;transition:box-shadow .12s,transform .08s}
.gbopt:not(:disabled):hover{box-shadow:inset 0 0 0 2px #ff4d5e88}.gbopt:not(:disabled):active{transform:scale(.98)}
.gbopt.sel{box-shadow:inset 0 0 0 2px #ff4d5e,0 0 16px #ff4d5e44}.gbopt.mine{box-shadow:inset 0 0 0 2px var(--acc)}
.gbopt.won{box-shadow:inset 0 0 0 2px var(--win),0 0 18px #21e07a44}.gbopt.lost{opacity:.6}
.gbbar{position:absolute;left:0;top:0;bottom:0;width:100%;background:linear-gradient(90deg,#ff4d5e2e,#ff4d5e10);transform-origin:0 50%;pointer-events:none;transition:transform .5s}
.gbon{position:relative;font-weight:900;font-size:15px}.gbtot{position:relative;display:flex;align-items:center;gap:2px;font-weight:800;font-size:13px}.gbtot small{color:var(--mu);font-weight:600}
.gbbet{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:#0b1a2a}.gbbet.ready{box-shadow:inset 0 0 0 1px #ff4d5e66}
.gbhint{color:var(--mu);font-size:12px}
.gbrow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.gbrow>.tin{flex:1;min-width:150px}.gbrow>.btn{width:auto;padding:11px 20px}
.gbnum{display:flex;align-items:center;gap:6px;background:var(--p2);border-radius:var(--r);padding:0 0 0 10px}.gbnum .kapple{width:20px;height:20px}.gbnum .tin{width:84px;background:transparent}
.gbquick{display:flex;gap:4px}.gbquick .chip{cursor:pointer;padding:6px 10px}
.gbmine{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:10px;background:#39c6ff14;font-size:14px}.gbmine .btn{width:auto}
.gbwho summary{cursor:pointer;font-weight:800;color:var(--mu);font-size:13.5px}
.gbtable{display:flex;flex-direction:column;gap:3px;margin-top:8px}
.gbtr{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1.2fr) 60px 80px;gap:8px;align-items:center;padding:7px 10px;border-radius:8px;background:var(--p2);font-size:13.5px}
.gbtr span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gbtr small{color:var(--mu);margin-left:6px;font-size:11.5px}.gbtr.me{box-shadow:inset 0 0 0 2px var(--acc)}
.gbth{background:none;color:var(--mu);font-size:11.5px;font-weight:800;text-transform:uppercase;padding:2px 10px}
.gbtr .up{color:var(--win);font-weight:800}.gbtr .dn{color:var(--loss)}.gbmine .up{color:var(--win)}.gbmine .dn{color:var(--loss)}
.gbrule{margin:0}
.gbown{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding-top:10px;border-top:1px dashed var(--ln)}.gbown .btn{width:auto}.gbsettle{display:flex;gap:6px;align-items:center}.gbsettle .sel{min-width:160px}
.gbempty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:40px 16px;background:var(--p1);border-radius:16px}.gbempty p{margin:0}
@media(max-width:700px){.gbhead{flex-direction:column}.gboptlist{grid-template-columns:1fr 1fr}.gbtr{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) 44px 60px;font-size:12.5px;padding:7px 8px}.gbtr small{display:none}.gbrow>.btn{flex:1}}
.gbsettle .btn{white-space:nowrap}
.swnode.k-i{background:radial-gradient(circle at 35% 30%,#e6fbff,#7cc8f0 55%,#2f7fb8);box-shadow:0 6px 0 #1f5a85,0 10px 18px #0007}
.swice{color:#9fe0ff}
.swboost{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-top:4px}
.swbst{position:relative;display:flex;align-items:center;gap:7px;padding:8px 14px 8px 9px;border-radius:12px;background:linear-gradient(180deg,#3a1d5e,#22123c);box-shadow:inset 0 0 0 1px #ff8fd055,0 3px 0 #0006;color:#fff;transition:transform .08s}
.swbst:not(:disabled):hover{box-shadow:inset 0 0 0 2px #ff8fd0,0 3px 0 #0006}.swbst:not(:disabled):active{transform:translateY(2px)}.swbst:disabled{opacity:.45}
.swbst.on{box-shadow:inset 0 0 0 2px #ffe066,0 0 16px #ffe06688;animation:swpulse 1s ease-in-out infinite}
.swbi{font-size:20px;line-height:1}.swbst b{font-size:13px}.swbst i{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#ff5fa2;font-style:normal;font-weight:900;font-size:11.5px;display:grid;place-items:center;box-shadow:0 2px 6px #0006}
.swbtip{color:var(--mu);font-size:12px;margin-left:auto}
@media(max-width:700px){.swboost{gap:8px}.swbst{padding:7px 10px 7px 7px}.swbst b{font-size:12px}.swbtip{width:100%;margin:0}}
/* Sweet Frost: candy-land look */
.fzstage.swstage{background:linear-gradient(180deg,#7fd3ff 0%,#b9a4ff 45%,#ff9fd2 100%);box-shadow:inset 0 0 0 1px #ffffff40}
.swroot{position:relative}
.swplay{padding:2px}
.swhud{background:linear-gradient(180deg,#ff6fb5,#d63d8f);box-shadow:inset 0 2px 0 #ffffff66,inset 0 -3px 0 #0003,0 6px 16px #8a1a5a55;border-radius:16px;color:#fff}
.swhud small{color:#ffe3f3}.swmv b{color:#fff;font-size:28px;text-shadow:0 2px 0 #9c1f60}.swhud .ibtn{background:#ffffff33;color:#fff}
.swbar{background:#7a1450aa;height:12px}.swbar>i{background:linear-gradient(90deg,#ffe066,#ffb347)}.swmark{color:#ffffff66}.swmark.on{color:#ffe066;text-shadow:0 0 6px #fff}
.swwant{background:#ffffff33}.swjelly,.swice{color:#fff}
.swboard{border-radius:18px}
.swboost .swbst{background:linear-gradient(180deg,#8a3cf0,#5a1fb0);box-shadow:inset 0 2px 0 #ffffff55,0 4px 0 #3a0f7a}
.swbtip{color:#4a1a6a;font-weight:700}
.swmap{background:linear-gradient(180deg,#8fdcff,#c7b3ff 50%,#ffb3dc);border-radius:16px;padding:12px}
.swmaphead{background:#ffffffcc;border-radius:12px;padding:8px 12px;color:#3a1a5a}.swmaphead b{color:#e8337f}.swmaphead small{color:#6a4a8a}
.swpath{background:radial-gradient(circle at 15% 20%,#ffffff55 0 40px,transparent 41px),radial-gradient(circle at 85% 60%,#ffffff44 0 60px,transparent 61px),radial-gradient(circle at 30% 85%,#9ff5b455 0 80px,transparent 81px),linear-gradient(180deg,#a8ecff,#ffd1ea);gap:22px}
.swnode{background:radial-gradient(circle at 35% 30%,#ffd1e8,#ff5fa8 55%,#c41f72);border:4px solid #fff;box-shadow:0 6px 0 #8f1553,0 10px 18px #6a1a5a55}
.swnode.locked{background:radial-gradient(circle at 35% 30%,#d8d2ea,#9a92b8);border-color:#ffffffaa;box-shadow:0 6px 0 #6a6488}
.swnode .swst i{color:#ffffff80}.swnode .swst i.on{color:#ffe066;text-shadow:0 1px 0 #b07a00}
/* ---------------- group chats and voice calls ---------------- */
.cfindrow{display:flex;gap:6px;align-items:center}.cfindrow .tin{flex:1;min-width:0}
.cnewg{width:auto;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:8px 10px}.cnewg svg{width:16px;height:16px}
.cgav{border-radius:10px;font-size:12px;letter-spacing:.02em}.cgav.live{box-shadow:0 0 0 2px var(--win)}
.cgtag{font-style:normal;font-size:10.5px;font-weight:800;background:#ffffff1a;color:var(--mu);border-radius:999px;padding:1px 6px;margin-left:6px}
.cbname{display:block;font-size:11.5px;font-weight:800;color:var(--acc2);padding:0;margin-bottom:2px}
.csysg{align-self:center;font-size:11.5px;color:var(--mu);background:#ffffff0d;border-radius:999px;padding:3px 10px;margin:2px 0;text-align:center}
.ccall{color:var(--win)}.ccall.live{background:#21e07a26;box-shadow:0 0 0 2px #21e07a88}.ccall:disabled{opacity:.4}
.gform,.ginfo{display:flex;flex-direction:column;gap:10px;min-width:min(380px,80vw)}.ginfo h4{margin:8px 0 0;font-size:13px;color:var(--mu)}
.gpick{display:flex;flex-direction:column;gap:6px}.gpchips{display:flex;flex-wrap:wrap;gap:6px}
.gpchip{background:#39c6ff26;color:#cdeeff;border-radius:999px;padding:4px 10px;font-weight:700;font-size:12.5px}
.gmems{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow:auto}.gmem{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:var(--p2)}
.gmem .btn{width:auto;margin-left:auto}.gleave{width:auto;align-self:flex-start;color:var(--loss)}
.callring{position:fixed;z-index:95;right:16px;top:calc(var(--topH) + 10px);width:340px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px 14px;padding:16px;border-radius:20px;background:radial-gradient(120% 90% at 0 0,#1c5a8a,#0f2238 60%);box-shadow:0 24px 60px #000b,inset 0 0 0 1px #39c6ff55;animation:crin .4s cubic-bezier(.2,1.3,.4,1)}
@keyframes crin{from{opacity:0;transform:translateY(-16px) scale(.94)}}
.crkind{font-size:10.5px!important;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#7ad8ff!important}
.crbtns{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.crbtns .crbtn{width:auto;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:900;font-size:14px}
.crbtn.no svg{transform:rotate(135deg)}.crbtn.yes{animation:crwig 1.3s ease-in-out infinite}@keyframes crwig{0%,60%,100%{transform:none}70%{transform:rotate(-4deg)}80%{transform:rotate(4deg)}90%{transform:rotate(-2deg)}}
.callbar.ringing .cldot{background:var(--gold);animation:rblive .8s steps(2) infinite}
.crav{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#21e07a26;color:var(--win);animation:ringpulse 1.2s ease-in-out infinite}.crav svg{width:22px;height:22px}
@keyframes ringpulse{50%{transform:scale(1.1) rotate(-10deg)}}
.crtxt{display:flex;flex-direction:column;min-width:0;gap:1px}.crtxt b{font-size:17px}.crtxt b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crtxt small{color:var(--mu)}
.crbtn{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff}.crbtn svg{width:20px;height:20px}
.crbtn.yes{background:var(--win)}.crbtn.no{background:var(--loss)}.crbtn:active{transform:scale(.94)}
.callbar{position:fixed;z-index:94;left:50%;top:calc(var(--topH) + 10px);transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;border-radius:999px;background:#0f2238f2;box-shadow:0 12px 30px #0009,inset 0 0 0 1px #ffffff22;max-width:calc(100vw - 24px)}
.callbar.live{box-shadow:0 12px 30px #0009,inset 0 0 0 2px #21e07a88}
.cldot{width:10px;height:10px;border-radius:50%;background:var(--gold);flex:none}.callbar.live .cldot{background:var(--win);animation:rainring 1.4s ease-in-out infinite}
.clinfo{display:flex;flex-direction:column;min-width:0;line-height:1.2}.clinfo b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.clinfo small{color:var(--mu);font-size:11.5px;white-space:nowrap}
.clbtn{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#ffffff1a;color:#fff;flex:none}.clbtn svg{width:18px;height:18px}.clbtn.on{background:var(--gold);color:#3a2a00}
.clbtn.end{background:var(--loss)}.clbtn.end svg{transform:rotate(135deg)}
@media(max-width:700px){.callring{left:12px;right:12px;width:auto;top:calc(var(--topH) + 52px)}.callbar{top:calc(var(--topH) + 52px)}}
.raintime{display:flex;gap:8px}.raintime .tin{flex:1;min-width:0}.raintime .sel{width:auto}
.rainseg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rainseg button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border-radius:12px;background:var(--p2);text-align:left;box-shadow:inset 0 0 0 1px #ffffff12}
.rainseg button[aria-checked=true]{box-shadow:inset 0 0 0 2px var(--acc);background:#39c6ff14}.rainseg small{color:var(--mu);font-size:11.5px}
.raingrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rainprev{margin:0}
.rainnote{margin:0;padding:0 12px 8px;color:#d7efff;font-size:12.5px;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:500px){.raingrid,.rainseg{grid-template-columns:1fr}}
/* ---------------- Snow Pulse (memecoin sim) ---------------- */
.hslide.s24{background:linear-gradient(115deg,#0f3b2a,#0b1f2e 55%,#161033)}.pulseart{width:100%;height:auto}
/* ---------------- smoothness: skip drawing what's off screen ---------------- */
.page>section.row,.page>.bets,.page>.trust,.gwrap>section.row,.gwrap>.bets{content-visibility:auto;contain-intrinsic-size:auto 320px}
.page>section.row.lsports{contain-intrinsic-size:auto 170px}
.foot{content-visibility:auto;contain-intrinsic-size:auto 420px}
.tblw{contain:content}
/* polish: Fun Zone game tiles (art on top, like a games portal) */
.fzgrid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px}
.fzgame{flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden;background:var(--p1);border-radius:16px;box-shadow:inset 0 0 0 1px #ffffff0d,0 8px 20px #0005}
.fzgame:hover{transform:translateY(-5px)}
.fzart{width:100%;border-radius:0;box-shadow:none;position:relative}
.fzpill{position:absolute;left:50%;top:40%;transform:translate(-50%,6px);opacity:0;padding:8px 22px;border-radius:999px;background:var(--acc);color:var(--accd);font-weight:900;font-size:13px;box-shadow:0 6px 16px #0007;transition:opacity .15s,transform .15s}
.fzgame:hover .fzpill,.fzgame:focus-visible .fzpill{opacity:1;transform:translate(-50%,0)}
.fzginfo{padding:10px 12px 12px;background:linear-gradient(180deg,color-mix(in srgb,var(--fc) 18%,var(--p1)),var(--p1))}
.fzginfo b{font-size:15px}
@media(hover:none){.fzpill{display:none}}
@media(max-width:700px){.fzgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
/* polish: the sign-in / register window */
.modal.authmodal{width:min(760px,calc(100vw - 24px));max-width:none}
.authm{display:grid;grid-template-columns:270px minmax(0,1fr);gap:0;margin:-4px -4px 0}
.authside{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:10px;padding:22px 20px;border-radius:14px;color:#fff;
  background:radial-gradient(circle at 20% 0%,#39c6ff55,transparent 55%),radial-gradient(circle at 100% 100%,#7a4dff55,transparent 55%),linear-gradient(160deg,#123a5e,#0d1e33)}
.authside::after{content:'';position:absolute;right:-40px;bottom:-40px;width:160px;height:160px;border-radius:50%;background:#ffffff08;box-shadow:0 0 0 30px #ffffff05}
.authlogo{width:46px;height:46px;filter:drop-shadow(0 6px 16px #39c6ff88)}
.authword{font-size:26px;font-weight:900;font-style:italic;letter-spacing:-.01em}
.authside p{margin:0;color:#cfe3f5;font-size:13.5px;line-height:1.5}
.authside ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.authside li{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:#e6f4ff}.authside li svg{width:18px;height:18px;flex:none;color:#7ad8ff}
.authmain{padding:4px 4px 0 20px;display:flex;flex-direction:column}
@media(max-width:700px){.authm{grid-template-columns:1fr;gap:14px}.authside{padding:14px 16px;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 10px}.authside p{width:100%}.authside ul,.authside::after{display:none}
  .authlogo{width:34px;height:34px}.authword{font-size:21px}.authmain{padding:0}}
/* Grade Bets: one apple per bet; the owner can take bets off */
.gbone{padding:0 14px 0 10px;min-height:42px;gap:6px}.gbone b{font-size:16px}.gbone small{color:var(--mu);font-size:12px;white-space:nowrap}
.gbtable.own .gbtr{grid-template-columns:minmax(0,1.6fr) minmax(0,1.2fr) 60px 80px 32px}
.gbdel{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#ff4d6a1f;color:#ff8da0;border:0;cursor:pointer;padding:0}.gbdel:hover{background:#ff4d6a40;color:#fff}.gbdel svg{width:14px;height:14px}
@media(max-width:700px){.gbtable.own .gbtr{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) 36px 44px 30px}}
/* ---------- Snow Pulse: an Axiom-style trading terminal ---------- */
.axpage{--ax0:#07090d;--ax1:#0e1117;--ax2:#141820;--ax3:#1c2129;--ax4:#252b37;--axl:#1e242f;--axt:#e8ebf2;--axm:#7c8598;--axm2:#5b6375;--axup:#2fe0a0;--axdn:#f2476a;--axacc:#5b7cff;--axgold:#ffcf3d;
  color:var(--axt);background:var(--ax0);border-radius:14px;box-shadow:inset 0 0 0 1px var(--axl);min-height:calc(100vh - 140px);font-variant-numeric:tabular-nums;overflow:clip}
.axpage .up{color:var(--axup)}.axpage .dn{color:var(--axdn)}
.axi{width:14px;height:14px;flex:none}
.axtop{display:flex;align-items:center;gap:14px;padding:10px 14px;border-bottom:1px solid var(--axl);background:var(--ax1);position:sticky;top:0;z-index:5}
.axbrand{display:flex;align-items:center;gap:8px;color:var(--axt);text-decoration:none;flex:none}.axbrand b{font-size:15px;letter-spacing:-.01em}
.axbrand em{font-style:normal;font-size:9.5px;font-weight:900;letter-spacing:.08em;color:var(--axgold);background:#ffcf3d1f;border-radius:4px;padding:2px 5px}
.axlogo{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,#5b7cff,#2fe0a0);color:#06121a}.axlogo svg{width:16px;height:16px}
.axtabs{display:flex;gap:2px}.axtab{padding:7px 12px;border-radius:8px;color:var(--axm);font-weight:800;font-size:13.5px;text-decoration:none;white-space:nowrap}.axtab:hover{color:var(--axt);background:var(--ax2)}.axtab.on{color:var(--axt);background:var(--ax3)}
.axsrch{position:relative;flex:1;max-width:380px;display:flex;align-items:center;gap:8px;background:var(--ax2);border:1px solid var(--axl);border-radius:10px;padding:0 10px;color:var(--axm);margin-left:auto}
.axsearch{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--axt);font:inherit;font-size:13px;height:34px}
.axsrch kbd{font:700 11px Inter,system-ui,sans-serif;color:var(--axm);border:1px solid var(--axl);border-radius:5px;padding:1px 6px}
.axdrop{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--ax2);border:1px solid var(--axl);border-radius:12px;box-shadow:0 16px 40px #000a;padding:6px;z-index:20}
.axdrop p{margin:8px;color:var(--axm);font-size:13px}
.axhit{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;color:var(--axt);text-decoration:none;font-size:13px}.axhit:hover{background:var(--ax3)}.axhit span{color:var(--axm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.axhit em{font-style:normal;font-weight:800}
.axbal{display:flex;gap:6px;flex:none}.axbal>span{display:flex;align-items:center;gap:6px;background:var(--ax2);border:1px solid var(--axl);border-radius:10px;padding:0 10px;height:34px;font-size:13px}.axbal .coin{width:16px;height:16px}.axhold{color:var(--axm)}.axhold b{color:var(--axt)}
.axbody{padding:14px}
.axph{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px}.axph h1{margin:0;font-size:20px;letter-spacing:-.01em}.axph p{margin:3px 0 0;color:var(--axm);font-size:12.5px;max-width:680px}
.axload{display:flex;flex-direction:column;align-items:center;gap:8px;padding:90px 20px;color:var(--axm)}.axload b{color:var(--axt);font-size:16px}
.axspin{width:34px;height:34px;border-radius:50%;border:3px solid var(--ax3);border-top-color:var(--axup);animation:axspin .8s linear infinite}@keyframes axspin{to{transform:rotate(360deg)}}
.axgrow{flex:1}
/* pulse */
.axseg{display:none}
.axcols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.axcol{background:var(--ax1);border:1px solid var(--axl);border-radius:12px;display:flex;flex-direction:column;min-width:0;height:calc(100vh - 250px);min-height:560px}
.axcol>header{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:10px 10px 8px;border-bottom:1px solid var(--axl)}
.axch{display:flex;align-items:center;gap:7px}.axch b{font-size:14px}.axcnt{font-style:normal;font-size:11px;font-weight:800;color:var(--axm);background:var(--ax3);border-radius:5px;padding:1px 6px}
.axcol>header>small{color:var(--axm2);font-size:11.5px}
.axpaused{display:flex;align-items:center;gap:3px;font-size:10.5px;font-weight:900;color:var(--axgold);text-transform:uppercase;letter-spacing:.05em}.axpaused .axi{width:11px;height:11px}
.axctl{display:flex;align-items:center;gap:6px;margin-left:auto}
.axq{display:flex;align-items:center;gap:4px;background:var(--ax2);border:1px solid var(--axl);border-radius:8px;padding:0 4px 0 7px;color:var(--axacc)}.axq .axi{width:12px;height:12px}
.axqin{width:58px;height:28px;background:none;border:0;outline:0;color:var(--axt);font:700 12.5px Inter,system-ui,sans-serif}
.axpre{display:flex;background:var(--ax2);border:1px solid var(--axl);border-radius:8px;overflow:hidden}.axpre button{border:0;background:none;color:var(--axm);font:800 11px Inter,system-ui,sans-serif;padding:0 7px;height:28px;cursor:pointer}.axpre button.on{color:var(--axacc);background:#5b7cff1f}
.axfbtn{width:30px;height:30px;border-radius:8px;border:1px solid var(--axl);background:var(--ax2);color:var(--axm);display:grid;place-items:center;cursor:pointer}.axfbtn.on{color:var(--axacc);border-color:#5b7cff88}
.axfilt{padding:10px;border-bottom:1px solid var(--axl);background:var(--ax2);display:flex;flex-direction:column;gap:8px}
.axfgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.axfgrid label{display:flex;flex-direction:column;gap:3px}.axfgrid small{color:var(--axm);font-size:11px;font-weight:700}.axfgrid .tin{height:32px;font-size:13px;background:var(--ax1)}
.axchk{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--axt);cursor:pointer}.axfrow{display:flex;gap:6px;justify-content:flex-end}.axfrow .btn{width:auto}
.axlist{flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--ax4) transparent}
.axempty{color:var(--axm);text-align:center;padding:26px 14px;font-size:13px;margin:0}.axempty.big{display:flex;flex-direction:column;align-items:center;gap:12px;padding:80px 20px}.axempty.big .btn{width:auto}
.axcard{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:10px;border-bottom:1px solid var(--axl);color:var(--axt);text-decoration:none;transition:background .12s}
.axcard:hover{background:var(--ax2)}.axcard.axheld{box-shadow:inset 3px 0 0 var(--axgold)}.axcard.rug .axtk{color:var(--axdn)}
.axcard.fresh{animation:axin .5s ease-out}@keyframes axin{from{background:#5b7cff30;transform:translateY(-6px);opacity:.3}to{background:transparent;transform:none;opacity:1}}
.axcl{display:flex;flex-direction:column;align-items:center;gap:4px}.axca{font-size:10px;color:var(--axm2);font-family:ui-monospace,Menlo,monospace}
.axav{--p:0;width:var(--s);height:var(--s);border-radius:9px;padding:2px;flex:none;background:conic-gradient(var(--ring,#2fe0a0) calc(var(--p)*1%),#2a3140 0);display:block}
.axav[data-ph=migrated]{--ring:#ffcf3d}.axav[data-ph=dead]{--ring:#5b6375;filter:grayscale(.6)}
.axavin{display:grid;place-items:center;width:100%;height:100%;border-radius:7px;background:radial-gradient(circle at 30% 22%,hsl(var(--h) 92% 70%),hsl(calc(var(--h) + 35) 70% 30%) 75%);overflow:hidden;box-shadow:inset 0 0 0 2px #0007}
.axavin svg{width:56%;height:56%;filter:drop-shadow(0 2px 3px #0006)}.axavin img{width:100%;height:100%;display:block;object-fit:cover;user-select:none;-webkit-user-drag:none}
.axcm{min-width:0;display:flex;flex-direction:column;gap:5px;justify-content:center;overflow:hidden}
.axr1{display:flex;align-items:center;gap:6px;min-width:0}.axtk{font-size:15px;letter-spacing:-.01em}.axnm{color:var(--axm);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.axcp{border:0;background:none;color:var(--axm2);padding:2px;cursor:pointer;display:grid;place-items:center}.axcp:hover{color:var(--axt)}.axcp .axi{width:12px;height:12px}
.axr2{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--axm);min-width:0;white-space:nowrap}
.axage{color:var(--axup);font-weight:800;font-size:11.5px}
.axsoc{display:flex;gap:4px}.axsoc i{display:grid;place-items:center;color:var(--axm)}.axsoc .axi{width:13px;height:13px}
.axst{display:flex;align-items:center;gap:3px}.axst .axi{width:12px;height:12px}.axst b{color:var(--axt);font-size:11.5px}.axst.kol{color:var(--axgold)}
.axdevb{font-size:10.5px;font-weight:800;color:var(--axm);border:1px solid var(--axl);border-radius:5px;padding:0 5px}.axdevb::before{content:'DEV ';color:var(--axm2)}.axdevb.bad{color:var(--axdn);border-color:#f2476a55}
.axpills{display:flex;gap:4px;flex-wrap:wrap}
.axpill{display:inline-flex;align-items:center;gap:3px;height:20px;padding:0 6px;border-radius:6px;font-size:11px;font-weight:800;border:1px solid}.axpill .axi{width:11px;height:11px}
.axpill.good{color:var(--axup);border-color:#2fe0a033;background:#2fe0a00d}.axpill.bad{color:var(--axdn);border-color:#f2476a40;background:#f2476a12}
.axcr{display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:12px;padding-bottom:28px}
.axcr small{color:var(--axm2);font-weight:800;margin-right:3px;font-size:11px}.axcr b{font-weight:800}
.axmc b{font-size:14px}.mc1{color:#8fb4ff}.mc2{color:#ffd76a}.mc3{color:#ff9f43}.mc4{color:var(--axup)}
.axftx b{margin-right:6px}.axftx b:last-child{margin-right:0}
.axtxbar{width:64px;height:3px;border-radius:2px;background:var(--axdn);overflow:hidden}.axtxbar i{display:block;height:100%;background:var(--axup);transform-origin:left}
.axqb{position:absolute;right:10px;bottom:9px;display:flex;align-items:center;gap:4px;height:26px;padding:0 10px;border-radius:999px;border:0;background:var(--axacc);color:#fff;font:800 12px Inter,system-ui,sans-serif;cursor:pointer;box-shadow:0 4px 12px #5b7cff44}.axqb:hover{filter:brightness(1.15)}.axqb .axi{width:12px;height:12px}
.axqb.in{position:static}
/* tables */
.axbar2{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.axseg2{display:flex;gap:2px;background:var(--ax1);border:1px solid var(--axl);border-radius:10px;padding:3px}.axseg2 button{border:0;background:none;color:var(--axm);font:800 12.5px Inter,system-ui,sans-serif;padding:6px 11px;border-radius:7px;cursor:pointer;white-space:nowrap}.axseg2 button[aria-pressed=true]{background:var(--ax3);color:var(--axt)}
.axseg2.sm{margin:0 0 8px;width:max-content;max-width:calc(100% - 20px);overflow-x:auto}.axseg2.sm button{padding:4px 9px;font-size:12px}
.axtable{display:flex;flex-direction:column;font-size:12.5px;min-width:0}
.axtr{display:grid;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--axl);color:var(--axt);text-decoration:none;min-width:0}
.axtr>span,.axtr>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
a.axtr:hover,.axtbody .axtr:hover{background:var(--ax2)}
.axth{color:var(--axm2);font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;background:var(--ax1);position:sticky;top:0;z-index:1}
.axdisc{background:var(--ax1);border:1px solid var(--axl);border-radius:12px;overflow:hidden}
.axdisc .axtr{grid-template-columns:minmax(200px,2.2fr) 1fr .8fr .8fr .8fr minmax(220px,1.8fr) 70px}
.axpair{display:flex;align-items:center;gap:10px;min-width:0;color:var(--axt);text-decoration:none}.axpair>span{display:flex;flex-direction:column;gap:3px;min-width:0}.axpair b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.axpair b small{color:var(--axm);font-weight:600}
.axcol2{display:flex;flex-direction:column;gap:2px}.axcol2 small{font-size:11px;font-weight:800}
/* trackers */
.axtrk{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:10px;align-items:start}
.axpanel{background:var(--ax1);border:1px solid var(--axl);border-radius:12px;min-width:0;overflow:hidden}
.axpanel>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid var(--axl)}.axpanel>header b{font-size:13.5px}.axpanel>header small{color:var(--axm);font-size:11.5px}
.axwl,.axfeed2{max-height:calc(100vh - 290px);min-height:300px;overflow:auto}
.axwrow{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--axl)}.axwrow.on{background:#5b7cff0d}
.axwav{width:34px;height:34px;border-radius:10px;background:var(--ax3);display:grid;place-items:center;font-size:18px}
.axwmain{display:flex;flex-direction:column;gap:2px;min-width:0}.axwmain b{font-size:13.5px}
.axaddr{border:0;background:none;padding:0;color:var(--axm);font:600 11.5px ui-monospace,Menlo,monospace;cursor:pointer;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.axaddr:hover{color:var(--axt)}
.axwstat{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.axwstat small{color:var(--axm2);font-size:11px}
.axstar{width:30px;height:30px;border-radius:8px;border:1px solid var(--axl);background:var(--ax2);color:var(--axm2);display:grid;place-items:center;cursor:pointer}.axstar.on{color:var(--axgold);border-color:#ffcf3d66}.axstar.on .axi{fill:currentColor}
.axfr{display:grid;grid-template-columns:34px minmax(0,1.2fr) 46px 70px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--axl);color:var(--axt);text-decoration:none;font-size:12.5px}.axfr:hover{background:var(--ax2)}.axfr>small{color:var(--axm)}
.axpro{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:800;color:#9fb8ff}
.axside{font-style:normal;font-size:11px;font-weight:900;text-align:center;border-radius:5px;padding:2px 0}.axside.b{color:var(--axup);background:#2fe0a01a}.axside.s{color:var(--axdn);background:#f2476a1a}
.axfc{display:flex;align-items:center;gap:6px;min-width:0}
.axalert{width:auto;display:inline-flex;align-items:center;gap:6px}.axalert .axi{width:15px;height:15px}
/* portfolio */
.axsum{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:10px}.axsum>div{background:var(--ax1);border:1px solid var(--axl);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:4px;min-width:0}.axsum small{color:var(--axm);font-size:11.5px;font-weight:700}.axsum b{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.axpnl{position:relative;padding:10px 12px}.axpnlsvg{display:block;width:100%;height:140px}.axpnlv{position:absolute;top:12px;right:14px;font-size:18px}
.axbody>.axpanel+.axpanel{margin-top:10px}
.axpt .axtr{grid-template-columns:minmax(160px,1.6fr) 1fr 1fr 1fr 1.2fr auto}.axht .axtr{grid-template-columns:80px minmax(0,2fr) 1fr 1fr 1.2fr 64px}.axot .axtr{grid-template-columns:minmax(120px,1.2fr) 1.3fr 1fr 1.2fr 1fr auto}
.axacts{display:flex;gap:6px}.axacts .btn{width:auto;padding:5px 10px;font-size:12px;min-height:0}
.axtr small{color:var(--axm);font-weight:600}
/* coin page */
.axthead{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--ax1);border:1px solid var(--axl);border-radius:12px;padding:10px 14px;margin-bottom:10px}
.axtn{display:flex;flex-direction:column;gap:4px;min-width:0}.axtn1{display:flex;align-items:center;gap:8px}.axtn1 h1{margin:0;font-size:19px}.axtn1>span{color:var(--axm);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.axtn2{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--axm);flex-wrap:wrap}
.axphase{font-size:11px;font-weight:900;padding:2px 8px;border-radius:6px;background:#2fe0a01a;color:var(--axup)}.axphase.ph-migrated{background:#ffcf3d1f;color:var(--axgold)}.axphase.ph-dead,.axphase.ph-rug{background:#f2476a1f;color:var(--axdn)}
.axpaid{display:inline-flex;align-items:center;gap:3px;color:#7fd8ff;font-weight:800}.axpaid .axi{width:12px;height:12px}
.axtstats{display:flex;gap:18px;margin-left:auto;flex-wrap:wrap}.axtstats>div{display:flex;flex-direction:column;gap:2px;min-width:58px}.axtstats>div.big{min-width:96px}.axtstats small{color:var(--axm2);font-size:11px;font-weight:700}.axtstats b{font-size:14px}.axtstats .big b{font-size:20px}.axtstats .big small:last-child{font-weight:800}
.axcurve{display:block;width:70px;height:3px;background:var(--ax3);border-radius:2px;overflow:hidden}.axcurve i{display:block;height:100%;background:var(--axup);transform-origin:left}
.axgrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:10px;align-items:start}
.axleft,.axright{display:flex;flex-direction:column;gap:10px;min-width:0}
.axcbar{padding:6px 8px!important}
.axtf{display:flex;gap:2px}.axtf button{border:0;background:none;color:var(--axm);font:800 12px Inter,system-ui,sans-serif;padding:5px 9px;border-radius:6px;cursor:pointer}.axtf button[aria-pressed=true]{background:var(--ax3);color:var(--axt)}.axtf.sm button{padding:3px 8px;font-size:11.5px}
.axchartw{width:100%;background:var(--ax0)}.axchart{display:block;width:100%;cursor:crosshair;touch-action:pan-y}
.axbtabs{display:flex;gap:2px;padding:6px;border-bottom:1px solid var(--axl);overflow-x:auto;scrollbar-width:none}.axbtabs::-webkit-scrollbar{display:none}
.axbtabs button{border:0;background:none;color:var(--axm);font:800 12.5px Inter,system-ui,sans-serif;padding:7px 11px;border-radius:7px;cursor:pointer;white-space:nowrap}.axbtabs button[aria-pressed=true]{background:var(--ax3);color:var(--axt)}
.axbmain{padding:8px 0;min-height:240px}.axbmain>.axseg2{margin-left:10px}
.axtbody{max-height:420px;overflow:auto}
.axtt .axtr{grid-template-columns:42px 46px 1fr 1fr 1fr minmax(0,1.6fr);padding:6px 12px}.axtt .axtr.me{background:#ffcf3d0f}.axtt .axtr.devr{background:#ff6b4a10}
.axtr.new{animation:axnew 1s ease-out}@keyframes axnew{from{background:#5b7cff26}}
.axwho{display:flex;align-items:center;gap:6px;min-width:0}.axk{font-style:normal;font-size:9.5px;font-weight:900;padding:1px 5px;border-radius:4px;letter-spacing:.03em;flex:none}
.axk.kd{background:#ff6b4a26;color:#ff8a6a}.axk.ki{background:#ff9f4326;color:#ffb36a}.axk.kb{background:#b06bff26;color:#c99bff}.axk.ks{background:#ffd23d26;color:#ffd76a}.axk.ky{background:#ffffff26;color:#fff}.axk.axkp{background:#5b7cff26;color:#9fb8ff}
.axhold2 .axtr,.axtop2 .axtr{grid-template-columns:30px minmax(0,1.6fr) 1.2fr .9fr .9fr .9fr;padding:6px 12px}.axtr.pool{background:#5b7cff0a}.axtr.me{background:#ffcf3d0f}
.axpct{position:relative;display:flex;align-items:center;isolation:isolate}.axpct i{position:absolute;left:0;top:50%;height:16px;margin-top:-8px;background:#5b7cff2e;border-radius:3px;z-index:-1}
.axdevt .axtr{grid-template-columns:minmax(0,2fr) 1fr .8fr 1fr;padding:6px 12px}
.axdevsum{margin:4px 12px 10px;padding:10px 12px;border-radius:10px;font-size:13px;font-weight:700}.axdevsum.bad{background:#f2476a14;color:#ff9fb0}.axdevsum.ok{background:#2fe0a010;color:#8ff0c8}
.axtrade{padding:10px;display:flex;flex-direction:column;gap:8px}
.axvhead{display:flex;justify-content:flex-end}
.axvstrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.axvstrip>div{background:var(--ax2);border-radius:8px;padding:6px 7px;display:flex;flex-direction:column;gap:2px;min-width:0}.axvstrip small{color:var(--axm2);font-size:10.5px;font-weight:800}.axvstrip b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.axvstrip em{font-style:normal;font-size:10.5px;color:var(--axm);white-space:nowrap}
.axside2{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--ax2);border-radius:10px;padding:3px}.axside2 button{border:0;background:none;color:var(--axm);font:900 13.5px Inter,system-ui,sans-serif;padding:8px;border-radius:8px;cursor:pointer}
.axside2 .axbuy[aria-pressed=true]{background:var(--axup);color:#04241a}.axside2 .axsell[aria-pressed=true]{background:var(--axdn);color:#fff}
.axotype{display:flex;gap:2px;border-bottom:1px solid var(--axl)}.axotype button{border:0;background:none;color:var(--axm);font:800 12.5px Inter,system-ui,sans-serif;padding:6px 8px 8px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.axotype button[aria-pressed=true]{color:var(--axt);border-bottom-color:var(--axacc)}
.axform{display:flex;flex-direction:column;gap:8px}
.axamt{display:flex;align-items:center;gap:8px;background:var(--ax2);border:1px solid var(--axl);border-radius:10px;padding:0 10px;height:44px}.axamt:focus-within{border-color:#5b7cff99}
.axamt small{color:var(--axm);font-size:11.5px;font-weight:800;white-space:nowrap}.axamt span{display:flex;align-items:center;gap:4px;color:var(--axm);font-size:12px;font-weight:800;white-space:nowrap}.axamt .coin{width:15px;height:15px}
.axin{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--axt);font:800 16px Inter,system-ui,sans-serif;text-align:right}
.axpre4{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.axpre4.rel{grid-template-columns:repeat(auto-fit,minmax(48px,1fr))}.axpre4 button{border:1px solid var(--axl);background:var(--ax2);color:var(--axt);font:800 12px Inter,system-ui,sans-serif;padding:7px 0;border-radius:8px;cursor:pointer}.axpre4 button:hover{border-color:#5b7cff88}
.axadv{display:flex;align-items:center;gap:6px;font-size:12.5px;flex-wrap:wrap}.axadv .axin{flex:none;width:56px;height:30px;background:var(--ax2);border:1px solid var(--axl);border-radius:7px;padding:0 6px;font-size:13px;text-align:center}.axadv span{color:var(--axm)}
.axest{color:var(--axm);font-size:11.5px;min-height:15px;line-height:1.4}
.axgo{border:0;height:44px;border-radius:10px;font:900 14.5px Inter,system-ui,sans-serif;cursor:pointer}.axgo.buy{background:var(--axup);color:#04241a}.axgo.sell{background:var(--axdn);color:#fff}.axgo:hover{filter:brightness(1.08)}.axgo:disabled{opacity:.45;cursor:not-allowed}
.axfee{color:var(--axm2);font-size:11px;line-height:1.4}
.axposs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;background:var(--ax1);border:1px solid var(--axl);border-radius:12px;padding:6px}.axposs>div{display:flex;flex-direction:column;gap:2px;padding:4px 6px;min-width:0}.axposs small{color:var(--axm2);font-size:10.5px;font-weight:800}.axposs b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.axinfo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px}.axinfo>div{background:var(--ax2);border-radius:9px;padding:8px 6px;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}
.axinfo b{display:flex;align-items:center;gap:4px;font-size:13px}.axinfo b .axi{width:13px;height:13px}.axinfo small{color:var(--axm2);font-size:10.5px;font-weight:700}
.axdevbox{padding:6px 12px 10px;display:flex;flex-direction:column}.axdevrow{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--axl);font-size:12.5px}.axdevrow:last-child{border:0}.axdevrow span{color:var(--axm)}
.axbubbox{padding:4px 10px 10px}.axbubsum{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:12.5px;color:var(--axm);margin-bottom:8px}.axbubsum b.bad{color:var(--axdn)}.axbubsum b.ok{color:var(--axup)}.axbubsum span b{color:var(--axt)}
.axbubw{position:relative;border-radius:10px;background:radial-gradient(ellipse at center,#141a26,#090b10 75%);overflow:hidden}.axbub{display:block;width:100%;height:380px;cursor:grab;touch-action:none}
.axbubtip{position:absolute;z-index:2;display:flex;flex-direction:column;gap:2px;background:#0b0e14f2;border:1px solid var(--axl);border-radius:9px;padding:8px 10px;font-size:12px;pointer-events:none;width:200px}.axbubtip small{color:var(--axm);font-size:11px}
.axbubleg{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;font-size:11.5px;color:var(--axm)}.axbubleg span{display:flex;align-items:center;gap:5px}.axbubleg i{width:10px;height:10px;border-radius:50%}
@media(max-width:1250px){.axgrid{grid-template-columns:minmax(0,1fr) 310px}.axsum{grid-template-columns:repeat(3,minmax(0,1fr))}.axdisc .axtr{grid-template-columns:minmax(180px,2fr) 1fr .8fr .8fr .8fr 70px}.axdisc .axtr>:nth-child(6){display:none}}
@media(max-width:1000px){.axtop{flex-wrap:wrap}.axsrch{order:5;max-width:none;flex-basis:100%;margin:0}.axgrid{grid-template-columns:1fr}.axright{display:grid;grid-template-columns:1fr 1fr;align-items:start}.axright>.axtrade{grid-row:span 3}.axtrk{grid-template-columns:1fr}.axwl{max-height:320px;min-height:0}}
@media(max-width:900px){.axseg{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:var(--ax1);border:1px solid var(--axl);border-radius:10px;padding:3px;margin-bottom:8px}.axseg button{border:0;background:none;color:var(--axm);font:800 13px Inter,system-ui,sans-serif;padding:8px 4px;border-radius:7px}.axseg button[aria-pressed=true]{background:var(--ax3);color:var(--axt)}
  .axcols{grid-template-columns:1fr}.axcols>.axcol{display:none;height:auto;min-height:0}.axcols[data-col=new]>.axc-new,.axcols[data-col=stretch]>.axc-stretch,.axcols[data-col=mig]>.axc-mig{display:flex}.axlist{overflow:visible}}
@media(max-width:700px){.axpage{border-radius:10px}.axbody{padding:10px}.axtop{padding:8px 10px;gap:8px}.axtabs{order:4;flex-basis:100%;overflow-x:auto}.axtab{padding:6px 10px;font-size:13px}.axbal{margin-left:auto}.axbal>span{height:30px;padding:0 8px;font-size:12px}.axhold{display:none!important}
  .axph p{display:none}.axcard{grid-template-columns:auto minmax(0,1fr);gap:8px;padding:9px}.axcr{grid-column:1/-1;flex-direction:row;align-items:center;gap:10px;padding:0;justify-content:flex-start;flex-wrap:wrap}.axcr .axtxbar{width:44px}.axqb{bottom:auto;top:9px}.axcl .axav{--s:52px!important}.axca{display:none}
  .axdisc .axtr{grid-template-columns:minmax(0,1.6fr) 1fr .9fr 64px}.axdisc .axtr>:nth-child(3),.axdisc .axtr>:nth-child(5){display:none}.axqb.in span{display:none}
  .axright{grid-template-columns:1fr}.axtstats{margin-left:0;gap:12px}.axtstats .big b{font-size:17px}.axsum{grid-template-columns:1fr 1fr}
  .axtt .axtr{grid-template-columns:34px 40px 1fr 1fr minmax(0,1.2fr);font-size:12px;gap:6px}.axtt .axtr>:nth-child(4){display:none}
  .axhold2 .axtr,.axtop2 .axtr{grid-template-columns:22px minmax(0,1.4fr) 1fr .9fr .9fr;font-size:12px;gap:6px}.axhold2 .axtr>:nth-child(4),.axtop2 .axtr>:nth-child(5){display:none}
  .axpt .axtr{grid-template-columns:minmax(0,1.3fr) 1fr 1fr auto;font-size:12px}.axpt .axtr>:nth-child(2),.axpt .axtr>:nth-child(3){display:none}.axht .axtr{grid-template-columns:52px minmax(0,1.5fr) 1fr 1fr 56px;font-size:12px}.axht .axtr>:nth-child(4){display:none}
  .axot .axtr{grid-template-columns:minmax(0,1fr) 1fr 1fr auto;font-size:12px}.axot .axtr>:nth-child(3),.axot .axtr>:nth-child(5){display:none}
  .axfr{grid-template-columns:30px minmax(0,1fr) 40px 60px minmax(0,.9fr);font-size:12px;gap:6px}.axfr>small:last-child{display:none}.axdevt .axtr{grid-template-columns:minmax(0,1.6fr) 1fr .7fr}.axdevt .axtr>:nth-child(4){display:none}}
/* ---------- Rain, Bloxflip style: the box at the top of the chat, the pop-up and the quick check ---------- */
.rainbox{position:relative;flex:none;overflow:hidden;border-bottom:1px solid var(--ln);background:linear-gradient(135deg,#0f2234,#122a40);padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.rainbox.on{background:linear-gradient(135deg,#0c3a68,#173a7a 55%,#25307a);box-shadow:inset 0 0 0 1px #39c6ff66,inset 0 -30px 50px #39c6ff14}
.rbrow{position:relative;z-index:1;display:flex;align-items:center;gap:10px}
.rbcloud{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#39c6ff1f;color:#7ad8ff}.rbcloud svg{width:26px;height:26px}
.rbcloud.live{background:#ffffff1f;color:#fff;animation:rbbob 1.6s ease-in-out infinite}@keyframes rbbob{50%{transform:translateY(-3px)}}
.rbinfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.rbinfo small{color:#a9cbe6;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rbinfo small b{color:#fff}
.rbamt{font-size:21px;font-weight:900;color:#fff;line-height:1.1;font-variant-numeric:tabular-nums}.rbamt span{font-size:12px;color:#a9cbe6;font-weight:800}
.rainbox.on .rbamt{font-size:24px;text-shadow:0 2px 14px #39c6ff88}
.rblive{font-style:normal;font-weight:900;color:#7ae0ff;letter-spacing:.06em;animation:rblive 1s steps(2) infinite}@keyframes rblive{50%{opacity:.55}}
.rbside{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.rbside small{color:#a9cbe6;font-size:11px;font-weight:700}
.rbnext{font-size:15px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums}
.rbbtns{display:flex;gap:6px}.rbbtns .btn{width:auto;display:inline-flex;align-items:center;gap:5px;padding:6px 11px;min-height:0}.rbbtns .coin{width:14px;height:14px}.rbtip.on{box-shadow:inset 0 0 0 2px var(--acc)}
.rbbell{width:30px;height:30px}.rbbell svg{width:15px;height:15px}.rbbell.on{color:var(--gold);background:#ffcf3d22}
.rainbox .rainclock{font-size:15px;font-weight:900;font-variant-numeric:tabular-nums;color:#fff;background:#0007;border-radius:8px;padding:3px 9px}.rainbox .rainclock.soon{color:#ffcf3d;animation:rblive .5s steps(2) infinite}
.rainjoin{position:relative;width:auto!important;padding:9px 16px!important;min-height:0!important;font-weight:900;box-shadow:0 6px 18px #21e07a55}.rainjoin::after{content:'';position:absolute;inset:-3px;border-radius:inherit;box-shadow:0 0 0 2px #5ff0a8;opacity:0;animation:rbring 1.4s ease-out infinite;pointer-events:none}@keyframes rbring{0%{opacity:.85;transform:scale(1)}100%{opacity:0;transform:scale(1.18)}}
.rainbox .rainin{font-weight:900;color:var(--win);font-size:14px;padding:6px 2px}
.rbfoot{position:relative;z-index:1;display:flex;justify-content:flex-end;margin-top:-4px}.rbaddtip{font-size:12px;color:#bfe9ff}
.rbtipbox{position:relative;z-index:1;display:flex;flex-direction:column;gap:7px;background:#0006;border-radius:10px;padding:9px}
.rbtiprow{display:flex;gap:6px}.rbtipin{flex:1;display:flex;align-items:center;gap:6px;background:var(--p2);border-radius:8px;padding:0 0 0 9px}.rbtipin .coin{width:16px;height:16px}.rbtipin .tin{flex:1;min-width:0;background:none;height:36px}.rbtiprow .btn{width:auto;padding:0 18px}
.rbown{display:flex;gap:6px;flex-wrap:wrap}.rbown .btn{width:auto;display:inline-flex;align-items:center;gap:5px;padding:5px 10px;font-size:12.5px;min-height:0}.rbown svg{width:14px;height:14px}
.rblast{margin:0;color:#a9cbe6;font-size:11.5px}
.rbsky,.rpsky{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.rbsky i,.rpsky i{position:absolute;top:-16px;width:var(--s);height:var(--s);border-radius:50%;background:radial-gradient(circle,#fff 0 45%,#ffffff00 72%);animation:rbsnow 4s linear infinite;will-change:transform}
.rbsky i.fx,.rpsky i.fx{width:auto;height:auto;background:none;border-radius:0;font-size:var(--s);line-height:1;color:#e8f6ff;text-shadow:0 0 6px #bfe9ff}
@keyframes rbsnow{0%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(var(--d),110px,0) rotate(160deg)}100%{transform:translate3d(0,230px,0) rotate(320deg)}}
.rbinfo small b.rainyours{color:#9ff0c8}.rainend{width:auto!important;padding:7px 14px!important;min-height:0!important}
.rainbox.on .rbinfo small:last-child{white-space:normal}
.rbmake{box-shadow:0 4px 14px #21e07a44}.rbfoot{gap:12px}
.rainbox .rainprog{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff14}.rainbox .rainprog i{display:block;height:100%;background:linear-gradient(90deg,#39c6ff,#7ae0ff);transform-origin:left}
.cmsg.csys.ctip{background:#ffcf3d12;border-color:#ffcf3d44}.cmsg.csys.ctip p svg{color:var(--gold)}.cmsg.csys.cstart{background:#39c6ff26;border-color:#39c6ff88;box-shadow:0 0 18px #39c6ff33}
/* the pop-up */
.rainpop{position:fixed;left:50%;top:76px;z-index:9000;transform:translateX(-50%);width:min(460px,calc(100vw - 20px));display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 40px 16px 14px;border-radius:16px;overflow:hidden;
  background:linear-gradient(135deg,#0c3a68,#173a7a 55%,#2a2f80);box-shadow:0 20px 50px #000a,inset 0 0 0 1px #39c6ff77;color:#fff;animation:rpin .45s cubic-bezier(.2,1.4,.4,1)}
.rainpop.out{animation:rpout .3s ease-in forwards}@keyframes rpin{from{opacity:0;transform:translate(-50%,-30px) scale(.9)}}@keyframes rpout{to{opacity:0;transform:translate(-50%,-20px) scale(.95)}}
.rpcloud{position:relative;z-index:1;width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:#ffffff1f;animation:rbbob 1.6s ease-in-out infinite}.rpcloud svg{width:30px;height:30px}
.rptxt{position:relative;z-index:1;display:flex;flex-direction:column;gap:2px;min-width:0}.rptxt small{color:#9fdcff;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.rptxt b{font-size:18px;line-height:1.15}.rptxt span{color:#cfe8ff;font-size:12.5px}.rpcd{font-variant-numeric:tabular-nums}
.rpjoin{position:relative;z-index:1;width:auto!important;padding:10px 16px!important;min-height:0!important;box-shadow:0 6px 18px #21e07a66}
.rpx{position:absolute;z-index:2;top:8px;right:8px;width:26px;height:26px;border-radius:8px;border:0;background:#0004;color:#cfe8ff;display:grid;place-items:center;cursor:pointer}.rpx svg{width:13px;height:13px}
.rpbar{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff1a}.rpbar i{display:block;height:100%;background:#7ae0ff;transform-origin:left}
@media(max-width:600px){.rainpop{top:64px;grid-template-columns:auto minmax(0,1fr);padding-right:36px}.rpjoin{grid-column:1/-1}.rptxt b{font-size:16px}}
/* the quick check */
.rhcheck{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;min-width:min(320px,80vw)}.rhcheck p{margin:0;font-size:15px}
.rhgrid{display:grid;grid-template-columns:repeat(4,64px);gap:10px}.rhgrid.shake{animation:rhshake .4s}@keyframes rhshake{25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}
.rhbtn{width:64px;height:64px;border-radius:14px;border:2px solid var(--p4);background:var(--p2);font-size:30px;cursor:pointer;transition:transform .12s}.rhbtn:hover{transform:scale(1.08);border-color:var(--acc)}.rhbtn.no{border-color:var(--loss);background:#ff4d6a22}
.rbon{margin-bottom:4px}
@media(prefers-reduced-motion:reduce){.rbsky,.rpsky{display:none}.rainjoin::after,.rbcloud.live,.rpcloud{animation:none}}
/* friends */
.ctabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ctab{position:relative;white-space:nowrap}.ctab .cbadge{position:static;margin-left:4px}
.cfriends{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:10px 12px 14px}
.cfriends .cfind{padding:0}.cfsec{display:flex;flex-direction:column;gap:6px}.cfsec h4{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--mu);display:flex;align-items:center;gap:6px}.cfsec h4 em{font-style:normal;font-weight:800;color:var(--tx);background:var(--p3);border-radius:6px;padding:1px 6px;text-transform:none;letter-spacing:0}
.cfr{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:10px;background:var(--p2)}.cfrn{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.cfrn .cname{font-weight:800;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cfrn small{color:var(--mu);font-size:11.5px}
.cfrb{display:flex;gap:6px;flex:none}.cfrb .btn{width:auto;padding:5px 10px;min-height:0;font-size:12.5px}.cfrb .ibtn svg{width:16px;height:16px}
.cfrow{display:flex;align-items:center;gap:8px}.cfrow b{flex:1;min-width:0}.cfrow .btn{width:auto;padding:4px 10px;min-height:0;font-size:12px}
.cnewg2{display:flex;align-items:center;justify-content:center;gap:6px}.cnewg2 svg{width:16px;height:16px}
.gpfr{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.gpfr:empty{display:none}.gpchip.add{background:#21e07a1f;color:var(--win)}
.pffr.on{color:var(--win)}
/* OGU board */
.ogbox{display:flex;flex-direction:column;gap:14px}
.oghead{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border-radius:14px;background:radial-gradient(ellipse at 90% 0,#ffcf3d33,transparent 60%),linear-gradient(135deg,#2a2210,#1b2533);box-shadow:inset 0 0 0 1px #ffcf3d44}.oghead b{font-size:18px;color:#ffe08a}.oghead small{color:#d8c9a0}
.ogpod{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:12px;align-items:end}
.ogp{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:16px 10px 14px;border-radius:16px;background:var(--p1);box-shadow:inset 0 0 0 1px #ffffff12}
.ogp1{padding-top:22px;background:linear-gradient(180deg,#ffcf3d26,var(--p1) 70%);box-shadow:inset 0 0 0 2px #ffcf3d88,0 10px 30px #ffcf3d22}.ogp2{background:linear-gradient(180deg,#c9d6e626,var(--p1) 70%)}.ogp3{background:linear-gradient(180deg,#d9895a26,var(--p1) 70%)}
.ogcrown{font-size:26px;line-height:1}.ogp1 .ogcrown{font-size:34px;animation:rbbob 2.4s ease-in-out infinite}
.ogp .av{width:56px;height:56px;font-size:24px}.ogp1 .av{width:70px;height:70px;font-size:30px;box-shadow:0 0 0 3px #ffcf3d}
.ogname{font-weight:900;font-size:15px}.ogtitle{font-style:normal;font-size:11.5px;font-weight:900;color:#ffcf3d;background:#ffcf3d1a;border-radius:999px;padding:2px 9px}.ogp small{color:var(--mu);font-size:11.5px}
.ogplace{position:absolute;top:8px;left:10px;font-size:13px;color:var(--mu)}
.oglist{display:flex;flex-direction:column;gap:6px}.ogr{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--p1)}.ogr .lbp{width:34px;font-weight:900;color:var(--mu)}.ogr .av{width:34px;height:34px}
.ogrn{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.ognote{margin-left:auto;font-size:12px}
.ogctl{display:flex;gap:4px}.ogctl .ibtn{width:28px;height:28px;font-size:12px}.ogr .ogctl{margin-left:auto}.ognote+.ogctl{margin-left:6px}
.ogadd{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px;border-radius:12px;background:var(--p1);box-shadow:inset 0 0 0 1px #ffcf3d33}.ogadd .tin{flex:1;min-width:120px;height:38px}.ogadd .ogpl{flex:0 0 70px;min-width:0}.ogadd .btn{width:auto}
.pfogu{font-size:11.5px;font-weight:900;color:#ffcf3d;background:#ffcf3d1a;border-radius:999px;padding:2px 9px}
@media(max-width:600px){.ogpod{grid-template-columns:1fr;}.ogp1{order:-1}.ognote{display:none}}
.cfoffer{box-shadow:inset 0 0 0 1.5px #ffcf3d66;background:linear-gradient(90deg,#ffcf3d14,var(--p2))}
.cfprice{flex:none;min-width:54px;text-align:center;font-weight:900;font-size:12.5px;color:#ffcf3d;background:#ffcf3d1a;border-radius:8px;padding:6px 6px}
.pfbuy{background:#ffcf3d1f;color:#ffcf3d}.pfofferh{margin:0;font-size:15px}
.pfacts{flex-wrap:wrap}
/* ---------- Grade Bets: Polymarket-style markets ---------- */
.pm{--pmb:#2d9cdb;max-width:1240px}
.pmhero{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 20px;border-radius:16px;margin-bottom:14px;background:radial-gradient(ellipse at 100% 0,#ff4d5e26,transparent 55%),radial-gradient(ellipse at 0 100%,#2d9cdb22,transparent 55%),var(--p1);box-shadow:inset 0 0 0 1px #ffffff0e}
.pmhl{display:flex;gap:14px;align-items:center}.pmhl h1{margin:0;font-size:24px}.pmhl p{margin:3px 0 0;color:var(--mu);font-size:13.5px;max-width:560px}
.pmlogo{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#ff4d5e1f}.pmlogo .kapple{width:32px;height:32px}
.pmstats{display:flex;gap:10px}.pmstats>div{display:flex;flex-direction:column;align-items:center;padding:8px 14px;border-radius:12px;background:var(--p2);min-width:84px}.pmstats b{font-size:19px}.pmstats small{color:var(--mu);font-size:11px;font-weight:700}
.pmfeat{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-radius:14px;margin-bottom:14px;background:linear-gradient(90deg,#2d9cdb1f,var(--p1));box-shadow:inset 0 0 0 1px #2d9cdb44;color:var(--tx);text-decoration:none}
.pmfeat:hover{box-shadow:inset 0 0 0 1.5px #2d9cdb99}.pmfl{display:flex;flex-direction:column;gap:3px;min-width:0}.pmfl small{color:#7fc4ef;font-weight:800;font-size:11.5px}.pmfl b{font-size:16px}.pmfl span{display:flex;align-items:center;gap:6px;color:var(--mu);font-size:13px}
.pmdot{width:9px;height:9px;border-radius:50%;flex:none}.pmsvg{display:block;width:100%;height:auto}.pmsvg.mini{width:260px;height:70px;flex:none}
.pmtabs{display:flex;gap:4px;margin-bottom:12px;border-bottom:1px solid var(--ln)}.pmtabs button{border:0;background:none;color:var(--mu);font:800 14px Inter,system-ui,sans-serif;padding:9px 12px;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;display:flex;align-items:center;gap:6px}
.pmtabs button[aria-pressed=true]{color:var(--tx);border-bottom-color:var(--pmb)}.pmtabs em{font-style:normal;font-size:11px;background:var(--p3);border-radius:6px;padding:1px 6px}.pmtabs.sm{margin:0;padding:0 10px}.pmtabs.sm button{font-size:13px}
.pmgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}
.pmcard{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:14px;background:var(--p1);box-shadow:inset 0 0 0 1px #ffffff0e;color:var(--tx);text-decoration:none;transition:transform .15s,box-shadow .15s}
.pmcard:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px #2d9cdb88,0 12px 28px #0006}.pmcard.pm-settled,.pmcard.pm-cancelled{opacity:.85}
.pmct{display:flex;gap:10px;align-items:flex-start}.pmct b{font-size:15px;line-height:1.3}
.pmav{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:900;font-size:13px;color:#fff;background:var(--c,#2d9cdb);text-shadow:0 1px 2px #0005}.pmav.sm{width:28px;height:28px;border-radius:8px;font-size:11px}.pmav.big{width:56px;height:56px;border-radius:14px;font-size:20px}
.pmlead{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:10px;background:var(--p2)}.pmlead small{color:var(--mu);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.pmlead>div{display:flex;align-items:baseline;gap:8px}.pmlead b{font-size:15px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pmlead strong{font-size:26px;color:#7fc4ef}
.pmwon{padding:10px 12px;border-radius:10px;background:#21e07a1a;color:var(--win)}
.pmrows{display:flex;flex-direction:column;gap:6px}.pmrow{display:grid;grid-template-columns:minmax(0,1fr) 90px 40px;align-items:center;gap:8px;font-size:13px}.pmrow span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pmrow b{text-align:right}.pmrow.mine span{color:var(--gold)}
.pmbar{display:block;height:6px;border-radius:99px;background:var(--p3);overflow:hidden}.pmbar>i{display:block;height:100%;border-radius:99px;transition:width .6s ease}.pmbar.big{height:8px}.pmbar.big>i{background:var(--c)}
.pmfoot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:var(--mu);font-size:12px;margin-top:auto}.pmfoot .kapple{width:14px;height:14px;vertical-align:-2px}.pmst{margin-left:auto;font-weight:800}.pmyou{color:var(--gold);font-weight:800}
.pmd{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.pmdl{display:flex;flex-direction:column;gap:12px;min-width:0}.pmdh{display:flex;gap:14px;align-items:center}.pmdh h1{margin:0;font-size:22px;line-height:1.25}
.pmdm{display:flex;flex-wrap:wrap;gap:12px;color:var(--mu);font-size:13px;margin-top:4px}.pmdm .kapple{width:14px;height:14px;vertical-align:-2px}.pmst.st-open{color:var(--win)}
.pmbig{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding:14px 16px;border-radius:14px;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 22%,transparent),var(--p1));box-shadow:inset 3px 0 0 var(--c)}
.pmbig small{width:100%;color:var(--mu);font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.pmbig b{font-size:22px}.pmbig strong{margin-left:auto;font-size:34px;color:var(--c)}.pmbig strong small{width:auto;font-size:13px;text-transform:none;letter-spacing:0}
.pmbig.won{background:#21e07a1a;box-shadow:inset 3px 0 0 var(--win)}.pmbig.won b{color:var(--win)}
.pmchart{padding:12px 10px 4px;border-radius:14px;background:var(--p1)}.pmchart .pmsvg{height:220px}
.pmlegend{display:flex;flex-wrap:wrap;gap:12px;font-size:12.5px;color:var(--mu)}.pmlegend span{display:flex;align-items:center;gap:5px}.pmlegend i{width:10px;height:10px;border-radius:3px}.pmlegend b{color:var(--tx)}
.pmouts{display:flex;flex-direction:column;gap:6px}
.pmout{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(80px,180px) 64px auto;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:0;background:var(--p1);color:var(--tx);text-align:left;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff0e;transition:box-shadow .12s,background .12s}
.pmout:hover:not(:disabled){background:var(--p2)}.pmout.sel{box-shadow:inset 0 0 0 2px var(--c);background:color-mix(in srgb,var(--c) 12%,var(--p1))}.pmout:disabled{cursor:default}
.pmout .pmav{background:var(--c)}.pmon{display:flex;flex-direction:column;gap:2px;min-width:0}.pmon b{font-size:14.5px;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pmon small{color:var(--mu);font-size:12px}.pmon .kapple{width:12px;height:12px;vertical-align:-2px}
.pmout strong{font-size:20px;text-align:right}.pmlead1{font-style:normal;font-size:10.5px;font-weight:900;color:#0b1a24;background:#ffcf3d;border-radius:5px;padding:1px 5px}
.pmbuy{font-size:12.5px;font-weight:900;color:#fff;background:var(--c);border-radius:8px;padding:6px 12px}.pmout.mine{box-shadow:inset 0 0 0 2px var(--gold)}.pmout.won{box-shadow:inset 0 0 0 2px var(--win)}.pmout.lost{opacity:.55}
.pmpanel{border-radius:14px;background:var(--p1);padding:6px 0 10px}.pmtabb{display:flex;flex-direction:column;gap:6px;padding:10px 12px 0;max-height:440px;overflow:auto}
.pmact{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:10px;background:var(--p2);font-size:13px}.pmact>div{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:4px 6px;align-items:baseline}.pmact .cname{color:var(--mu);font-size:12px}.pmact small{color:var(--mu)}.pmact.me{box-shadow:inset 0 0 0 1.5px var(--gold)}
.pmcform{display:flex;gap:8px}.pmcform .tin{flex:1}.pmcform .btn{width:auto}
.pmcom{display:flex;gap:10px;padding:8px;border-radius:10px;background:var(--p2)}.pmcom>div{flex:1;min-width:0}.pmch{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12.5px}.pmch .cname{font-weight:800}.pmch em{font-style:normal;font-size:11.5px;font-weight:800}.pmch small{color:var(--mu)}.pmcom p{margin:3px 0 0;font-size:13.5px;word-break:break-word}
.gbdel.sm{width:22px;height:22px;margin-left:auto}.gbdel.sm svg{width:11px;height:11px}
.pmabout h4{margin:6px 0 4px;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--mu)}.pmabout p{margin:0 0 8px;font-size:14px;line-height:1.55}.pmmeta{display:flex;gap:14px;color:var(--mu);font-size:12px}
.pmslip{position:sticky;top:80px;display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:16px;background:var(--p1);box-shadow:inset 0 0 0 1px #ffffff12,0 14px 34px #0005}
.pmsliph{display:flex;justify-content:space-between;align-items:center}.pmsliph b{font-size:16px}.pmsliph .kapple{width:22px;height:22px}
.pmslipb{display:flex;flex-direction:column;gap:10px}.pmpick{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:color-mix(in srgb,var(--c) 14%,var(--p2));box-shadow:inset 0 0 0 1.5px var(--c)}.pmpick .pmav{background:var(--c)}.pmpick b{flex:1}.pmpick strong{font-size:20px;color:var(--c)}
.pmstake{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:var(--p2)}.pmstake .kapple{width:22px;height:22px}.pmstake b{font-size:20px}.pmstake small{margin-left:auto;color:var(--mu);font-size:11.5px}
.pmpay{margin:0;color:var(--mu);font-size:12.5px}.pmpay b{color:var(--win)}.pmgo{width:100%}
.pmmine{display:flex;flex-direction:column;gap:3px;padding:12px;border-radius:12px;background:#ffcf3d14;box-shadow:inset 0 0 0 1.5px #ffcf3d66}.pmmine small{color:var(--gold);font-weight:800;font-size:11.5px;text-transform:uppercase}.pmmine b{font-size:18px}.pmmine span{color:var(--mu);font-size:12.5px}
.pmown{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--ln)}.pmown .btn{width:100%}
@media(max-width:1000px){.pmd{display:flex;flex-direction:column}.pmdl{display:contents}.pmslip{position:static;order:5}.pmd .pmpanel{order:6}}
@media(max-width:600px){.pmout{grid-template-columns:auto minmax(0,1fr) 54px;gap:8px}.pmout .pmbar,.pmout .pmbuy{display:none}.pmbig strong{font-size:28px}.pmstats{width:100%}.pmstats>div{flex:1;min-width:0}.pmsvg.mini{display:none}.pmgrid{grid-template-columns:1fr}}
/* profile pictures */
.av,.cav{position:relative;overflow:hidden}.av.haspic,.cav.haspic{color:transparent}
.av>img,.cav>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.cav .conl{z-index:1}
.picbox{display:flex;align-items:center;gap:14px}.picprev .av.big{width:72px;height:72px;font-size:30px}.picrow{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}.picrow .btn{width:auto;display:inline-flex;align-items:center;gap:6px}.picrow svg{width:15px;height:15px}
/* chat messages with avatars */
.cmsg.cwm{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:start}.cmav{border:0;background:none;padding:0;cursor:pointer;border-radius:50%}.cmb{min-width:0}
.cmsg.cwm .cav{width:34px;height:34px;font-size:14px}.cmsg.me{background:color-mix(in srgb,var(--acc) 10%,var(--p1))}
/* chat emoji + calls */
.cemow{position:relative;flex:none}.cemob{font-size:17px;width:36px;height:36px}
.cemo{position:absolute;bottom:calc(100% + 6px);left:0;z-index:30;display:grid;grid-template-columns:repeat(6,34px);gap:2px;padding:6px;border-radius:12px;background:var(--p2);box-shadow:0 14px 34px #000a,inset 0 0 0 1px #ffffff14}
.cemo button{width:34px;height:34px;border:0;border-radius:8px;background:none;font-size:19px;cursor:pointer}.cemo button:hover{background:var(--p3);transform:scale(1.12)}
.clppl{display:flex;align-items:center;margin-right:2px}.clp{position:relative;margin-left:-6px;border-radius:50%;box-shadow:0 0 0 2px var(--p1);transition:box-shadow .15s}.clp:first-child{margin-left:0}
.clp .cav{width:30px;height:30px;font-size:12px}.clp.wait{opacity:.5}.clp.talk{box-shadow:0 0 0 2px var(--p1),0 0 0 4px #21e07a}.clp em{position:absolute;right:-4px;bottom:-4px;font-style:normal;font-size:11px}
.clmore{margin-left:4px;font-size:12px;font-weight:800;color:var(--mu)}
.crav{position:relative;width:56px;height:56px;flex:none;display:grid;place-items:center}.crav .cav{width:56px;height:56px;font-size:22px;z-index:1}
.crav i{position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 2px #21e07a;animation:crring 1.6s ease-out infinite}.crav i+i{animation-delay:.8s}@keyframes crring{from{transform:scale(1);opacity:.9}to{transform:scale(1.7);opacity:0}}

/* Snow Pulse 3: market cap flashes, PnL cards, trader badges, the phone trade bar */
.axmc b.fu0{animation:axfu0 .7s ease-out}.axmc b.fu1{animation:axfu1 .7s ease-out}.axmc b.fd0{animation:axfd0 .7s ease-out}.axmc b.fd1{animation:axfd1 .7s ease-out}
@keyframes axfu0{from{background:#2fe0a04d}}@keyframes axfu1{from{background:#2fe0a04d}}@keyframes axfd0{from{background:#ff4d6a4d}}@keyframes axfd1{from{background:#ff4d6a4d}}
.axmc b{border-radius:5px;padding:0 3px;margin-right:-3px}
.axsoldt{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.axcardb{border:0;border-radius:8px;background:#ffffff1f;color:#fff;font-weight:900;font-size:12px;padding:5px 10px;cursor:pointer}.axcardb:hover{background:#ffffff33}
.pnlwrap{display:flex;flex-direction:column;gap:12px;align-items:stretch}
.pnlc{position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;border-radius:18px;padding:22px 24px;display:flex;flex-direction:column;color:#fff;isolation:isolate;
  background:radial-gradient(70% 90% at 82% 40%,hsl(var(--h) 80% 50% / .35),transparent 60%),linear-gradient(135deg,#0a1120,hsl(var(--h) 45% 14%));box-shadow:inset 0 0 0 1px #ffffff1c,0 20px 50px #0008}
.pnlc.up{--pc:#2fe0a0}.pnlc.dn{--pc:#ff5470}
.pnlbg{position:absolute;z-index:-1;right:-4%;top:12%;width:46%;aspect-ratio:1;border-radius:22px;opacity:.95;box-shadow:0 18px 50px #0009;transform:rotate(6deg)}
.pnltop{display:flex;align-items:center;gap:8px;font-size:14px}.pnllogo{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:#39c6ff33;font-size:14px}.pnltop em{font-style:normal;font-size:10px;font-weight:900;color:#ffd23d;background:#ffd23d22;border-radius:5px;padding:1px 5px}
.pnlcoin{display:flex;align-items:center;gap:10px;margin-top:12px}.pnlcoin img{width:40px;height:40px;border-radius:10px;display:none}.pnlcoin b{font-size:26px;font-weight:900;line-height:1}.pnlcoin small{display:block;color:#9fb3c8;font-weight:700;font-size:13px;margin-top:3px}
.pnlbig{margin-top:auto;font-size:clamp(40px,11vw,62px);font-weight:900;line-height:1;color:var(--pc);text-shadow:0 0 30px color-mix(in srgb,var(--pc) 45%,transparent);font-variant-numeric:tabular-nums}
.pnlsub{font-weight:900;color:var(--pc);font-size:16px;margin-top:4px}.pnlsub span{color:#cfe0f0}
.pnlrows{display:flex;gap:22px;margin-top:12px}.pnlrows small{display:block;color:#8aa0b8;font-size:11px;font-weight:800}.pnlrows b{font-size:15px}
.pnlfoot{display:flex;justify-content:space-between;gap:10px;margin-top:10px;color:#ffffff88;font-size:11.5px;font-weight:700}
.pnlbtns{display:flex;align-items:center;gap:12px}.pnlbtns .btn{width:auto;padding:10px 20px}
@media(max-width:520px){.pnlc{padding:14px 16px;aspect-ratio:auto;min-height:230px}.pnlbig{margin-top:14px}.pnlbg{width:40%;top:18%}.pnlrows{gap:14px}.pnlcoin b{font-size:20px}.pnlsub{font-size:13px}.pnlfoot span:last-child{display:none}}
.axpgrid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:10px;margin-bottom:10px}.axpgrid>.axpanel{margin:0}
.axbadges{padding-bottom:10px}.axbgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 10px}
.axbadge{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:10px;background:var(--ax1);border:1px solid var(--axl);opacity:.62;min-width:0}
.axbadge.on{opacity:1;border-color:#ffd23d55;background:linear-gradient(135deg,#ffd23d14,transparent)}.axbe{font-size:20px;filter:grayscale(1)}.axbadge.on .axbe{filter:none}
.axbadge div{flex:1;min-width:0}.axbadge b{display:block;font-size:12.5px}.axbadge small{display:block;color:var(--axm2);font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.axbadge em{font-style:normal;font-weight:900;font-size:11.5px;color:#ffd23d}
.axmbar{display:none}
@media(max-width:1000px){.axpgrid{grid-template-columns:1fr}}
@media(max-width:900px){
  .axmbar{display:flex;position:fixed;left:0;right:0;bottom:calc(60px + env(safe-area-inset-bottom));z-index:39;align-items:center;gap:6px;padding:8px 10px;background:#0b0f16f2;border-top:1px solid #ffffff14;box-shadow:0 -6px 18px #0007}
  body.chatopen .axmbar{display:none}
  .axmpos{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.15}.axmpos small{font-size:10.5px;color:#8a9bb0;font-weight:800}.axmpos b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .axmbar button{border:0;border-radius:10px;height:40px;padding:0 14px;font-weight:900;font-size:14px;color:#0b0f16;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
  .axmbar .axmq{background:#4f6bff;color:#fff;padding:0 11px}.axmbar .axmq svg{width:14px;height:14px}.axmbar .axmb{background:#2fe0a0}.axmbar .axms{background:#ff5470;color:#fff}
  .axpage.axcoinpg{padding-bottom:64px}
}
@media(max-width:700px){
  .axgrid{display:flex;flex-direction:column;align-items:stretch}.axleft,.axright{display:contents}
  .axchartp{order:1}.axright>.axtrade{order:2}.axposs{order:3}.axbpanel{order:4}.axinfop{order:5}.axdevp{order:6}
}
@media(max-width:900px){body.ax-mbar .toasts{bottom:calc(132px + env(safe-area-inset-bottom))}}
.axnews{flex-basis:100%;order:9;display:flex;gap:6px;overflow:hidden;mask-image:linear-gradient(90deg,#000 85%,#0000);-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);margin-top:2px}
.axnew{flex:none;display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:999px;background:var(--ax1,#11151d);border:1px solid var(--axl,#1f2633);font-size:12px;color:#c9d6e4;white-space:nowrap;transition:background .15s}
.axnew:hover{background:#1a2130}.axnew img{width:20px;height:20px;border-radius:50%}.axnew b{color:#fff;font-weight:900}
.axnew.mig{border-color:#ffd23d55}.axnew.mig span{color:#ffe28a}.axnew.rug{border-color:#ff4d6a55}.axnew.rug span{color:#ff8a9c}.axnew.whale span{color:#8fd0ff}
.axnew.in{animation:axnin .5s cubic-bezier(.2,1.3,.4,1)}@keyframes axnin{from{opacity:0;transform:translateX(-24px) scale(.9)}}
.axtop{flex-wrap:wrap;row-gap:8px}
.fznote{margin:0;color:var(--mu);font-size:12.5px;text-align:center;line-height:1.4}
.fzart{position:relative}.fznew{position:absolute;top:8px;left:8px;z-index:2;font-size:10.5px;font-weight:900;letter-spacing:.06em;color:#0b1520;background:#ffd23d;border-radius:6px;padding:3px 7px;box-shadow:0 4px 10px #0006}
.ftag.new{background:#ffd23d!important;color:#0b1520!important}
/* the lobby's live strip */
.lvstrip{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:10px;margin:-4px 0 14px}
.lvsnow,.lvwho{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;border:0;text-align:left;color:var(--tx);cursor:pointer;min-width:0;background:var(--p1);box-shadow:inset 0 0 0 1px #ffffff12;transition:transform .15s,box-shadow .15s}
.lvsnow:hover,.lvwho:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ffffff26}
.lvsnow>div,.lvwho>div:last-child{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}.lvsnow small,.lvwho small{color:var(--mu);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lvsnow b,.lvwho b{font-size:16px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lvsico{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#39c6ff1f;color:#7ad8ff}.lvsico svg{width:24px;height:24px}
.lvsnow.on{background:linear-gradient(135deg,#0c3a68,#173a7a 55%,#25307a);box-shadow:inset 0 0 0 1px #39c6ff77,0 8px 24px #1d6fd133}.lvsnow.on .lvsico{background:#ffffff1f;color:#fff;animation:rbbob 1.6s ease-in-out infinite}.lvsnow.on small{color:#bfe3ff}.lvsnow.on small em{font-style:normal;font-weight:900;color:#7ae0ff;letter-spacing:.04em;text-transform:uppercase}
.lvgo{flex:none;font-weight:900;font-size:13px;padding:8px 14px;border-radius:10px;background:var(--p3);color:#fff}.lvsnow.on .lvgo{background:var(--win);color:#04261a;box-shadow:0 6px 16px #21e07a55}
.lvfaces{display:flex;flex:none}.lvfaces .cav{width:32px;height:32px;font-size:13px;margin-left:-8px;box-shadow:0 0 0 2px var(--p1)}.lvfaces .cav:first-child{margin-left:0}.lvmore{margin-left:-8px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:900;background:var(--p3);box-shadow:0 0 0 2px var(--p1)}
.lvdot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--win);box-shadow:0 0 0 3px #21e07a33;margin-right:7px;vertical-align:2px}
@media(max-width:700px){.lvstrip{grid-template-columns:1fr;gap:8px}.lvsnow,.lvwho{padding:9px 12px}}
/* ---------- the Season 3 reveal ---------- */
.s3rev{position:fixed;inset:0;z-index:9600;overflow-y:auto;overflow-x:hidden;background:radial-gradient(120% 90% at 50% 30%,#0e2347 0%,#060b18 55%,#020409 100%);color:#fff;animation:s3in .35s ease-out;-webkit-overflow-scrolling:touch}
.s3rev.out{animation:s3out .45s ease-in forwards}
@keyframes s3in{from{opacity:0}}@keyframes s3out{to{opacity:0;transform:scale(1.06);filter:blur(4px)}}
.s3bg{position:fixed;inset:0;pointer-events:none;overflow:hidden}
.s3aur{position:absolute;width:70vmax;height:70vmax;border-radius:50%;filter:blur(70px);opacity:.38;will-change:transform}
.s3aur.a1{left:-20vmax;top:-30vmax;background:#1f8fff;animation:s3drift 14s ease-in-out infinite alternate}
.s3aur.a2{right:-25vmax;top:-10vmax;background:#8c4bff;animation:s3drift 17s ease-in-out infinite alternate-reverse}
.s3aur.a3{left:10vmax;bottom:-40vmax;background:#12c7a8;opacity:.22;animation:s3drift 20s ease-in-out infinite alternate}
@keyframes s3drift{to{transform:translate(8vmax,6vmax) scale(1.15)}}
.s3grid{position:absolute;left:-50%;right:-50%;bottom:-10%;height:45%;background:repeating-linear-gradient(90deg,#39c6ff22 0 1px,transparent 1px 80px),repeating-linear-gradient(0deg,#39c6ff22 0 1px,transparent 1px 60px);transform:perspective(500px) rotateX(62deg);mask-image:linear-gradient(transparent,#000 70%);-webkit-mask-image:linear-gradient(transparent,#000 70%);opacity:.6}
.s3rays{position:fixed;left:50%;top:34%;width:160vmax;height:160vmax;margin:-80vmax 0 0 -80vmax;pointer-events:none;background:repeating-conic-gradient(from 0deg,#7ad8ff14 0 6deg,transparent 6deg 18deg);mask-image:radial-gradient(circle,#000 0,transparent 55%);-webkit-mask-image:radial-gradient(circle,#000 0,transparent 55%);opacity:0;animation:s3rayin 1s .8s ease-out forwards,s3spin 60s linear infinite}
@keyframes s3rayin{to{opacity:1}}@keyframes s3spin{to{transform:rotate(360deg)}}
.s3core{position:fixed;left:50%;top:34%;width:150px;height:150px;margin:-75px 0 0 -75px;display:grid;place-items:center;border-radius:50%;color:#7ad8ff;pointer-events:none;
  background:radial-gradient(circle,#39c6ff55,transparent 70%);filter:drop-shadow(0 0 30px #39c6ff);animation:s3charge .82s cubic-bezier(.5,0,.75,0) forwards,s3pop .5s .82s ease-out forwards}
.s3core svg{width:96px;height:96px}
.s3core::before,.s3core::after{content:'';position:absolute;inset:-10px;border-radius:50%;border:2px solid #7ad8ff88;animation:s3suck .8s ease-in forwards}.s3core::after{inset:-40px;border-color:#a96bff66;animation-duration:.7s}
@keyframes s3suck{from{transform:scale(2.4);opacity:0}50%{opacity:1}to{transform:scale(.6);opacity:0}}
@keyframes s3charge{0%{transform:scale(.45) rotate(-90deg);opacity:0}30%{opacity:1}70%{transform:scale(1) rotate(10deg)}80%{transform:scale(.92) rotate(20deg)}90%{transform:scale(1.08) rotate(40deg)}100%{transform:scale(.85) rotate(60deg)}}
@keyframes s3pop{to{transform:scale(3.2) rotate(120deg);opacity:0}}
.s3ring{position:fixed;left:50%;top:34%;width:200px;height:200px;margin:-100px 0 0 -100px;border-radius:50%;border:3px solid #bfeaff;opacity:0;pointer-events:none;animation:s3ring 1.1s .8s ease-out forwards}
.s3ring.r2{border-color:#ffd23d;animation-delay:.9s}.s3ring.r3{border-color:#ff7ad9;border-width:2px;animation-delay:1.02s}
@keyframes s3ring{0%{transform:scale(.1);opacity:1}100%{transform:scale(7);opacity:0}}
.s3flash{position:fixed;inset:0;background:radial-gradient(circle at 50% 34%,#fff,#bfeaff 30%,transparent 75%);opacity:0;pointer-events:none;animation:s3flash .7s .8s ease-out forwards}
@keyframes s3flash{0%{opacity:0}12%{opacity:.9}100%{opacity:0}}
.s3x{position:fixed;top:14px;right:14px;z-index:3;width:40px;height:40px;border-radius:12px;border:0;background:#ffffff14;color:#cfe8ff;display:grid;place-items:center;cursor:pointer;opacity:0;animation:s3fade .4s 2s forwards}.s3x svg{width:16px;height:16px}.s3x:hover{background:#ffffff26}
.s3main{position:relative;z-index:2;max-width:1000px;margin:0 auto;padding:clamp(40px,10vh,90px) 18px 40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.s3kick{font-size:12px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:#7ad8ff;opacity:0;animation:s3fade .5s 1.05s forwards}
@keyframes s3fade{to{opacity:1}}
.s3title{margin:0;display:flex;flex-direction:column;align-items:center;line-height:.86;opacity:0;animation:s3slam .55s .84s cubic-bezier(.2,1.6,.4,1) forwards}
.s3title span{font-size:clamp(30px,6.5vw,70px);font-weight:900;letter-spacing:.32em;margin-right:-.32em;background:linear-gradient(180deg,#fff,#a9dcff);-webkit-background-clip:text;background-clip:text;color:transparent}
.s3title b{font-size:clamp(120px,24vw,240px);font-weight:900;font-style:italic;letter-spacing:-.04em;background:linear-gradient(100deg,#7ad8ff 0%,#fff 30%,#ffd23d 50%,#fff 70%,#ff7ad9 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 8px 40px #39c6ff88);animation:s3shine 4s 1.4s linear infinite}
@keyframes s3slam{0%{opacity:0;transform:scale(2.6);filter:blur(14px)}60%{opacity:1;filter:blur(0)}100%{opacity:1;transform:scale(1)}}
@keyframes s3shine{to{background-position:-250% 0}}
.s3sub{margin:0;font-size:clamp(16px,2.4vw,21px);font-weight:700;color:#d7ecff;opacity:0;animation:s3up .5s 1.2s ease-out forwards}
@keyframes s3up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.s3snow{display:flex;align-items:center;gap:14px;text-align:left;padding:14px 16px;border-radius:18px;width:min(560px,100%);background:linear-gradient(135deg,#0c3a68,#173a7a 55%,#2a2f80);box-shadow:inset 0 0 0 1px #39c6ff77,0 18px 50px #1d6fd155;opacity:0;animation:s3up .5s 1.32s ease-out forwards}
.s3snowico{flex:none;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#ffffff1f;animation:rbbob 1.6s ease-in-out infinite}.s3snowico svg{width:30px;height:30px}
.s3snow>div{flex:1;min-width:0}.s3snow small{display:block;color:#9fdcff;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.s3count{font-size:clamp(26px,4.4vw,36px);font-weight:900;font-variant-numeric:tabular-nums;text-shadow:0 2px 18px #39c6ffaa}.s3snow em{font-style:normal;font-weight:900;color:#a9cbe6}
.s3join{width:auto!important;padding:12px 18px!important;box-shadow:0 8px 22px #21e07a55}
.s3fresh{display:block;max-width:640px;line-height:1.5;margin:0;color:#b9cde2;font-size:14px;opacity:0;animation:s3up .5s 1.42s ease-out forwards}.s3fresh svg{width:16px;height:16px;color:#7cf29a;vertical-align:-3px;margin-right:6px}.s3fresh b{color:#fff}
.s3cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;margin-top:8px;perspective:900px}
.s3card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 12px 16px;border-radius:18px;background:linear-gradient(180deg,#ffffff12,#ffffff06);box-shadow:inset 0 0 0 1px #ffffff1c;color:#fff;text-decoration:none;opacity:0;animation:s3card .6s var(--d) cubic-bezier(.2,1.3,.4,1) forwards;transition:transform .2s,box-shadow .2s}
a.s3card:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px #7ad8ff88,0 14px 30px #0008}
@keyframes s3card{from{opacity:0;transform:translateY(40px) rotateX(35deg) scale(.9)}to{opacity:1;transform:none}}
.s3card b{font-size:15px}.s3card small{color:#a9bdd2;font-size:12.5px;line-height:1.35}
.s3art{height:84px;display:grid;place-items:center;margin-bottom:4px}
.s3crit{position:relative;width:132px;height:72px}.s3crit img{position:absolute;top:0;width:62px;height:62px;border-radius:16px;box-shadow:0 0 0 3px #2fe0a0,0 10px 20px #0008;left:calc(var(--i) * 35px);transform:rotate(calc(-8deg + var(--i) * 8deg)) translateY(calc(var(--i) * 4px - 4px))}
.s3fish{width:64px;height:84px;border-radius:12px;overflow:hidden;box-shadow:0 10px 20px #0008}.s3fish svg{display:block;width:100%;height:auto}
.s3ico{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#39c6ff,#6a5cff);box-shadow:0 10px 24px #39c6ff44}.s3ico svg{width:30px;height:30px}
.c-online .s3ico{background:linear-gradient(135deg,#21e07a,#18a7a0);box-shadow:0 10px 24px #21e07a44}.c-calls .s3ico{background:linear-gradient(135deg,#ff7ad9,#a96bff);box-shadow:0 10px 24px #ff7ad944}.c-grades .s3ico{background:linear-gradient(135deg,#ffb547,#ff5f7e);box-shadow:0 10px 24px #ffb54744}
.s3btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:10px;opacity:0;animation:s3up .5s 2.05s ease-out forwards}
.s3go{width:auto!important;min-width:200px;padding:14px 28px!important;font-size:17px!important;box-shadow:0 10px 30px #39c6ff55;animation:s3pulse 2s 2.6s ease-in-out infinite}
@keyframes s3pulse{50%{box-shadow:0 10px 40px #39c6ffaa,0 0 0 6px #39c6ff22}}
.s3notes{width:auto!important;padding:14px 22px!important}
.s3rev.calm *,.s3rev.calm{animation:none!important;opacity:1}.s3rev.calm .s3core,.s3rev.calm .s3ring,.s3rev.calm .s3flash,.s3rev.calm .s3rays{display:none}
@media(max-width:760px){.s3cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.s3card{padding:12px 8px 12px}.s3card small{font-size:11.5px}.s3art{height:70px}.s3crit{transform:scale(.85)}.s3snow{flex-wrap:wrap}.s3join{flex:1 0 100%}.s3main{gap:12px;padding-top:44px}.s3core,.s3ring,.s3rays{top:26%}.s3flash{background:radial-gradient(circle at 50% 26%,#fff,#bfeaff 30%,transparent 75%)}}
.wnreplayw{display:flex;justify-content:center;margin:-2px 0 6px}.wnreplay{width:auto!important;display:inline-flex;align-items:center;gap:8px;padding:11px 20px!important}.wnreplay svg{width:16px;height:16px}
.s3btns{position:sticky;bottom:0;z-index:3;width:calc(100% + 36px);margin:4px -18px -40px;padding:16px 18px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#02040900,#020409e0 40%)}
@media(max-width:760px){.s3kick{letter-spacing:.12em;font-size:11px}.s3btns{flex-wrap:nowrap}.s3go{min-width:0;flex:1}.s3notes{flex:none}}
/* the lobby's Explore grid */
.xgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:4px 0 22px}
.xcard{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;gap:12px;min-height:76px;padding:14px 16px;border-radius:16px;color:#fff;text-decoration:none;background:var(--xbg);box-shadow:inset 0 0 0 1px #ffffff1f,0 8px 22px #0006;transition:transform .18s cubic-bezier(.3,1.5,.5,1),box-shadow .18s}
.xcard::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 30%,#ffffff2a 45%,transparent 60%);transform:translateX(-120%);transition:transform .6s}
.xcard:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px #ffffff3a,0 14px 30px #0008}.xcard:hover::after{transform:translateX(120%)}
.xico{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#ffffff2a;box-shadow:inset 0 1px 0 #ffffff44}.xico svg{width:22px;height:22px}
.xtx{min-width:0;display:flex;flex-direction:column;line-height:1.2}.xtx b{font-size:15.5px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xtx small{color:#ffffffcc;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xbig{position:absolute;right:-14px;bottom:-22px;z-index:-1;opacity:.16;transform:rotate(-14deg)}.xbig svg{width:96px;height:96px}
.xtag{position:absolute;top:9px;right:10px;font-style:normal;font-size:9.5px;font-weight:900;letter-spacing:.08em;padding:2px 7px;border-radius:999px;background:#0006;color:#fff}.xtag.live{background:#ff3d5a;box-shadow:0 0 0 0 #ff3d5a99;animation:xlive 1.8s ease-out infinite}
@keyframes xlive{0%{box-shadow:0 0 0 0 #ff3d5a88}100%{box-shadow:0 0 0 8px #ff3d5a00}}
.x-pulse{--xbg:linear-gradient(135deg,#0f9b6e,#0b5f73)}.x-orig{--xbg:linear-gradient(135deg,#1f7ae0,#2b3fb0)}.x-slots{--xbg:linear-gradient(135deg,#d6338a,#7b2cbf)}.x-sports{--xbg:linear-gradient(135deg,#1aa34a,#0d5c3a)}
.x-fun{--xbg:linear-gradient(135deg,#ff8a1f,#d6336c)}.x-cases{--xbg:linear-gradient(135deg,#c98b00,#8a4b00)}.x-table{--xbg:linear-gradient(135deg,#0d7a6e,#123d5c)}.x-grades{--xbg:linear-gradient(135deg,#e0503a,#a3235c)}
@media(max-width:1100px){.xgrid{grid-template-columns:repeat(4,minmax(0,1fr))}.xcard{padding:12px}.xico{width:36px;height:36px}.xbig svg{width:80px;height:80px}}
@media(max-width:900px){.xgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:18px}.xcard{min-height:64px;padding:11px 12px;gap:10px;border-radius:14px}.xtx b{font-size:14px}.xtx small{font-size:11px}.xico{width:34px;height:34px;border-radius:10px}.xico svg{width:18px;height:18px}}
.whead{display:flex;align-items:center;gap:14px;min-width:0}.whead>div{min-width:0}
.whav{flex:none;border-radius:50%;padding:3px;background:conic-gradient(from 200deg,#39c6ff,#a96bff,#ff7ad9,#39c6ff);box-shadow:0 8px 24px #39c6ff33}.whav .av,.whav>*{width:52px;height:52px;font-size:21px;box-shadow:0 0 0 3px var(--bg)}
.wseason{display:inline-block;font-size:10.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#0b1520;background:linear-gradient(90deg,#7fe3ff,#c7b5ff);border-radius:999px;padding:2px 8px;margin-right:4px;vertical-align:1px}
@media(max-width:900px){.whav .av,.whav>*{width:42px;height:42px;font-size:17px}}
@media(max-width:900px){.xtag{top:auto;bottom:7px;right:8px;font-size:8.5px;padding:1px 6px}}
/* Grade Bets: your apples, the apple leaderboard, results */
.kapple.mid{width:44px;height:44px;flex:none;filter:drop-shadow(0 6px 14px #ff4d5e55)}
.gbme{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:14px 16px;margin:0 0 14px;border-radius:16px;background:linear-gradient(135deg,#2a1420,#1a2236 60%);box-shadow:inset 0 0 0 1px #ff4d5e33}
.gbmea{display:flex;align-items:center;gap:12px}.gbmea small{display:block;color:#ffb3bd;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.gbmea b{display:block;font-size:28px;font-weight:900;line-height:1.1}.gbmea span{color:var(--mu);font-size:12.5px}
.gbmes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.gbmes>div{background:#ffffff0a;border-radius:10px;padding:8px 10px;min-width:0}.gbmes small{display:block;color:var(--mu);font-size:11px;font-weight:700}.gbmes b{font-size:16px;white-space:nowrap}
.gbboard{display:flex;flex-direction:column;gap:14px}
.gbpod{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end;max-width:640px;margin:0 auto;width:100%}
.gbpodi{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;padding:14px 8px 0;border-radius:16px 16px 0 0;background:linear-gradient(180deg,#ffffff10,#ffffff04);min-width:0}
.gbpodi.p1{padding-top:22px;background:linear-gradient(180deg,#ffd23d26,#ffffff05);box-shadow:inset 0 0 0 1px #ffd23d44}.gbpodi .gbcrown{font-size:22px}.gbpodi.p1 .gbcrown{font-size:30px;animation:pinbob 3s ease-in-out infinite}
.gbpav{width:58px;height:58px;font-size:22px}.gbpodi.p1 .gbpav{width:72px;height:72px;font-size:28px;box-shadow:0 0 0 3px #ffd23d}
.gbpodi .cname{font-weight:900;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gbpodi small{color:var(--mu);font-size:11.5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gbpodi>b{font-size:17px}
.gbpodbar{display:block;width:100%;margin-top:8px;padding:10px 0;border-radius:10px 10px 0 0;font-weight:900;font-size:18px;background:#ffffff12}.gbpodi.p1 .gbpodbar{padding:18px 0;background:linear-gradient(180deg,#ffd23d,#c98b00);color:#3a2a00}.gbpodi.p2 .gbpodbar{padding:13px 0;background:linear-gradient(180deg,#dfe6ee,#8f9db0);color:#1b2533}.gbpodi.p3 .gbpodbar{background:linear-gradient(180deg,#e0a26b,#9a5a2a);color:#2a1408}
.gbrows{display:flex;flex-direction:column;gap:4px;background:var(--p1);border-radius:14px;padding:8px}
.gbrow{display:grid;grid-template-columns:36px minmax(0,2.2fr) 1fr 1fr 1fr 1fr;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;font-size:13.5px}.gbrow:not(.gbhead):hover{background:#ffffff08}.gbrow.me{background:#39c6ff14;box-shadow:inset 0 0 0 1px #39c6ff44}
.gbhead{color:var(--mu);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.gbpl{font-weight:900;color:var(--mu)}
.gbwho{display:flex;align-items:center;gap:9px;min-width:0}.gbwho>div{min-width:0;display:flex;flex-direction:column}.gbwho .cname{font-weight:800;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gbwho small{color:var(--mu);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gbav{width:32px;height:32px;font-size:13px;flex:none}
.pmsettle{display:flex;flex-direction:column;gap:6px;margin:8px 0 0;font-size:13px;color:#d7ecff}.pmsettle small{display:block;color:var(--mu);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.crumbs .pmshare{margin-left:auto;width:auto;display:inline-flex;align-items:center;gap:6px;padding:5px 11px;min-height:0}.crumbs .pmshare svg{width:14px;height:14px}
.pmhot{color:#ffb547;font-weight:800}.pmst.soon{color:#ff8a9c;font-weight:800}.pmyou.won{color:var(--win)}.pmyou.lost{color:#ff8a9c}
@media(max-width:800px){.gbme{grid-template-columns:1fr}.gbmes{grid-template-columns:repeat(3,minmax(0,1fr))}.gbrow{grid-template-columns:28px minmax(0,2fr) 1fr 1fr;font-size:12.5px}.gbrow>:nth-child(4),.gbrow>:nth-child(5){display:none}.gbpav{width:46px;height:46px}.gbpodi.p1 .gbpav{width:58px;height:58px}}
.gbpav,.gbav{border-radius:50%;display:grid;place-items:center;font-weight:900;color:#06202c;overflow:hidden;flex:none}.gbpav img,.gbav img{width:100%;height:100%;object-fit:cover}
/* Snow Pulse round 4: auto-snipe, position chips, watchlist star, hotkeys */
.axsnipe{margin-left:auto;display:flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:999px;border:1px solid var(--axl);background:var(--ax2);color:var(--axm);font:800 11px Inter,system-ui,sans-serif;cursor:pointer;transition:color .15s,border-color .15s,box-shadow .15s}
.axsnipe .axi{width:12px;height:12px}.axsnipe:hover{color:var(--axt)}
.axsnipe.on{color:#ffd23d;border-color:#ffd23d77;background:#ffd23d14;box-shadow:0 0 0 0 #ffd23d55;animation:axsnp 1.8s ease-out infinite}
@keyframes axsnp{0%{box-shadow:0 0 0 0 #ffd23d55}80%,100%{box-shadow:0 0 0 7px #ffd23d00}}
.axsnbox .axsnp{margin:0;color:var(--axm);font-size:11.5px;line-height:1.45}
.axposchip{position:absolute;right:10px;bottom:40px;display:flex;align-items:center;gap:2px;height:24px;padding:0 3px 0 8px;border-radius:999px;background:var(--ax1);border:1px solid var(--axl);font:800 11.5px Inter,system-ui,sans-serif}
.axposchip[hidden]{display:none}.axposchip b{font-variant-numeric:tabular-nums}.axposchip b.up{color:var(--axup)}.axposchip b.dn{color:var(--axdn)}
.axqs{height:18px;padding:0 8px;border-radius:999px;border:0;background:#ff4d6d22;color:var(--axdn);font:800 10.5px Inter,system-ui,sans-serif;cursor:pointer;margin-left:4px}.axqs:hover{background:#ff4d6d44}
.axstar{border:0;background:none;color:var(--axm2);font-size:17px;line-height:1;padding:0 2px;cursor:pointer;transition:transform .15s,color .15s}.axstar:hover{color:var(--axt);transform:scale(1.15)}.axstar.on{color:#ffd23d;text-shadow:0 0 10px #ffd23d66}
.axkeys{color:var(--axm2);font-size:11px}.axkeys kbd{display:inline-block;min-width:16px;padding:0 4px;border-radius:4px;border:1px solid var(--axl);background:var(--ax2);font:800 10px Inter,system-ui,sans-serif;text-align:center;color:var(--axt)}
@media (hover:none){.axkeys{display:none}}
@media (max-width:760px){.axposchip{bottom:9px;top:auto}}
@media(max-width:620px){.toastx{padding:9px 13px;font-size:13.5px;line-height:1.35}}
@media(min-width:901px){body.ax-on .toasts{top:auto;bottom:18px;flex-direction:column}}
.s3fish.s3games{position:relative;width:132px;height:84px;overflow:visible;border-radius:0;box-shadow:none}
.s3g{position:absolute;top:0;width:58px;height:78px;border-radius:12px;overflow:hidden;box-shadow:0 0 0 2px #ffffff22,0 10px 20px #0008;left:calc(var(--i) * 37px);transform:rotate(calc(-9deg + var(--i) * 9deg)) translateY(calc(var(--i) * 3px - 3px))}
.s3g:nth-child(2){z-index:1}.s3g svg{display:block;width:100%;height:100%}
/* ---- chat, round 5: compact grouped rows, mentions, big emoji picker, DM/group bubbles with pictures and seen ticks ---- */
.clist{gap:2px;padding:8px 10px}
.cmsg.cwm{position:relative;background:none;border-radius:10px;padding:7px 8px 6px;gap:10px;transition:background .12s}
.cmsg.cwm:hover{background:#ffffff08}
.cmsg.cwm+.cmsg.cwm:not(.cont){margin-top:4px}
.cmsg.cwm.cont{padding-top:1px;padding-bottom:3px}
.cmsg.cwm.me{background:none;box-shadow:inset 2px 0 0 color-mix(in srgb,var(--acc) 70%,transparent)}
.cmsg.cwm.ment{background:#ffcf3d14;box-shadow:inset 3px 0 0 var(--gold)}
.cmsg.cwm .cmh{gap:6px;line-height:1.2;min-height:18px}
.cmsg.cwm .cname{font-size:13px;font-weight:800;color:#cfe3f3;padding:0;background:none;border:0;cursor:pointer;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cmsg.cwm .cname:hover{color:#fff;text-decoration:underline}
.cmsg.cwm .cname.r-owner{color:#ffcf3d}.cmsg.cwm .cname.r-mod{color:#7cf29a}
.cmsg.cwm.me .cname{color:var(--acc2,#7ad8ff)}
.cmsg.cwm .cmh small{font-size:10.5px;font-weight:600;color:var(--mu2,#7f93a5);margin-left:auto}
.cmsg.cwm p{margin:2px 0 0;font-size:14px;font-weight:500;line-height:1.42;color:#e6eef6;letter-spacing:.005em;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
.cmsg.cwm.cont p{margin-top:0}
.cmt{width:34px;text-align:center;font-size:9.5px;font-weight:700;color:transparent;padding-top:4px;font-variant-numeric:tabular-nums}
.cmsg.cwm.cont:hover .cmt{color:var(--mu2,#7f93a5)}
.cmsg.cwm .cdel{position:absolute;top:4px;right:4px;width:22px;height:22px;border:0;border-radius:6px;background:var(--p2);color:var(--mu);display:none;place-items:center;cursor:pointer}
.cmsg.cwm:hover .cdel{display:grid}.cmsg.cwm .cdel svg{width:12px;height:12px}
.cmsg.csys{margin:4px 0}.cmsg.csys p span{min-width:0;overflow-wrap:anywhere}
.cmav .cav.haspic,.cbrow .cav.haspic{background:#0000!important}
/* emoji picker */
.cemo{display:flex;flex-direction:column;gap:6px;grid-template-columns:none;width:min(318px,calc(100vw - 28px));padding:8px}
.cemot{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid #ffffff12;padding-bottom:6px}
.cemot button{flex:none;width:34px;height:30px;font-size:17px;border-radius:8px;opacity:.6}
.cemot button[aria-pressed=true]{opacity:1;background:var(--p3)}
.cemog{display:grid;grid-template-columns:repeat(8,1fr);gap:1px;max-height:212px;overflow-y:auto;overscroll-behavior:contain}
.cemog button{width:100%;height:34px;font-size:20px}.cemog small{grid-column:1/-1;padding:10px 4px}
.cemo button:hover{transform:none}
/* DM + group bubbles */
.cbrow{display:flex;align-items:flex-end;gap:7px;max-width:100%}
.cbrow.me{justify-content:flex-end}
.cbrow+.cbrow{margin-top:-2px}.cbrow.tail{margin-bottom:6px}
.cbrow>.cav,.cbrow>.cmav .cav{width:28px;height:28px;font-size:12px;flex:none}
.cbrow>.cmav{flex:none;align-self:flex-end}
.cbsp{width:28px;flex:none}
.cbrow .cbub{max-width:min(78%,420px);align-self:auto}
.cbub p{font-weight:500;line-height:1.4;white-space:pre-wrap}
.cbrow:not(.tail) .cbub p{border-radius:14px}
.cbrow:not(.tail) .cbub.me p{border-radius:14px}
.cseen{font-weight:800;color:var(--mu2,#7f93a5)}.cseen.on{color:#5cc8ff}
.cseenby{align-self:flex-end;font-size:10.5px;font-weight:700;color:#5cc8ff;padding:0 6px 4px}
@media(max-width:900px){.cmsg.cwm p{font-size:14.5px}.cmsg.cwm .cdel{display:grid;opacity:.6}}
/* the snow pop-up slides in on the right (left of the chat when it's open) */
@media(min-width:601px){
  .rainpop{left:auto;right:16px;top:78px;transform:none;width:380px;animation:rpinr .45s cubic-bezier(.2,1.3,.4,1)}
  .rainpop.out{animation:rpoutr .3s ease-in forwards}
  body.chatopen .rainpop{right:346px}
  @keyframes rpinr{from{opacity:0;transform:translateX(60px) scale(.96)}}
  @keyframes rpoutr{to{opacity:0;transform:translateX(50px)}}
}
.onlpill{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 11px;border-radius:999px;border:1px solid #21e07a44;background:#21e07a14;color:#bdf5d4;font:800 12.5px Inter,system-ui,sans-serif;cursor:pointer;white-space:nowrap;transition:background .15s}
.onlpill:hover{background:#21e07a26}.onlpill[hidden]{display:none}
.onlpill i{width:8px;height:8px;border-radius:50%;background:#21e07a;box-shadow:0 0 0 3px #21e07a33;animation:onlp 2s ease-in-out infinite}
.onlpill b{font-variant-numeric:tabular-nums;color:#fff}
@keyframes onlp{50%{box-shadow:0 0 0 5px #21e07a11}}
@media(max-width:900px){.onlpill{height:30px;padding:0 9px;gap:5px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.onlpill i{animation:none}}
/* reveal performance: soft gradients instead of huge blurred layers, a one-off shine, and GPU-only motion */
.s3aur{filter:none;opacity:.55;background:radial-gradient(closest-side,var(--c),transparent)!important}
.s3aur.a1{--c:#1f8fff66}.s3aur.a2{--c:#8c4bff5c}.s3aur.a3{--c:#12c7a840;opacity:.5}
.s3title b{filter:none;text-shadow:none;animation:s3shine 2.4s 1.4s ease-out 1 both}
.s3title{position:relative}
.s3title::after{content:'';position:absolute;left:50%;top:58%;width:60%;height:50%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,#39c6ff55,transparent);z-index:-1;pointer-events:none}
@keyframes s3slam{0%{opacity:0;transform:scale(2.6)}60%{opacity:1}100%{opacity:1;transform:scale(1)}}
.s3rays,.s3ring,.s3core,.s3card{will-change:transform,opacity}
.s3grid{display:none}
@media(max-width:760px){.s3aur.a3,.s3rays{display:none}}
body>.s3rev.s3cover:not(.out)~:not(.burstcv):not(.toasts):not(script):not(svg){visibility:hidden}
.dlmore{grid-column:1/-1;height:1px}.dlmore[hidden]{display:none}
.dlcard{content-visibility:auto;contain-intrinsic-size:auto 230px}
.dlptrsv{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;will-change:transform;transform-origin:50% 50%;z-index:2}
.dlstage.won .dlring{filter:none}.dlstage.won .dlwheel{box-shadow:0 0 0 0 transparent;border-radius:50%;background:radial-gradient(closest-side,#21e07a33,transparent)}
.axposchip{bottom:9px;right:68px}
@media(max-width:760px){.axposchip{right:10px}}
/* ---- Snow Pulse round 5: chart marker toggles, PnL hero, X tracker, PnL card v2 ---- */
.axmk{margin-left:8px}.axmk button{min-width:30px}.axmk button[aria-pressed=false]{opacity:.45;text-decoration:line-through}
.axhero{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr)) auto;align-items:center;gap:14px;margin:0 0 12px;padding:12px 16px;border-radius:14px;background:var(--ax1);box-shadow:inset 0 0 0 1px var(--axl);position:relative;overflow:hidden}
.axhero[hidden]{display:none}
.axhero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--hc,#2fe0a0) 0,transparent 55%);opacity:.12;pointer-events:none}
.axhero.pos{--hc:#2fe0a0;box-shadow:inset 0 0 0 1px #2fe0a055}.axhero.neg{--hc:#f2476a;box-shadow:inset 0 0 0 1px #f2476a55}
.axhero small{display:block;color:var(--axm);font-size:11px;font-weight:700;margin-bottom:2px}
.axhero b{font-size:15px;font-variant-numeric:tabular-nums}
.axhpnl>div{display:flex;align-items:baseline;gap:8px}.axhpnl b{font-size:24px;font-weight:900;color:var(--hc)}.axhpnl em{font-style:normal;font-weight:900;font-size:14px;color:var(--hc);background:color-mix(in srgb,var(--hc) 16%,transparent);padding:2px 7px;border-radius:6px}
.axhbtn{display:flex;gap:6px}.axhbtn .btn{width:auto;white-space:nowrap}.axhbtn .axsellall{background:#f2476a26;color:#ff8ea2}
@media(max-width:900px){.axhero{grid-template-columns:1fr 1fr 1fr;gap:10px;padding:10px 12px}.axhpnl{grid-column:1/-1}.axhbtn{grid-column:1/-1}.axhbtn .btn{flex:1}.axhpnl b{font-size:22px}}
.axtrkmode{margin:0 0 12px;width:max-content;max-width:100%}
.axkol{font-style:normal;font-size:9.5px;font-weight:900;color:#ffd23d;background:#ffd23d1f;border-radius:4px;padding:1px 5px;margin-left:6px;vertical-align:2px}
.axwrow.kol .axwav{box-shadow:0 0 0 2px #ffd23d88}
.axwmain small{display:block;color:var(--axm);font-size:11px;font-weight:700}
.axtwl{display:flex;flex-direction:column;max-height:calc(100vh - 300px);min-height:300px;overflow:auto}
.axbmain .axtwl{max-height:520px}
.axtw{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;padding:12px 14px;border-bottom:1px solid var(--axl);animation:axtwin .35s ease-out}
@keyframes axtwin{from{background:#5b7cff1a}}
.axtw.kol{background:linear-gradient(90deg,#ffd23d0d,transparent 60%)}
.axtw.k-rug{background:linear-gradient(90deg,#f2476a14,transparent 60%)}
.axtwav{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:21px;background:var(--ax3);flex:none}
.axtwav.kol{box-shadow:0 0 0 2px #ffd23d}.axtwav.bot{box-shadow:0 0 0 2px #5b7cff}.axtwav.sm{font-size:16px;font-weight:900;color:#0b0d12}
.axtwh{display:flex;align-items:center;gap:5px;min-width:0;flex-wrap:wrap}.axtwh b{font-size:14px}.axtwh small{color:var(--axm);font-size:11.5px;font-weight:600}
.axtwv{width:15px;height:15px;border-radius:50%;background:#1d9bf0;color:#fff;font-size:9px;font-weight:900;display:grid;place-items:center}
.axtw p{margin:4px 0 8px;font-size:14px;line-height:1.4;color:var(--axt);overflow-wrap:anywhere}
.axtwtk{color:#7ab8ff;font-weight:800;text-decoration:none}.axtwtk:hover{text-decoration:underline}
.axtwf{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.axtwc{display:inline-flex;align-items:center;gap:6px;padding:3px 8px 3px 3px;border-radius:999px;background:var(--ax2);color:var(--axt);text-decoration:none;font-size:12px}.axtwc small{color:var(--axm)}
.axtwsince{font-style:normal;font-size:12px;font-weight:900;padding:3px 7px;border-radius:6px}.axtwsince.up{background:#2fe0a01f}.axtwsince.dn{background:#f2476a1f}
.axtwf .axqb.in{margin-left:auto;height:26px}
/* PnL card v2 */
.pnlc.v2{background:#0a1120}
.pnlmedia{position:absolute;inset:0;z-index:-2}.pnlmedia img,.pnlmedia video{width:100%;height:100%;object-fit:cover;display:block}
.pnlshade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#000000b8,#00000040 60%,#0000)}
.pnlc.v2 .pnlbg{display:none}.pnlc.v2 .pnlcoin img{display:block;width:44px;height:44px;border-radius:12px;box-shadow:0 0 0 2px #ffffff30}
.pnlopen{margin-left:6px;font-size:10px;font-weight:900;color:#7ad8ff;background:#39c6ff26;border-radius:5px;padding:1px 6px}
.pnlbgrow{display:flex;flex-direction:column;gap:6px;margin-top:12px}.pnlbgrow>small{color:var(--mu);font-weight:800;font-size:12px}
.pnlpicks{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin}
.pnlpicks button{flex:none;width:96px;height:58px;border-radius:10px;border:0;background-size:cover;background-position:center;position:relative;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff26;overflow:hidden}
.pnlpicks button span{position:absolute;left:0;right:0;bottom:0;padding:3px 6px;font-size:10.5px;font-weight:800;color:#fff;background:linear-gradient(transparent,#000a);text-align:left}
.pnlpicks button[aria-pressed=true]{box-shadow:0 0 0 2px var(--acc),0 0 14px #39c6ff66}
.pnlpicks .pnlup{background:var(--p2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#fff}.pnlpicks .pnlup span{position:static;background:none;text-align:center;font-size:12px;padding:0}.pnlpicks .pnlup small{font-size:10px;color:var(--mu)}
.pnlbtns{margin-top:12px;flex-wrap:wrap}
/* Penguin Fishing 2: the menu over the game (start, upgrades, fish log) */
.fsh{position:relative;width:100%}
.fsmenu{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:10px;background:linear-gradient(180deg,#0a1a3acc,#071226f2 40%);backdrop-filter:blur(2px);overflow:auto;color:#fff}
.fsmenu[hidden]{display:none}
.fshead{display:flex;align-items:center;justify-content:space-between;gap:8px}.fshead b{font-size:20px;font-weight:900}.fscoins{font-weight:900;font-size:15px;color:#ffd23d;background:#ffd23d1f;border-radius:999px;padding:5px 12px}
.fstabs{display:flex;gap:4px;background:#ffffff10;border-radius:12px;padding:4px}.fstabs button{flex:1;border:0;border-radius:9px;background:none;color:#bfd3e6;font:800 12.5px Inter,system-ui,sans-serif;padding:8px 4px;cursor:pointer}.fstabs button[aria-pressed=true]{background:#39c6ff;color:#04223a}
.fshome{display:flex;flex-direction:column;gap:12px;margin-top:auto;margin-bottom:auto}.fshome p{margin:0;font-size:14px;line-height:1.5;color:#d9e8f5}
.fsstats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fsstats div{background:#ffffff0f;border-radius:12px;padding:10px;text-align:center}.fsstats small{display:block;font-size:11px;color:#9fb6cc;font-weight:700}.fsstats b{font-size:18px}
.fsgo{font-size:17px!important;padding:14px!important}.fshint{text-align:center;color:#ffd08a;font-weight:700;font-size:12px}
.fsshop{display:flex;flex-direction:column;gap:8px}
.fsup{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;background:#ffffff0d;border-radius:12px;padding:9px 10px}
.fsui{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:22px;background:#ffffff14}
.fsup b{font-size:14px}.fsup b em{font-style:normal;color:#7cf2c4;font-size:11px;font-weight:900}.fsup small{display:block;color:#bfd3e6;font-size:11.5px;font-weight:600;margin-top:1px}.fsup small span{color:#7cf2c4}
.fspips{display:flex;gap:3px;margin-top:5px}.fspips s{width:16px;height:4px;border-radius:2px;background:#ffffff22}.fspips s.on{background:#39c6ff}
.fsup .btn{width:auto;white-space:nowrap}
.fslog{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.fsdex{border-radius:10px;padding:8px 9px;background:#ffffff0d;box-shadow:inset 3px 0 0 var(--rc)}.fsdex b{display:block;font-size:12.5px}.fsdex small{display:block;color:var(--rc);font-size:10.5px;font-weight:800}.fsdex em{font-style:normal;color:#9fb6cc;font-size:10.5px}
.fsdex.no{opacity:.55}.fsdex.no b{color:#8aa0b8}
/* phones: game pages in the Fun Zone get the screen — no breadcrumbs, a one-line header */
@media(max-width:700px){
  .fzwrap>.crumbs{display:none}
  .fzhead{flex-wrap:nowrap;margin-bottom:8px}.fzhead>div:first-child{min-width:0}.fzhead h1{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fzhead small{display:none}
  .fzhb{display:flex;align-items:center;gap:8px;flex:none}.fzhb .btn{padding:6px 10px;font-size:12.5px}
  .fzstage{padding:4px}
}
.sdmenu{background:linear-gradient(180deg,#0b2a55cc,#071a38f2 45%)}
.sdhead{display:flex;align-items:center;gap:8px;font-weight:800;font-size:13.5px;color:#ffd08a;background:#ff9a3d1a;border-radius:10px;padding:9px 12px;cursor:pointer}.sdhead.off{opacity:.5}
.sdhats{font-size:14px;margin-top:4px}
.sdhatg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.sdhat{border:0;border-radius:12px;background:#ffffff0f;color:#fff;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;font-family:inherit}
.sdhat i{width:30px;height:20px;border-radius:15px 15px 4px 4px;background:var(--hc);box-shadow:inset 0 -4px 0 #0003}
.sdhat b{font-size:11.5px}.sdhat small{font-size:10.5px;color:#9fb6cc;font-weight:700}
.sdhat.on{box-shadow:inset 0 0 0 2px #39c6ff}.sdhat:disabled{opacity:.5;cursor:default}
/* gold drops */
.lxt.lxgold .lxa{filter:drop-shadow(0 0 10px #ffc53d88)}
.lxwin.goldhit{box-shadow:inset 0 0 0 3px #ffc53d,0 0 60px -6px #ffc53d;animation:lxgoldp .5s ease-out 2}
.lxwin.goldhit .lxt.win{transform:scale(1.08);transition:transform .3s cubic-bezier(.2,1.6,.4,1)}
@keyframes lxgoldp{50%{box-shadow:inset 0 0 0 3px #fff3b0,0 0 90px 0 #ffc53d}}
.lxlane.golding .lxwin{background:radial-gradient(ellipse at 50% 50%,#ffc53d26,transparent 70%),linear-gradient(90deg,#0008,#0003 50%,#0008)}
.lxtag.gold b{color:#ffd76a;font-size:15px;font-weight:900;letter-spacing:.06em;text-shadow:0 0 14px #ffc53d99;animation:popin .3s cubic-bezier(.2,1.6,.4,1)}
.xgrid{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1100px){.xgrid{grid-template-columns:repeat(5,minmax(0,1fr))}.xtx small{display:none}}
@media(max-width:900px){.xgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.xtx small{display:block}}
.x-markets{--xbg:linear-gradient(135deg,#2d6bff,#14b8a6)}.x-board{--xbg:linear-gradient(135deg,#b8860b,#6b4ce6)}
/* ---- Snow Markets (Polymarket style) ---- */
.mkpage{max-width:1240px}
.mkhero{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin:4px 0 14px}
.mkhero h1{margin:0 0 4px;font-size:28px}.mkhero p{margin:0;color:var(--mu);max-width:620px;line-height:1.5}
.mksum{display:flex;gap:8px}.mksum div{background:var(--p1);border-radius:12px;padding:8px 14px;box-shadow:inset 0 0 0 1px #ffffff0d}.mksum small{display:block;color:var(--mu);font-size:11px;font-weight:700}.mksum b{font-size:16px;font-variant-numeric:tabular-nums}
.mktabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-bottom:14px;padding-bottom:2px}
.mktabs button{flex:none;border:0;border-radius:999px;background:var(--p1);color:var(--mu);font:800 13px Inter,system-ui,sans-serif;padding:8px 14px;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff0d}
.mktabs button[aria-pressed=true]{background:#fff;color:#0b1520}
.mkgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.mkcard{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:16px;background:var(--p1);box-shadow:inset 0 0 0 1px #ffffff0f;color:inherit;text-decoration:none;transition:transform .15s,box-shadow .15s;min-height:170px}
.mkcard:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #ffffff26,0 12px 30px #0006}
.mkcard.mine{box-shadow:inset 0 0 0 1px #39c6ff66}.mkcard.done{opacity:.8}
.mkctop{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:start}
.mkq{font-size:14.5px;line-height:1.35;font-weight:800}
.mkico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:22px;font-weight:900;color:#0b1520;background:var(--c,#39c6ff);flex:none}
.mkico.duo{background:var(--p2);display:flex;gap:0;justify-content:center;align-items:center;font-size:17px}.mkico.duo i{font-style:normal}.mkico.duo i+i{margin-left:-4px}
.mkico.big{width:64px;height:64px;border-radius:16px;font-size:32px}.mkico.big.duo{font-size:24px}
.mkchance{display:flex;flex-direction:column;align-items:center;min-width:58px}.mkgw{display:block;height:30px}.mkgauge{width:58px;height:33px;display:block}
.mkchance b{font-size:16px;margin-top:-14px;font-variant-numeric:tabular-nums}.mkchance small{font-size:10px;color:var(--mu);font-weight:700}
.mkbtns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}
.mkyes,.mkno{border-radius:10px;padding:10px;text-align:center;font-weight:800;font-size:13.5px}
.mkyes{background:#2fe0a01f;color:#2fe0a0}.mkno{background:#f2476a1f;color:#ff7a8f}
.mkcard:hover .mkyes{background:#2fe0a033}.mkcard:hover .mkno{background:#f2476a33}
.mkfoot{display:flex;justify-content:space-between;color:var(--mu);font-size:12px;font-weight:700}
.mkcard.live .mkfoot span:last-child{color:#ff6b6b}.mkcard.live .mkfoot span:last-child::before{content:'● ';animation:onlp 1.4s infinite}
.mkempty{color:var(--mu);padding:30px;text-align:center;grid-column:1/-1}.mkempty.big{display:flex;flex-direction:column;gap:12px;align-items:center}
.mkview{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.mkleft{display:flex;flex-direction:column;gap:12px;min-width:0}
.mkhead{display:flex;gap:14px;align-items:center}.mkhead h1{margin:0;font-size:22px;line-height:1.25}
.mkmeta{display:flex;gap:10px;flex-wrap:wrap;color:var(--mu);font-size:12.5px;font-weight:700;margin-top:4px}.mkcat{background:var(--p2);border-radius:6px;padding:1px 8px;color:#cfe3f3}
.mkprob{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.mkbig{font-size:36px;font-weight:900;font-variant-numeric:tabular-nums}.mkbig.up{color:#2fe0a0}.mkbig.dn{color:#7a9cff}.mkprob small{color:var(--mu);font-weight:700}
.mkdelta{font-style:normal;font-weight:800;font-size:13px}.mkdelta.up{color:#2fe0a0}.mkdelta.dn{color:#f2476a}
.mkchartw{background:var(--p1);border-radius:14px;padding:8px;box-shadow:inset 0 0 0 1px #ffffff0d}.mkchart{display:block;width:100%}
.mkctx{background:var(--p1);border-radius:14px;padding:12px 14px;box-shadow:inset 0 0 0 1px #ffffff0d}
.mkcx{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mkcx small{display:block;color:var(--mu);font-size:11px;font-weight:700}.mkcx b{font-size:17px;font-variant-numeric:tabular-nums}
.mkbar{height:8px;border-radius:4px;background:#ffffff14;margin-top:10px;overflow:hidden}.mkbar i{display:block;height:100%;background:linear-gradient(90deg,#7ad8ff,#ffffff);transform-origin:left;transition:transform .5s}
.mkscore{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;text-align:center}.mkscore span{font-size:28px;display:block}.mkscore b{font-size:14px}
.mksc b{font-size:30px;font-weight:900;font-variant-numeric:tabular-nums}.mksc small{display:block;color:var(--mu);font-weight:800}.mksc small.live{color:#ff6b6b}
.mkgoals{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;justify-content:center}.mkgoals span{font-size:12px;background:var(--p2);border-radius:6px;padding:2px 8px;font-weight:700}
.mksec{background:var(--p1);border-radius:14px;padding:12px 14px;box-shadow:inset 0 0 0 1px #ffffff0d}.mksec h3{margin:0 0 8px;font-size:14px}.mksec p{margin:0;color:#c6d4e1;font-size:13.5px;line-height:1.5}
.mkfeed{display:flex;flex-direction:column}.mkfr{display:flex;align-items:baseline;gap:4px;padding:6px 0;border-bottom:1px solid #ffffff0a;font-size:13px;flex-wrap:wrap}.mkfr small{margin-left:auto;color:var(--mu)}
.mkfr em{font-style:normal;font-weight:800}.mkfr em.yes{color:#2fe0a0}.mkfr em.no{color:#ff7a8f}.mkfr.me{background:#39c6ff12;border-radius:6px;padding-left:6px}
.mkright{position:sticky;top:calc(var(--topH,64px) + 12px);display:flex;flex-direction:column;gap:12px}
.mkticket{background:var(--p1);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:12px;box-shadow:inset 0 0 0 1px #ffffff14}
.mkmodes{display:flex;gap:16px;border-bottom:1px solid #ffffff12}.mkmodes button{border:0;background:none;color:var(--mu);font:800 14px Inter,system-ui,sans-serif;padding:4px 0 10px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.mkmodes button[aria-pressed=true]{color:#fff;border-color:#fff}
.mksides{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mks{border:0;border-radius:10px;padding:12px 8px;font:800 14px Inter,system-ui,sans-serif;cursor:pointer;background:var(--p2);color:#c6d4e1}.mks b{font-variant-numeric:tabular-nums}
.mks.yes.on{background:#2fe0a0;color:#06251a}.mks.no.on{background:#f2476a;color:#fff}
.mklab span{display:block;font-size:12px;color:var(--mu);font-weight:700;margin-bottom:4px}.mkamtw{display:flex;align-items:center;gap:8px;background:var(--p2);border-radius:10px;padding:0 12px}.mkamt{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font:900 22px Inter,system-ui,sans-serif;padding:10px 0;text-align:right}
.mkchips{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.mkchips button{border:0;border-radius:8px;background:var(--p2);color:#c6d4e1;font:800 12.5px Inter,system-ui,sans-serif;padding:7px 0;cursor:pointer}.mkchips button:hover{background:var(--p3)}
.mkest{display:flex;flex-direction:column;gap:6px}.mkest div{display:flex;justify-content:space-between;font-size:13px}.mkest span{color:var(--mu);font-weight:700}.mkest b{display:flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums}.mkest .win b{color:#2fe0a0;font-size:16px}.mkest small{color:var(--mu);font-weight:700}
.mkgo{width:100%;font-size:15px!important;padding:13px!important}.mkgo.no{background:#f2476a!important;color:#fff!important}
.mkfine{color:var(--mu);font-size:11px;text-align:center}
.mkpos{background:var(--p1);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;box-shadow:inset 0 0 0 1px #39c6ff44}.mkpos:empty{display:none}
.mkprow{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;align-items:center}.mkprow small{display:block;color:var(--mu);font-size:11px;font-weight:700}
.mkps{font-size:11.5px;font-weight:900;border-radius:6px;padding:3px 8px}.mkps.yes{background:#2fe0a026;color:#2fe0a0}.mkps.no{background:#f2476a26;color:#ff7a8f}
.mkpv{text-align:right}.mkpv small.up{color:#2fe0a0}.mkpv small.dn{color:#f2476a}
@media(max-width:900px){.mkview{grid-template-columns:1fr}.mkright{position:static}.mkhero h1{font-size:23px}.mkgrid{grid-template-columns:1fr}.mkbig{font-size:30px}.mkhead h1{font-size:18px}.mkico.big{width:52px;height:52px;font-size:26px}.mksum{width:100%}.mksum div{flex:1}}
@media(max-width:520px){.mkprow{grid-template-columns:auto minmax(0,1fr) auto}.mkprow .btn{grid-column:1/-1;width:100%}}
@media(max-width:900px){.mkview{display:flex;flex-direction:column;gap:12px}.mkleft{display:contents}.mkhead{order:1}.mkprob{order:2}.mkchartw{order:3}.mkctx{order:4}.mkright{order:5;width:100%}.mksec{order:6}}
/* OGU: rarest usernames */
.ogseg{display:flex;gap:6px;margin-bottom:10px}.ogseg button{border:0;border-radius:999px;background:var(--p2);color:var(--mu);font:800 13px Inter,system-ui,sans-serif;padding:8px 14px;cursor:pointer}.ogseg button[aria-pressed=true]{background:#fff;color:#0b1520}
.rnlist{display:flex;flex-direction:column;gap:6px}
.rnr{display:grid;grid-template-columns:44px 40px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--p1);box-shadow:inset 3px 0 0 var(--tc)}
.rnr .av{width:40px;height:40px}
.rnr:nth-child(-n+3){background:linear-gradient(90deg,color-mix(in srgb,var(--tc) 14%,var(--p1)),var(--p1) 60%)}
.rnname{border:0;background:none;padding:0;color:#fff;font:900 19px/1.1 'Inter',system-ui,sans-serif;letter-spacing:.02em;cursor:pointer;text-shadow:0 0 18px color-mix(in srgb,var(--tc) 50%,transparent)}.rnname:hover{text-decoration:underline}
.rntags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.rntier,.ogtag{font-style:normal;font-size:10px;font-weight:900;letter-spacing:.04em;border-radius:5px;padding:2px 6px;background:#ffffff12;color:#cfe3f3}
.rntier{background:color-mix(in srgb,var(--tc) 22%,transparent);color:var(--tc)}
.ogtag.t-word{background:#2fe0a022;color:#2fe0a0}.ogtag.t-og{background:#ffcf3d22;color:#ffcf3d}.ogtag.t-repeat,.ogtag.t-palindrome{background:#c38bff22;color:#c38bff}
.ogtag.t-3c,.ogtag.t-2c,.ogtag.t-1c,.ogtag.t-4c{background:#ff6fd822;color:#ff8fe0}
.rnscore{font-variant-numeric:tabular-nums;font-size:15px;color:var(--tc)}
.rnbuy{white-space:nowrap}
.rnmine{margin-bottom:10px}.rnmine>small{display:block;color:var(--mu);font-weight:700;font-size:12px;margin-bottom:4px}.rnr.me{box-shadow:inset 3px 0 0 var(--tc),inset 0 0 0 1px #39c6ff55}
@media(max-width:600px){.rnr{grid-template-columns:30px 36px minmax(0,1fr) auto;gap:8px}.rnr .rnbuy,.rnr>span:last-child{grid-column:1/-1}.rnname{font-size:17px}.rnr .av{width:36px;height:36px}}
.ppwrap{position:relative;min-width:180px;flex:1}.ppwrap.picked .tin{box-shadow:inset 0 0 0 2px #2fe0a0}
.ppick{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;background:var(--p2);border-radius:10px;padding:4px;box-shadow:0 14px 30px #000a;display:flex;flex-direction:column;max-height:280px;overflow:auto}
.ppick button{display:flex;align-items:center;gap:8px;border:0;background:none;color:#fff;padding:7px 8px;border-radius:8px;cursor:pointer;text-align:left;font:700 13.5px Inter,system-ui,sans-serif}.ppick button:hover{background:var(--p3)}
.ppick .cav{width:28px;height:28px;font-size:12px}.ppon{width:8px;height:8px;border-radius:50%;background:#21e07a;margin-left:auto}
.axkfaces{display:inline-flex;align-items:center;padding:1px 6px 1px 3px;border-radius:999px;background:#ffd23d1a;box-shadow:inset 0 0 0 1px #ffd23d55}.axkfaces[hidden]{display:none}
.axkfaces i{font-style:normal;font-size:12px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:var(--ax3);margin-left:-3px;box-shadow:0 0 0 1.5px var(--ax1)}.axkfaces i:first-child{margin-left:0}
.axkfaces em{font-style:normal;font-size:10px;font-weight:900;color:#ffd23d;margin-left:3px}

/* explore cards follow the space they actually get (chat open, sidebar open), not the window */
.xwrap{container-type:inline-size}
@container (min-width:900px){.xwrap .xgrid{grid-template-columns:repeat(5,minmax(0,1fr))}.xwrap .xcard{flex-direction:row;align-items:center}.xwrap .xtx small{display:block}}
@container (min-width:560px) and (max-width:899.98px){.xwrap .xgrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.xwrap .xcard{flex-direction:column;align-items:flex-start;gap:8px;min-height:0;padding:12px}.xwrap .xico{width:34px;height:34px;border-radius:10px}.xwrap .xico svg{width:18px;height:18px}.xwrap .xtx b{font-size:14px}.xwrap .xtx small{display:block;font-size:11px}.xwrap .xtag{top:8px;right:8px;font-size:8.5px;padding:2px 6px}.xwrap .xbig svg{width:72px;height:72px}}
@container (max-width:559.98px){.xwrap .xgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.xwrap .xcard{flex-direction:row;align-items:center}.xwrap .xtx small{display:block}}

/* lobby tile placeholders until the row scrolls near */
.gtile.gph{pointer-events:auto}.tph{display:block;aspect-ratio:3/4;background:linear-gradient(160deg,#1d2c3d,#142030);border-radius:inherit}
.lzph{display:block;width:100%;height:auto;filter:none!important}
/* idle animations on every page run on the compositor only (no per-frame style work): rings scale and fade */
.onlpill i{position:relative;animation:none;box-shadow:0 0 0 3px #21e07a33}.onlpill i::after{content:'';position:absolute;inset:0;border-radius:50%;background:#21e07a;animation:dotping 2s ease-out infinite}
.mkcard.live .mkfoot span:last-child::before{animation:onlb 1.4s infinite}@keyframes onlb{50%{opacity:.35}}
.xtag.live{animation:none;box-shadow:none}.xtag.live::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 3px #ff3d5a99;animation:xlring 1.8s ease-out infinite;pointer-events:none}
@keyframes xlring{0%{transform:scale(1);opacity:1}100%{transform:scale(1.35,1.7);opacity:0}}
/* your own chat messages: a short straight accent bar instead of a curved edge */
.cmsg.cwm.me{box-shadow:none}.cmsg.cwm.me::before{content:'';position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:3px;background:color-mix(in srgb,var(--acc) 75%,transparent)}
.cmsg.cwm.ment{box-shadow:none}.cmsg.cwm.ment::before{content:'';position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:3px;background:var(--gold)}

/* the idle snow box is two short rows: pot + countdown, then Make it snow · Tip · alerts */
.rainbox.idle{gap:8px}.rainbox.idle .rbrow{align-items:center}.rainbox.idle .rbown{align-items:center}
.rainbox.idle .rbown .rbtip,.rainbox.idle .rbown .rbbell{flex:none}.rainbox.idle .rbown .rbbell{margin-left:auto;width:30px;height:30px}
.rainbox.idle .rbside{text-align:right}
.hslide.s27{background:linear-gradient(115deg,#1a9e7a,#2b5fd9 55%,#141b4a)}
/* Pulse: every flash fades an overlay's opacity (runs on the compositor) instead of animating background colours,
   which made the browser restyle and repaint on every frame while prices tick */
@keyframes axfl0{from{opacity:1}to{opacity:0}}@keyframes axfl1{from{opacity:1}to{opacity:0}}
.axmc b{position:relative}
.axmc b.fu0,.axmc b.fu1,.axmc b.fd0,.axmc b.fd1{animation:none}
.axmc b.fu0::after,.axmc b.fu1::after,.axmc b.fd0::after,.axmc b.fd1::after{content:'';position:absolute;inset:-1px -3px;border-radius:4px;pointer-events:none;opacity:0;background:#2fe0a04d}
.axmc b.fd0::after,.axmc b.fd1::after{background:#ff4d6a4d}
.axmc b.fu0::after,.axmc b.fd0::after{animation:axfl0 .7s ease-out}.axmc b.fu1::after,.axmc b.fd1::after{animation:axfl1 .7s ease-out}
@keyframes axin{from{transform:translateY(-6px);opacity:.3}to{transform:none;opacity:1}}
.axtr.new,.axtw{animation:none;position:relative}
.axtr.new::after,.axtw::after{content:'';position:absolute;inset:0;pointer-events:none;background:#5b7cff26;opacity:0;animation:axfl0 1s ease-out}
.axtw::after{background:#5b7cff1a;animation-duration:.35s}
.axsnipe.on{position:relative;animation:none;box-shadow:none}.axsnipe.on::after{content:'';position:absolute;inset:-1px;border-radius:inherit;box-shadow:0 0 0 3px #ffd23d55;pointer-events:none;animation:xlring 1.8s ease-out infinite}
/* cards and rows only lay out themselves when a number changes */
.axcard{contain:layout paint style}

/* sports: flashes restart by switching to an identical animation (no forced layout); the live dot pulses on the compositor */
@keyframes spflash2{0%,40%{opacity:1}100%{opacity:0}}.spodd.r2.up::after,.spodd.r2.dn::after{animation-name:spflash2}
@keyframes spbump2{0%{transform:scale(1)}30%{transform:scale(1.45);color:#21e07a}100%{transform:scale(1)}}.bump.r2{animation-name:spbump2}
.splivedot{animation:none;box-shadow:none;position:relative}
/* spinning reels: the symbols' little decorations (blinking bulbs, twinkles) stop while they fly past — they're blurred
   anyway, and animating them made the browser repaint every whole reel strip on every frame */
.strip .scell:not(.land):not(.scatlit) .sym,.strip .scell:not(.land):not(.scatlit) .sym *{animation:none!important}
.strip.tease{animation:none}.strip.tease::after{content:'';position:absolute;inset:-2px;border-radius:12px;box-shadow:0 0 30px 4px #ffcf3d;pointer-events:none;animation:teasefade .4s ease-in-out infinite alternate}
@keyframes teasefade{from{opacity:.3}to{opacity:1}}
.scene .twinkle circle{animation:none}.scene .twinkle .tw{animation:twk 3.2s ease-in-out infinite}
.spinning .scene,.spinning .scene *{animation-play-state:paused!important}
/* the slot backdrop is its own layer, so its little animations repaint only itself, never the whole page */
.sbg{will-change:transform;contain:paint}
/* phones: the slot backdrops hold still (they sit mostly behind the reels there, and repainting a big animated picture
   every frame is what made spins stutter); symbols on a moving reel skip their drop shadows until they land */
@media (max-width:760px),(pointer:coarse){.scene,.scene *{animation:none!important}}
.strip .scell:not(.blur):not(.scatlit):not(.land) .sym{filter:none!important}
/* ---- polish pass: chat ---- */
/* falling snow passes behind the words in the snow box and the pop-up */
.rbsky,.rpsky{z-index:0}.rainbox .rbrow,.rainbox .rbfoot,.rainbox .rainnote,.rainpop .rptxt,.rainpop .rpcloud,.rainpop .rpjoin{position:relative;z-index:1}
/* phones: the chat sits flush on the bottom bar (no strip of page showing between), and no edge line while it snows */
@media(max-width:900px){.chat{bottom:calc(60px + env(safe-area-inset-bottom,0px))}body.raining .chat{box-shadow:inset 0 0 40px #39c6ff1c}}
/* Block in a conversation is a quiet text button, not a big grey one */
.cblock{flex:none;border:0;background:none;color:var(--mu);font:700 12px Inter,system-ui,sans-serif;padding:6px 8px;border-radius:8px;cursor:pointer}
.cblock:hover{color:#ff6b81;background:#ff4d6a14}.cblock.on{color:#ffcf3d;background:#ffcf3d14}
.cthead .ccall{margin-left:auto}
.cfsec h4 .cfon{font-size:10.5px;font-weight:800;letter-spacing:0;text-transform:none;color:var(--win);margin-left:6px}
.cfind .tin,.cnew .tin,.chat .tin{text-overflow:ellipsis}
/* ---- polish pass: windows ---- */
/* the Settings window never grows wider than the screen (its widest row made the whole window scroll sideways on phones) */
.swrap{grid-template-columns:170px minmax(0,1fr)}.swrap>*{min-width:0}
@media(max-width:900px){.swrap{grid-template-columns:minmax(0,1fr)}}
.ranklist{grid-template-columns:repeat(3,minmax(0,1fr))}.ranklist>*{min-width:0}
@media(max-width:900px){.ranklist{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* profile buttons: an even 2 × 2 grid, one line each; Block is the quiet one */
.pfacts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pfacts .btn{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:8px;padding-right:8px}
.pfacts .btn:only-child{grid-column:1/-1}
.pfacts .pfblock{background:none;box-shadow:inset 0 0 0 1px var(--ln);color:var(--mu)}.pfacts .pfblock:hover{color:#ff6b81;box-shadow:inset 0 0 0 1px #ff4d6a66}
/* ---- polish pass: rows and inputs ---- */
.rhead{flex-wrap:nowrap}.rhead h2{min-width:0;flex:1}.rhead h2>:not(svg):not(em){min-width:0}.rnav{flex:none}.all{white-space:nowrap}
@media(max-width:700px){.rhead h2{font-size:15px;line-height:1.2}}
input,textarea{text-overflow:ellipsis}
/* pictures that are still on their way: a soft shimmer instead of an empty box */
@keyframes phsh{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.tph,.lzph{position:relative;overflow:hidden;background:linear-gradient(160deg,#1d2c3d,#142030);border-radius:10px}
.tph::after,.lzph::after{content:none}
.lxcase.lzph{border-radius:14px;max-width:150px;margin-left:auto;margin-right:auto}
.lxa.lzph{border-radius:12px;width:72%;margin:6px auto}
/* ---- polish pass: Snow Markets, Pulse, battles, fun ---- */
@media(max-width:900px){.mkview{align-items:stretch}.mkview>*,.mkleft>*{min-width:0}}
.axcbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.axcbar::-webkit-scrollbar{display:none}.axcbar .axtf{flex:none}.axtf button{white-space:nowrap}
.fzhead .fzmini small{display:block}   /* the "Best" label stays on phones (only the subtitle under the name hides) */
.bsec .rhead{flex-wrap:wrap}.bsec .rhead>small{flex-basis:100%;order:3}.bsec .rhead h2{flex:1 1 auto}
.rhead .btn{display:inline-flex;align-items:center;gap:6px;width:auto}.rhead .btn svg{width:14px;height:14px}
.mkchance b.long{font-size:13.5px;letter-spacing:-.02em}
/* Fun Zone top: Fun Pass and the streak stack on the left, missions on the right — no big empty gap under the small cards */
@media(min-width:1001px){.fzcards{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:stretch}.fzcards>.fzpass{grid-column:1;grid-row:1}.fzcards>.fzstreak{grid-column:1;grid-row:2}.fzcards>.fzmcard{grid-column:2;grid-row:1/span 2}}
/* ---- Fun Zone game page: header, results ---- */
.fzhead{align-items:center}
.fzhl{display:flex;align-items:center;gap:12px;min-width:0}
.fzthumb{flex:none;width:52px;height:52px;border-radius:14px;overflow:hidden;box-shadow:0 6px 16px #0007,0 0 0 2px color-mix(in srgb,var(--fc,#39c6ff) 70%,transparent)}
.fzthumb svg{width:100%;height:auto;display:block;transform:translateY(-4%)}
.fzht{min-width:0;display:flex;flex-direction:column}.fzht h1{line-height:1.1}
.fzmini{flex-direction:row;align-items:center;gap:8px;padding:6px 12px 6px 10px;border-radius:12px;background:var(--p1);box-shadow:inset 0 0 0 1px #ffffff12}
.fzmini>svg{width:18px;height:18px;color:#ffcf3d}.fzmini>span{display:flex;flex-direction:column;line-height:1.05}
.fzmini small{font-size:9.5px;letter-spacing:.06em}.fzmini b{font-size:16px;font-variant-numeric:tabular-nums}
.fzhead .fzmini small{display:block}
.fzsnd{width:38px;height:38px}
.fzhow{display:inline-flex;align-items:center;gap:7px}.fzq{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#ffffff22;font-weight:900;font-size:12px}
@media(max-width:700px){.fzthumb{width:40px;height:40px;border-radius:11px}.fzhb{gap:6px}.fzsnd{width:34px;height:34px}.fzhow{padding:6px 9px}.fzmini{padding:5px 9px}}
.fzstage{box-shadow:inset 0 0 0 1px #ffffff12,0 18px 40px #0006}
/* results card */
.fzover{background:radial-gradient(ellipse at 50% 40%,#0b1a2bdd,#050b14f2);animation:fade .25s}
.fzres{position:relative;overflow:hidden;gap:14px;padding:22px 20px 18px;border-radius:20px;background:linear-gradient(180deg,#1b3047,#122233);animation:fzpop .45s cubic-bezier(.2,1.4,.4,1)}
.fzres::before{content:'';position:absolute;inset:-40% -20% auto;height:140px;background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--fc,#39c6ff) 45%,transparent),transparent 70%);pointer-events:none}
.fzres.best::before{background:radial-gradient(ellipse at 50% 100%,#ffcf3d66,transparent 70%)}
.fzres>*{position:relative}
@keyframes fzpop{from{opacity:0;transform:translateY(18px) scale(.9)}}
.fzrhead{display:flex;flex-direction:column;align-items:center;gap:8px}
.fzricon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#39c6ff,#2b7de9);box-shadow:0 8px 22px #1d6fd166;animation:fzbob 2.4s ease-in-out infinite}
.fzricon svg{width:26px;height:26px;color:#fff}
.fzres.best .fzricon{background:linear-gradient(135deg,#ffe066,#ff9f1a);box-shadow:0 8px 26px #ffb02066}
.fzres.lost .fzricon{background:linear-gradient(135deg,#5b6b80,#3a4656);box-shadow:none}
@keyframes fzbob{50%{transform:translateY(-4px)}}
.fzrt{font-size:24px;letter-spacing:-.01em}
.fzres.lost .fzrt{color:#cfe0f0}
.fzsc small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mu);font-weight:800}
.fzscn{font-size:52px;font-weight:900;line-height:1.05;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#fff,#bfe6ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.fzres.best .fzscn{background-image:linear-gradient(180deg,#fff6c8,#ffcf3d)}
.fzres.done .fzscn{animation:fzthump .35s cubic-bezier(.2,1.6,.4,1)}@keyframes fzthump{50%{transform:scale(1.12)}}
.fzbadge{display:inline-block;margin-top:6px;padding:4px 12px;border-radius:999px;font-style:normal;font-weight:900;font-size:12px;letter-spacing:.04em;color:#3a2600;background:linear-gradient(90deg,#ffe066,#ffb020);box-shadow:0 4px 14px #ffb02055;opacity:0;transform:scale(.6)}
.fzres.done .fzbadge{opacity:1;transform:none;transition:transform .35s cubic-bezier(.2,1.6,.4,1),opacity .2s}
.fzprev{margin-top:4px;color:var(--mu);font-weight:700}
.fzxp small.up{color:#7cf2c4;font-weight:800}
.fzres .fzbar i{transition:transform .9s cubic-bezier(.3,.9,.3,1)}
.fzgains>div{animation:fzslide .35s ease-out both}@keyframes fzslide{from{opacity:0;transform:translateX(-12px)}}
.fzbtns{display:grid;grid-template-columns:1fr auto;gap:8px}.fzbtns .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:auto}
.fzbtns .btn.go{grid-column:1}.fzbtns .btn.go svg{width:16px;height:16px}
.fzbtns .fzall{background:none;box-shadow:inset 0 0 0 1px var(--ln);color:var(--mu);text-decoration:none}
.fzres .fzstars i{animation-duration:.5s}
/* ---- Mines: ice tiles, pop reveals, gem sparkle and mine blast ---- */
.mines{background:radial-gradient(120% 90% at 50% 0%,#17324a 0%,var(--stage-bg,var(--bg)) 70%)}
.mt{background:linear-gradient(180deg,#3d5b75 0%,#2c4760 55%,#253d53 100%);box-shadow:0 5px 0 #15263a,inset 0 1px 0 #ffffff26,inset 0 -2px 0 #0003;transition:transform .14s cubic-bezier(.2,1.4,.4,1),filter .14s,box-shadow .14s}
.mt::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(160deg,#ffffff1f 0%,#fff0 45%);pointer-events:none}
.mt.live:hover:not(:disabled){transform:translateY(-4px);filter:brightness(1.18);box-shadow:0 9px 0 #15263a,0 10px 22px #39c6ff33,inset 0 1px 0 #ffffff33}
.mt.press{transform:translateY(3px) scale(.97);box-shadow:0 2px 0 #15263a}
.mt.gem,.mt.mine{background:radial-gradient(circle at 50% 45%,#13283a,#0a1620 75%);box-shadow:inset 0 0 0 2px #ffffff0d,inset 0 4px 12px #0008;animation:mflip .32s cubic-bezier(.2,1.3,.4,1)}
.mt.gem::before,.mt.mine::before{display:none}
.mt.mine:not(.dim){background:radial-gradient(circle at 50% 45%,#5a1626,#2a0c14 75%);animation:mflip .32s cubic-bezier(.2,1.3,.4,1),mhit .5s .05s}
.mt.gem:not(.dim){box-shadow:inset 0 0 0 2px #2ee59d55,0 0 18px #2ee59d33,inset 0 4px 12px #0008}
.mt.dim{opacity:.42;animation:mfade .3s var(--d,0ms) both}.mt.dim .mi{animation:none}
@keyframes mflip{0%{transform:scale(.82) rotateY(70deg)}100%{transform:none}}
@keyframes mfade{from{opacity:0;transform:scale(.85)}to{opacity:.42}}
@keyframes mhit{0%,100%{filter:none}30%{filter:brightness(1.8)}}
.mglow{position:absolute;inset:14%;border-radius:50%;pointer-events:none;opacity:.75;background:radial-gradient(circle,#2ee59d55,#2ee59d00 70%)}
.mt.mine .mglow{background:radial-gradient(circle,#ff4d6a66,#ff4d6a00 70%)}.mt.dim .mglow{display:none}
.mt .mi{filter:drop-shadow(0 3px 6px #0008)}
.mspark,.mboom{position:absolute;inset:0;pointer-events:none;border-radius:inherit}
.mspark::before,.mspark::after{content:'';position:absolute;left:50%;top:50%;width:70%;aspect-ratio:1;margin:-35% 0 0 -35%;border-radius:50%;border:2px solid #7cf2c4;opacity:0;animation:mring .55s ease-out both}
.mspark::after{border-color:#fff;animation-delay:.08s;width:40%;margin:-20% 0 0 -20%}
.mboom::before{content:'';position:absolute;left:50%;top:50%;width:90%;aspect-ratio:1;margin:-45% 0 0 -45%;border-radius:50%;background:radial-gradient(circle,#ffe08a 0%,#ff7a3d 35%,#ff3d5a00 70%);opacity:0;animation:mblast .6s ease-out both}
.mboom::after{content:'';position:absolute;left:50%;top:50%;width:80%;aspect-ratio:1;margin:-40% 0 0 -40%;border-radius:50%;border:3px solid #ff6b8b;opacity:0;animation:mring .6s .05s ease-out both}
@keyframes mring{0%{opacity:.95;transform:scale(.4)}100%{opacity:0;transform:scale(1.6)}}
@keyframes mblast{0%{opacity:1;transform:scale(.3)}100%{opacity:0;transform:scale(1.9)}}
.mnext{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:7px;padding:6px 14px;border-radius:99px;background:#0b1620d9;box-shadow:inset 0 0 0 1px #ffffff1a,0 6px 18px #0006;font-size:12px;white-space:nowrap}
.mnext[hidden]{display:none}
.mnext span{color:var(--mu);font-weight:700}.mnext b{font-variant-numeric:tabular-nums;color:#fff}.mnext b.up{color:var(--win)}.mnext i{width:1px;height:14px;background:#ffffff22}
.mines .winbox{border:0;background:linear-gradient(180deg,#14324a,#0b1a28);box-shadow:inset 0 0 0 2px var(--win),0 0 0 6px #2ee59d1f,0 18px 50px #000b;padding:14px 30px 16px}
.mines .winbox small{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#7cf2c4;font-weight:800}
.mines .winbox b{font-size:34px;text-shadow:0 0 18px #2ee59d66}
@media(max-width:520px){.mnext{top:6px;font-size:11px;gap:5px;padding:5px 10px}.mines{padding-top:40px}}
@media(prefers-reduced-motion:reduce){.mt.gem,.mt.mine,.mt.dim,.mspark::before,.mspark::after,.mboom::before,.mboom::after{animation:none}}
/* ---- Video Poker: frosted card backs, dealing, HELD tags, the winning cards and a win banner ---- */
.vpoker{background:radial-gradient(110% 80% at 50% 0%,#23307a 0%,#121848 45%,#090b24 100%)}
.vptable{background:linear-gradient(180deg,#0b0f33d9,#06081fd9);border:0;box-shadow:inset 0 0 0 2px #4a5ae0,0 10px 30px #0006}
.vprow{transition:background .2s,color .2s}.vprow.on{background:linear-gradient(90deg,#ffd54a,#ffb52e);box-shadow:0 0 16px #ffcf3d55;animation:vprow 1s ease-in-out infinite alternate}
@keyframes vprow{to{box-shadow:0 0 4px #ffcf3d22}}
.vpback{border:0;border-radius:10px;overflow:hidden;background:radial-gradient(circle at 50% 50%,#ffffff26 0 16%,#fff0 17%),repeating-linear-gradient(45deg,#1d5fc4 0 7px,#2677dd 7px 14px),#1f6fd1;box-shadow:inset 0 0 0 4px #fff,inset 0 0 0 7px #1a4fa0,0 6px 14px #0007}
.vpback::before{content:'';position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(45deg);border:2px solid #ffffffcc;border-radius:4px;background:#1a4fa0}
.vpback::after{content:'';position:absolute;inset:7px;border-radius:6px;background:linear-gradient(160deg,#ffffff30,#fff0 40%)}
.vpc{transition:transform .18s cubic-bezier(.2,1.4,.4,1),filter .2s,opacity .2s}
.vpc.deal{animation:vpdeal .34s calc(var(--i,0) * 45ms) cubic-bezier(.2,1.2,.4,1) both}
@keyframes vpdeal{from{opacity:0;transform:translate(calc((2 - var(--i,0)) * 40px),-60px) rotate(-8deg) scale(.85)}}
.held{top:-11px;bottom:auto;background:linear-gradient(180deg,#ffe066,#ffb52e);box-shadow:0 3px 10px #0007;letter-spacing:.08em;transform:translate(-50%,6px) scale(.8);transition:opacity .15s,transform .2s cubic-bezier(.2,1.6,.4,1);z-index:3}
.vpc.on .held{transform:translate(-50%,0) scale(1)}
.vpc.on{transform:translateY(-12px)}.vpc.on .pc{box-shadow:0 0 0 3px #ffcf3d,0 12px 24px #0008}
.vpc.hint .pc{box-shadow:0 0 0 2px #7cf2c499,0 0 18px #7cf2c433}
.vpc.win{transform:translateY(-8px)}.vpc.win .pc{box-shadow:0 0 0 3px #2ee59d,0 0 26px #2ee59d66;animation:vpglow 1.1s ease-in-out infinite alternate}
@keyframes vpglow{to{box-shadow:0 0 0 3px #2ee59d,0 0 10px #2ee59d33}}
.vpc.lose{filter:brightness(.55) saturate(.6)}
.vpmsg.up{color:#7cf2c4}.vpmsg.down{color:#8f97c9}
.vpwin{position:absolute;left:50%;top:50%;z-index:12;transform:translate(-50%,-50%);text-align:center;padding:12px 28px 14px;border-radius:14px;pointer-events:none;background:linear-gradient(180deg,#1a2470f2,#0c1140f2);box-shadow:inset 0 0 0 2px #ffcf3d,0 0 0 6px #ffcf3d22,0 20px 50px #000c;animation:popc .35s cubic-bezier(.2,1.6,.4,1),vpout .4s 1.6s ease-in forwards}
@keyframes popc{from{transform:translate(-50%,-50%) scale(.6);opacity:0}}
.winbox{animation-name:popc}
.vpwin small{display:block;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#ffe066}
.vpwin b{display:block;font-size:32px;color:#fff;text-shadow:0 0 18px #ffcf3d88;font-variant-numeric:tabular-nums}
.vpwin span{display:flex;gap:6px;align-items:center;justify-content:center;color:#7cf2c4;font-weight:800;font-variant-numeric:tabular-nums}
.vpwin.big{box-shadow:inset 0 0 0 2px #ff9ad5,0 0 0 8px #ff9ad522,0 0 60px #ff9ad555,0 20px 50px #000c}.vpwin.big b{font-size:40px}
@keyframes vpout{to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}
@media(prefers-reduced-motion:reduce){.vpc.deal,.vpc.win .pc,.vprow.on{animation:none}}
/* ---- titles, owner tools, chat media, typing bubble, win cards, announcements, OGU sale ---- */
.ttag{display:inline-flex;align-items:center;margin-left:5px;padding:1px 7px;border-radius:99px;font-size:10px;font-weight:800;letter-spacing:.02em;color:var(--tc,#ffcf3d);background:color-mix(in srgb,var(--tc,#ffcf3d) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc,#ffcf3d) 40%,transparent);white-space:nowrap;vertical-align:middle;max-width:140px;overflow:hidden;text-overflow:ellipsis}
.pfowner{margin-top:10px;border-radius:12px;background:var(--p2);box-shadow:inset 0 0 0 1px var(--ln);padding:8px 12px}.pfowner summary{cursor:pointer;font-weight:800}
.pfotitle,.pforest{display:grid;gap:8px;margin-top:10px}.pfcols{display:flex;gap:6px;flex-wrap:wrap}.pfcol{width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 2px #0004}.pfcol.on{box-shadow:0 0 0 2px #fff}
.pfobtns{display:flex;gap:8px}.pfbaks{display:grid;gap:6px}.pfbak{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:10px;background:var(--p3)}.pfbak small{display:block}
.bsbtns{display:flex;gap:8px;flex-wrap:wrap}.bsbtns .btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px}.bsbtns svg{width:16px;height:16px}
.cwrite{display:grid;gap:6px;position:relative}.cwrite.drop{outline:2px dashed var(--acc);outline-offset:2px;border-radius:12px}
.cclip svg,.cannb svg{width:18px;height:18px}
.catt{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:12px;background:var(--p3);box-shadow:inset 0 0 0 1px var(--ln)}.catt[hidden]{display:none}
.catt img,.catt video{width:46px;height:46px;border-radius:8px;object-fit:cover;flex:none;background:#000}
.cattinfo{flex:1;min-width:0;display:grid;gap:3px}.cattinfo small{color:var(--mu);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cattbar{height:4px;border-radius:4px;background:#ffffff14;overflow:hidden}.cattbar i{display:block;height:100%;background:var(--acc);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.catt.ready .cattbar i{background:var(--win)}.catt.bad .cattinfo small{color:#ff6b8b}
.cmedia{display:block;margin:4px 0;border-radius:12px;overflow:hidden;max-width:min(260px,100%);background:#0006;padding:0}
.cmedia img,video.cmedia{display:block;width:100%;height:auto;max-height:320px;object-fit:cover}
video.cmedia{max-width:min(280px,100%)}.cbub.cbonly{padding:4px;background:none;box-shadow:none}.cbub.cbonly small{padding:0 6px}
.clight{position:fixed;inset:0;z-index:300;display:grid;place-items:center;background:#000d;animation:fadein .2s;padding:16px}.clight.out{opacity:0;transition:opacity .2s}
.clight img{max-width:100%;max-height:100%;border-radius:10px;box-shadow:0 20px 60px #000}.clightx{position:absolute;top:14px;right:14px}
.ctyping{display:flex;align-items:center;gap:8px;padding:4px 8px 6px;animation:tyin .22s ease-out}.ctyping.out{opacity:0;transform:translateY(6px);transition:.2s}
@keyframes tyin{from{opacity:0;transform:translateY(8px)}}
.ctyavs{display:flex}.ctyavs .cav{width:22px;height:22px;font-size:11px}.ctyavs .cav+.cav{margin-left:-8px}
.ctybub{display:flex;gap:4px;padding:9px 12px;border-radius:16px 16px 16px 4px;background:var(--p3);box-shadow:inset 0 0 0 1px var(--ln)}
.ctybub i{width:6px;height:6px;border-radius:50%;background:var(--mu);animation:tydot 1.2s infinite ease-in-out}.ctybub i:nth-child(2){animation-delay:.15s}.ctybub i:nth-child(3){animation-delay:.3s}
@keyframes tydot{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-5px);opacity:1}}
.ctyping small{color:var(--mu);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cwin{display:flex;align-items:center;gap:10px;margin:4px 0;padding:8px 10px;border-radius:12px;text-decoration:none;color:inherit;background:linear-gradient(135deg,#2a2208,#13261d);box-shadow:inset 0 0 0 1px #ffcf3d55;max-width:300px}
.cwinx{flex:none;min-width:58px;padding:6px 8px;border-radius:9px;text-align:center;font-weight:900;color:#2a1a00;background:linear-gradient(180deg,#ffe066,#ffb52e);font-variant-numeric:tabular-nums}
.cwinb{flex:1;min-width:0;display:grid}.cwinb b{color:#7cf2c4;font-variant-numeric:tabular-nums}.cwinb small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cwin em{font-style:normal;font-weight:800;font-size:12px;color:#ffcf3d}
.cbat2{display:grid;gap:6px;padding:4px 2px}.cbat2 small{color:var(--mu)}.cbat2 .btn{justify-self:start}
.cann{margin:6px 0}.cann p{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:linear-gradient(135deg,#3a2a08,#1c1430);box-shadow:inset 0 0 0 1px #ffcf3d66;color:#fff}
.cann svg{width:18px;height:18px;flex:none;color:#ffcf3d}.cann small{display:block;color:#ffcf3d;font-weight:800;font-size:11px}
.annbar{position:fixed;left:50%;top:calc(66px + env(safe-area-inset-top));transform:translateX(-50%);z-index:120;width:min(680px,calc(100% - 24px));display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,#2c2108f2,#1a1236f2);box-shadow:inset 0 0 0 1px #ffcf3d77,0 14px 40px #000a;animation:annin .35s cubic-bezier(.2,1.3,.4,1)}
.annbar.out{opacity:0;transform:translate(-50%,-10px);transition:.25s}@keyframes annin{from{opacity:0;transform:translate(-50%,-14px)}}
.annic{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#ffcf3d;color:#2a1a00}.annic svg{width:20px;height:20px}
.anntx{flex:1;min-width:0}.anntx small{color:#ffcf3d;font-size:11px}.anntx p{margin:2px 0 0;font-weight:700;overflow-wrap:anywhere}
.anncur{padding:10px;border-radius:10px;background:var(--p3);display:grid;gap:6px}.anncur .btn{justify-self:start}
.ogsale{background:#2ee59d22!important;color:#7cf2c4!important;box-shadow:inset 0 0 0 1px #2ee59d55}.rnr.sale{box-shadow:inset 3px 0 0 #2ee59d}
.rnacts{display:flex;gap:4px;align-items:center}.ogedit{margin-top:6px;justify-self:start}.ogwords{max-height:70vh;overflow:auto}.ogwgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px}
.pfbat{white-space:nowrap}
@media(prefers-reduced-motion:reduce){.ctybub i,.ctyping,.annbar{animation:none}}
/* ---- rain strip between snows ---- */
.rainbox.idle{padding:8px 10px;gap:8px;background:linear-gradient(100deg,#0e2135 0%,#13304a 60%,#183a5a 100%);box-shadow:inset 0 -1px 0 #39c6ff22}
.rainbox.idle::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 120% at 0% 0%,#39c6ff22,#0000 60%)}
.rbstrip{position:relative;display:flex;align-items:center;gap:10px;min-width:0}
.rbstrip .rbcloud{flex:none;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(160deg,#39c6ff,#2a7fe0);color:#fff;box-shadow:0 4px 14px #39c6ff44}
.rbstrip .rbcloud svg{width:18px;height:18px;animation:rbspin 9s linear infinite}@keyframes rbspin{to{transform:rotate(360deg)}}
.rbstrip .rbinfo{flex:1;min-width:0;display:grid;gap:1px}.rbstrip .rbamt{font-size:16px;font-weight:900;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}.rbstrip .rbamt span{font-size:11px;color:var(--mu);font-weight:700}
.rbstrip .rbinfo small{color:var(--mu);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rbstrip .rbinfo small b{color:#cfe9ff;font-variant-numeric:tabular-nums}
.rbstrip .rbmake{flex:none;display:inline-flex;align-items:center;gap:5px;padding:6px 11px}.rbstrip .rbmake svg{width:14px;height:14px}
.rbstrip .rbmore{flex:none}.rbstrip .rbmore svg{transform:rotate(90deg);transition:transform .2s}.rainbox.open .rbmore svg{transform:rotate(-90deg)}
.rainbox.idle .rbown{display:flex;flex-wrap:wrap;gap:6px;animation:fadein .2s}.rainbox.idle .rbown .btn{display:inline-flex;align-items:center;gap:5px}.rainbox.idle .rbown .rbbell{margin-left:0;width:auto;height:auto}.rainbox.idle .rbown svg{width:14px;height:14px}
/* ---- floating X tracker ---- */
.axxbtn{flex:none;width:34px;height:34px;border-radius:10px;font-weight:900;font-size:15px;background:var(--p3);box-shadow:inset 0 0 0 1px var(--ln);color:#fff}.axxbtn:hover{background:var(--p4)}
.axxf{position:fixed;z-index:140;display:flex;flex-direction:column;min-width:280px;min-height:220px;max-width:calc(100vw - 8px);max-height:calc(100vh - 60px);resize:both;overflow:hidden;border-radius:14px;background:#0b1118f5;box-shadow:inset 0 0 0 1px #ffffff1f,0 24px 60px #000c;backdrop-filter:blur(6px);contain:layout paint}
.axxf.drag{opacity:.92;box-shadow:inset 0 0 0 1px #39c6ff88,0 30px 80px #000e}
.axxfh{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 12px;cursor:grab;user-select:none;touch-action:none;background:#ffffff08;border-bottom:1px solid #ffffff14}.axxf.drag .axxfh{cursor:grabbing}
.axxfh b{white-space:nowrap}.axxflive{font-size:9px;font-weight:900;letter-spacing:.08em;color:#ff5f7e;padding:2px 5px;border-radius:4px;background:#ff5f7e22}
.axxfseg{margin-left:auto}.axxfseg button{padding:3px 8px;font-size:11px}
.axxffeed{flex:1;overflow:auto;padding:8px;display:grid;gap:8px;align-content:start;overscroll-behavior:contain}
@media(max-width:600px){.axxf{min-width:240px}.axxfseg button{padding:3px 6px}}
.pftip{white-space:nowrap}
/* ---- Snow Pulse: a cleaner, darker pro-terminal look ---- */
.axpage{--ax0:#08090b;--ax1:#0e0f12;--ax2:#15161a;--ax3:#1c1e23;--ax4:#26292f;--axl:#1e2025;--axt:#eef0f3;--axm:#8b909a;--axm2:#5f646d;--axup:#1ec98a;--axdn:#f6465d;--axacc:#526fff;background:var(--ax0)}
.axtop{background:#0b0c0f;border-bottom-color:#1a1c20}.axtab{border-radius:8px}.axtab.on{background:#1c1e23;color:#fff}
.axcol,.axpanel{border-radius:10px;background:var(--ax1);border-color:var(--axl)}
.axcol>header,.axpanel>header{border-bottom:1px solid var(--axl)}
.axcard{padding:9px 10px;gap:9px;border-bottom-color:#17191d}.axcard:hover{background:#14161a}
.axav{border-radius:7px;padding:1.5px;background:conic-gradient(var(--ring,#1ec98a) calc(var(--p)*1%),#23262c 0)}
.axr2{overflow:hidden;text-overflow:ellipsis;mask-image:linear-gradient(90deg,#000 88%,#0000)}
.axpill{height:18px;padding:0 5px;border-radius:5px;font-size:10.5px;font-weight:700;background:none!important}
.axpill.good{border-color:#1ec98a2e}.axpill.bad{border-color:#f6465d40}
.axtk{letter-spacing:.01em}.axnm{color:var(--axm)}
.axqb{height:24px;padding:0 9px;font-size:11.5px;box-shadow:none;background:var(--axacc)}.axqb:hover{filter:brightness(1.12)}
.axcr small{color:var(--axm2)}.axtxbar{background:#f6465d55!important}.axtxbar i{background:var(--axup)!important}
.axnews .axnew{background:#121317;border-color:#1e2025}
.bshare{margin-left:6px;vertical-align:middle;width:26px;height:26px;opacity:.7}.bshare:hover{opacity:1}.bshare svg{width:14px;height:14px}
.cwin.lost{background:linear-gradient(135deg,#1a1d26,#151a24);box-shadow:inset 0 0 0 1px #ffffff1f}.cwin.lost .cwinx{background:#2a3140;color:#cdd6e4}.cwin.lost .cwinb b{color:#ff8fa3}
/* ---- Snow Futures: an exchange-style perpetuals screen ---- */
.fxwrap{padding:12px 12px 30px}
.fxpage{--f0:#0b0e11;--f1:#12161c;--f2:#1a1f27;--fl:#232a34;--fm:#848e9c;--fup:#0ecb81;--fdn:#f6465d;background:var(--f0);border-radius:12px;box-shadow:inset 0 0 0 1px var(--fl);overflow:hidden;color:#eaecef}
.fxpage .up{color:var(--fup)}.fxpage .dn{color:var(--fdn)}
.fxbar{display:flex;align-items:center;gap:22px;padding:10px 14px;background:var(--f1);border-bottom:1px solid var(--fl);overflow-x:auto;scrollbar-width:none}
.fxpair{display:flex;align-items:center;gap:9px;padding:4px 8px 4px 4px;border-radius:8px;flex:none}.fxpair:hover{background:var(--f2)}.fxpair span{display:grid;text-align:left}.fxpair b{font-size:17px}.fxpair small{font-size:10.5px;color:var(--fm)}.fxchev{width:12px;height:12px;transform:rotate(90deg);color:var(--fm)}
.fxcoin{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--cc,#f7931a);color:#0b0e11;font-style:normal;font-weight:900;font-size:13px;flex:none}.fxcoin.sm{width:22px;height:22px;font-size:11px}
.fxlast{display:grid;flex:none}.fxpx{font-size:21px;font-variant-numeric:tabular-nums;transition:color .2s}.fxlast span{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.fxstat{display:grid;flex:none}.fxstat small{font-size:11px;color:var(--fm)}.fxstat b{font-size:12.5px;font-variant-numeric:tabular-nums}
.fxmode{margin-left:auto;flex:none;font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.04em;padding:3px 8px;border-radius:99px;background:#ffffff0d;color:var(--fm)}.fxmode.live{color:var(--fup);background:#0ecb8118}.fxmode.sim{color:#f0b90b;background:#f0b90b18}
.fxgrid{display:grid;grid-template-columns:minmax(0,1fr) 270px 300px;border-bottom:1px solid var(--fl)}
.fxmain{display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--fl)}
.fxch{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid var(--fl)}.fxhint{margin-left:auto;font-size:11px;color:var(--fm)}
.fxtfs{display:flex;gap:2px}.fxtfs button{padding:4px 9px;border-radius:6px;font-size:12px;font-weight:700;color:var(--fm)}.fxtfs button[aria-pressed=true]{color:#eaecef;background:var(--f2)}
.fxchart{position:relative;height:440px;min-height:300px}.fxcv{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair}
.fxbook{display:flex;flex-direction:column;border-right:1px solid var(--fl);min-width:0;font-variant-numeric:tabular-nums;font-size:11.5px;height:486px}
.fxseg{display:flex;gap:2px;padding:6px 8px;border-bottom:1px solid var(--fl)}.fxseg button{flex:1;padding:5px 8px;border-radius:6px;font-size:12px;font-weight:700;color:var(--fm)}.fxseg button[aria-pressed=true]{background:var(--f2);color:#eaecef}
.fxbh{display:grid;grid-template-columns:1.2fr 1fr 1fr;padding:6px 10px 4px;color:var(--fm);font-size:10.5px}.fxbh span:not(:first-child){text-align:right}
.fxasks,.fxbids{display:flex;flex-direction:column}.fxlv,.fxtr{position:relative;display:grid;grid-template-columns:1.2fr 1fr 1fr;padding:2px 10px;line-height:17px}.fxlv span:not(:first-child),.fxtr span:not(:first-child){text-align:right;color:#c7ccd4}
.fxlv::before{content:'';position:absolute;right:0;top:0;bottom:0;width:calc(var(--d)*100%);opacity:.14;pointer-events:none}.fxlv.ask span:first-child{color:var(--fdn)}.fxlv.ask::before{background:var(--fdn)}.fxlv.bid span:first-child{color:var(--fup)}.fxlv.bid::before{background:var(--fup)}
.fxmid{display:flex;align-items:baseline;gap:8px;padding:6px 10px;border-block:1px solid var(--fl)}.fxmid b{font-size:16px}.fxmid small{color:var(--fm)}
.fxth,.fxtrades{display:none}.fxbook.trades .fxasks,.fxbook.trades .fxbids,.fxbook.trades .fxmid,.fxbook.trades .fxbh:not(.fxth){display:none}.fxbook.trades .fxth{display:grid}.fxbook.trades .fxtrades{display:flex;flex-direction:column;overflow:auto}
.fxtr.up span:first-child{color:var(--fup)}.fxtr.dn span:first-child{color:var(--fdn)}
.fxform{display:flex;flex-direction:column;gap:9px;padding:10px 12px;min-width:0}
.fxfh{display:flex;gap:6px}.fxfh button{flex:1;padding:7px;border-radius:6px;background:var(--f2);font-weight:800;font-size:12.5px}.fxlev{color:#f0b90b}
.fxkind{padding:0;border:0}
.fxrow{display:flex;align-items:center;gap:8px;background:var(--f2);border-radius:8px;padding:0 10px;box-shadow:inset 0 0 0 1px var(--fl)}.fxrow:focus-within{box-shadow:inset 0 0 0 1px #f0b90b}.fxrow[hidden]{display:none}
.fxrow span{color:var(--fm);font-size:12px;flex:none}.fxrow em{font-style:normal;color:var(--fm);font-size:12px}.fxin{flex:1;min-width:0;background:none!important;border:0!important;box-shadow:none!important;text-align:right;font-variant-numeric:tabular-nums;padding:9px 0!important}
.fxslider{width:100%;accent-color:#f0b90b}.fxmarks{display:flex;justify-content:space-between;gap:4px}.fxmarks button{flex:1;padding:3px 0;border-radius:5px;font-size:11px;color:var(--fm);background:var(--f2)}
.fxchk{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--fm)}.fxtpsl{display:grid;gap:6px}.fxtpsl[hidden]{display:none}
.fxinfo{display:grid;gap:3px;font-size:11.5px}.fxinfo div{display:flex;justify-content:space-between;gap:8px}.fxinfo span{color:var(--fm)}.fxinfo b{font-variant-numeric:tabular-nums;text-align:right}
.fxbtns{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fxbuy,.fxsell{padding:11px 6px;border-radius:8px;font-weight:800;font-size:13px;color:#fff}.fxbuy{background:var(--fup)}.fxsell{background:var(--fdn)}.fxbuy:hover,.fxsell:hover{filter:brightness(1.1)}
.fxfoot{color:var(--fm);font-size:10.5px;text-align:center}
.fxpos{padding:0 0 8px}.fxptabs{justify-content:flex-start}.fxptabs button{flex:none}
.fxtable{display:grid}.fxprow{display:grid;grid-template-columns:minmax(130px,1.4fr) repeat(7,minmax(0,1fr)) auto;gap:10px;align-items:center;padding:9px 12px;border-bottom:1px solid var(--fl);font-variant-numeric:tabular-nums}
.fxprow.hist{grid-template-columns:minmax(150px,1.6fr) 1.6fr repeat(3,minmax(0,1fr))}
.fxprow small{display:block;color:var(--fm);font-size:10.5px}.fxprow b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.fxpsym{display:flex;align-items:center;gap:8px}.fxpsym small{font-weight:800}.fxpact{display:flex;gap:4px}.fxclose{background:var(--fdn)!important;color:#fff}
.fxcloseall{margin:10px 12px 0;justify-self:start}.fxempty{color:var(--fm);padding:22px 14px;font-size:13px}
.fxpairs{display:grid;gap:4px}.fxpr{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;text-align:left}.fxpr:hover,.fxpr.on{background:var(--p3)}.fxpr span{flex:1;display:grid}.fxpr small{color:var(--mu);font-size:11px}.fxpr div{display:grid;text-align:right;font-variant-numeric:tabular-nums}
.fxlevbox{display:grid;gap:12px}.fxlevv{font-size:34px;text-align:center;color:#f0b90b}.fxwarn{color:#ff8fa3;min-height:16px}
@media(max-width:1200px){.fxgrid{grid-template-columns:minmax(0,1fr) 300px}.fxbook{display:none}}
@media(max-width:800px){.fxwrap{padding:8px 0 30px}.fxpage{border-radius:0}.fxgrid{grid-template-columns:1fr}.fxmain{border-right:0}.fxchart{height:300px}.fxbar{gap:14px}
  .fxprow{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:8px}.fxprow .fxpsym{grid-column:1/-1}.fxprow .fxpact{grid-column:1/-1}.fxprow.hist{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* ---- Texas Hold'em ---- */
.hewrap{padding:14px 14px 30px}
.helobby{display:grid;gap:16px;max-width:900px;margin:0 auto}.helobby h3{margin:0 0 8px;font-size:15px}
.hehero{display:flex;align-items:center;gap:18px;padding:18px;border-radius:16px;background:radial-gradient(120% 140% at 0% 0%,#126b4b,#06281c);box-shadow:inset 0 0 0 1px #ffffff14}
.hehero h1{margin:0 0 4px;font-size:24px}.hehero p{margin:0;color:#cfe8dc;font-size:13.5px}.hehcards{display:flex;flex:none}.hehcards .hecard{transform:rotate(-8deg)}.hehcards .hecard+.hecard{margin-left:-18px;transform:rotate(8deg)}
.heresume{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-radius:12px;background:#2a2208;box-shadow:inset 0 0 0 1px #ffcf3d55;font-size:13px}
.helist{display:grid;gap:8px}.hetable{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:var(--p2);box-shadow:inset 0 0 0 1px var(--ln);text-align:left}.hetable:hover{background:var(--p3)}.hetable.mine{box-shadow:inset 0 0 0 2px var(--win)}
.hetable div{flex:1;display:grid}.hetable small{color:var(--mu)}.hetable em{font-style:normal;font-weight:800;color:var(--acc)}
.hechip{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:12px;background:radial-gradient(circle,#e8453c 55%,#fff 56% 62%,#e8453c 63%);color:#fff;box-shadow:0 3px 8px #0006}
.hecard{width:44px;height:62px;border-radius:7px;background:#fbf7ee;box-shadow:0 3px 8px #0007;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;flex:none;position:relative}
.hecard b{font-size:19px;font-weight:900;font-family:Georgia,serif}.hecard i{font-style:normal;font-size:18px}
.hecard.back{background:radial-gradient(circle at 50% 50%,#ffffff22 0 14%,#fff0 15%),repeating-linear-gradient(45deg,#c4472e 0 6px,#a83a24 6px 12px);box-shadow:inset 0 0 0 3px #fff,0 3px 8px #0007}
.hecard.slot{background:#ffffff10;box-shadow:inset 0 0 0 1.5px #ffffff22}.hecard.hi{box-shadow:0 0 0 3px #ffd23d,0 0 18px #ffd23d88}.hecard.deal{animation:hedeal .35s cubic-bezier(.2,1.3,.4,1) both}
@keyframes hedeal{from{transform:translateY(-14px) rotateY(80deg);opacity:0}}
.hehead{display:flex;align-items:center;gap:12px;margin-bottom:10px}.hehead b{flex:1;text-align:center}.hehand{color:var(--mu);font-size:12px}
.hefelt{position:relative;height:min(560px,64vh);min-height:400px;border-radius:200px;background:radial-gradient(ellipse at 50% 45%,#16805a,#0a4a33 70%,#06301f);box-shadow:inset 0 0 0 12px #5a3b22,inset 0 0 0 15px #c9a26b,inset 0 10px 40px #0008,0 20px 50px #0008;margin:10px 4%}
.hecenter{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:10px}
.heboard{display:flex;gap:6px}.hepot{display:flex;gap:6px;align-items:baseline;padding:4px 14px;border-radius:99px;background:#0006;font-variant-numeric:tabular-nums}.hepot small{color:#bfe6d4}.hepot b{font-size:16px}
.heseats{position:absolute;inset:0}
.heseat{position:absolute;display:grid;justify-items:center;gap:4px;transform:translate(-50%,-50%);width:150px}
.heseat.p0{left:50%;top:94%}.heseat.p1{left:8%;top:72%}.heseat.p2{left:8%;top:26%}.heseat.p3{left:50%;top:5%}.heseat.p4{left:92%;top:26%}.heseat.p5{left:92%;top:72%}
.heseat.empty small{padding:6px 12px;border-radius:99px;background:#0005;color:#ffffff66;font-size:11px}
.heholes{display:flex;height:62px}.heholes .hecard+.hecard{margin-left:-14px}.heseat:not(.me) .heholes .hecard{width:38px;height:54px}.heseat:not(.me) .hecard b{font-size:16px}
.heseat.folded .heholes{opacity:.3}.heseat.folded .heplate{opacity:.55}
.heplate{position:relative;display:flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border-radius:99px;background:#0b1620e6;box-shadow:inset 0 0 0 1.5px #ffffff22,0 6px 16px #0007;min-width:120px}
.heplate b{display:block;font-size:12px;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.heplate small{font-size:11.5px;color:#ffe066;font-weight:800;font-variant-numeric:tabular-nums}
.heav{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#25415e;font-weight:900;flex:none}
.heseat.act .heplate{box-shadow:inset 0 0 0 2px #4fd1ff,0 0 20px #4fd1ff66}.heseat.win .heplate{box-shadow:inset 0 0 0 2px #ffd23d,0 0 24px #ffd23d88}.heseat.me .heav{background:#2e7d5b}
.hetimer{position:absolute;inset:-3px;border-radius:99px;pointer-events:none;background:conic-gradient(#4fd1ff calc(var(--p,1)*360deg),#0000 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px}
.hedealer{position:absolute;right:-8px;top:-8px;width:20px;height:20px;border-radius:50%;background:#fff;color:#111;font-style:normal;font-weight:900;font-size:11px;display:grid;place-items:center;box-shadow:0 2px 6px #0008}
.helast{font-size:11px;font-weight:800;padding:2px 8px;border-radius:99px;background:#0008;color:#cfe8ff}.helast.w{background:#ffd23d;color:#2a1a00}
.hebet{position:absolute;left:50%;top:-14px;transform:translate(-50%,-100%);display:flex;align-items:center;gap:4px;font-size:12px;font-weight:800;padding:2px 8px;border-radius:99px;background:#0007;font-variant-numeric:tabular-nums}.hebet i{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle,#2b7de9 50%,#fff 52%)}
.heseat.p0 .hebet{top:-70px}.heseat.p3 .hebet{top:auto;bottom:-20px;transform:translate(-50%,100%)}
.heacts{display:grid;gap:10px;max-width:640px;margin:14px auto 0;min-height:56px}.hebtns{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:8px}.hebtns .btn{padding:13px 8px;font-weight:800}
.hefold{background:#3a1d26!important;color:#ff9aa9}.hecall{background:#163a2c!important;color:#7cf2c4}.heraise .heamt{margin-left:4px}
.heraiserow{display:grid;gap:8px}.hepre{display:flex;gap:6px;flex-wrap:wrap}.heslider{width:100%;accent-color:var(--acc)}
.hehist{max-width:640px;margin:14px auto 0;font-size:12px;color:var(--mu)}.hehist summary{cursor:pointer}.helog{display:grid;gap:2px;margin-top:6px}
.hehead .btn{width:auto;flex:none}.hehead b{font-size:14px}.hehand{flex:none}
.hefelt{margin-top:64px;margin-bottom:56px}
@media(max-width:700px){.hewrap{padding:10px 6px 30px}.hefelt{border-radius:90px;margin:64px 0 56px;height:520px}.heseat{width:110px}.heseat.p1,.heseat.p2{left:13%}.heseat.p4,.heseat.p5{left:87%}
  .heplate{min-width:0;padding:4px 8px 4px 4px}.heplate b{max-width:60px;font-size:11px}.heav{width:24px;height:24px;font-size:11px}.hecard{width:36px;height:52px}.hecard b{font-size:15px}.hecard i{font-size:14px}.heseat:not(.me) .heholes .hecard{width:28px;height:40px}.heseat:not(.me) .hecard b{font-size:12px}.heseat:not(.me) .hecard i{font-size:11px}.heholes{height:52px}}