@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;animation-iteration-count:1!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:30px;top:0;bottom:0;display:flex;align-items:center;pointer-events:none}
.pbt{width:88px;border-radius:10px;overflow:hidden;box-shadow:0 12px 26px #000a;margin-left:-20px}.pbt svg{display:block;width:100%;height:auto}
.pbt.p0{transform:rotate(-8deg) translateY(4px)}.pbt.p1{transform:rotate(0) translateY(-3px);z-index:2}.pbt.p2{transform:rotate(8deg) translateY(4px)}
.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}.pbtxt{max-width:calc(100% - 112px)}.pbart{right:8px}.pbt{width:62px;margin-left:-22px}.pbt.p0{display:none}}
/* 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}

/* ================= Snowgames 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:13px;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 */
.lvsnow[hidden],.lvwho[hidden]{display:none}
.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;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}
/* ---------- 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:flex;flex-wrap:wrap;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){.xcard{padding:12px}.xico{width:36px;height:36px}.xbig svg{width:80px;height:80px}}
@media(max-width:900px){.xgrid{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)}

@media(max-width:1100px){.xtx small{display:none}}
@media(max-width:900px){.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 .xcard{flex-direction:row;align-items:center}.xwrap .xtx small{display:block}}
@container (min-width:560px) and (max-width:899.98px){.xwrap .xgrid{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 .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}}
/* Grade Bets PIN lock */
.gplock{max-width:360px;margin:48px auto;padding:28px 24px;display:grid;gap:12px;justify-items:center;text-align:center}
.gplock h2{margin:0}.gplock p{margin:0}.gplock .loss{color:var(--loss,#ff5a6a)}
.gpico{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:#ff4d5e22;color:#ff7a86}.gpico svg{width:28px;height:28px}
.gplock .gpin{text-align:center;font-size:22px;letter-spacing:.4em;max-width:200px}.gplock .btn{width:100%;max-width:200px}
/* alias reminder on the sign-up form */
.authalias{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:#ffb02e1a;border:1px solid #ffb02e55;color:#ffd58a;font-size:13px;line-height:1.4;text-align:left}
.authalias b{color:#ffe2a8}.authalias span:first-child{font-size:16px;line-height:1.2}
.btn.danger{background:linear-gradient(180deg,#ff4d5e,#d92b3c);color:#fff;border-color:#ff6b78}.btn.danger:hover{filter:brightness(1.08)}
/* the Final Reset title: a word instead of a big number */
.s3title.s3final span{font-size:clamp(22px,5vw,52px);letter-spacing:.28em;margin-right:-.28em}
.s3title.s3final b{font-size:clamp(64px,15vw,168px);letter-spacing:-.02em;padding:0 .06em}
.nform .authalias,.modal .authalias{margin-bottom:8px}
/* ---------- Snow Launch ---------- */
.lgame{padding:0;overflow:hidden}
.lstage{position:relative;height:clamp(300px,52vh,470px);background:#0b1a2e;overflow:hidden;border-radius:var(--r,14px) var(--r,14px) 0 0}
.lcv{position:absolute;inset:0;width:100%;height:100%;display:block}
.lhist{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:6px;overflow:hidden;z-index:2;mask-image:linear-gradient(90deg,#000 85%,transparent)}
.lchip{flex:none;border:0;border-radius:999px;padding:4px 10px;font:800 12px Inter,system-ui,sans-serif;cursor:pointer;background:#ffffff14;color:#c8d6e5}
.lchip.mid{background:#39c6ff22;color:#8fe0ff}.lchip.hi{background:#ffd23d26;color:#ffe07a}.lchip.lo{color:#ff9aa5}
.lover{position:absolute;left:0;right:0;top:11%;display:grid;justify-items:center;gap:6px;pointer-events:none;z-index:2;text-align:center}
.lmult{font:900 clamp(44px,9vw,92px)/1 Inter,system-ui,sans-serif;color:#fff;text-shadow:0 4px 24px #0008;font-variant-numeric:tabular-nums}
.lmult.down{color:#ff5a6a}.lmult.up{color:#fff}
.lstate{font:700 14px Inter,system-ui,sans-serif;color:#d7e6f5;background:#0a162a99;padding:5px 12px;border-radius:999px}
.lbar{width:min(320px,70%);height:6px;border-radius:9px;background:#ffffff1f;overflow:hidden}.lbar i{display:block;height:100%;background:linear-gradient(90deg,#39c6ff,#7cf29a);transform-origin:left}
.lmode{position:absolute;right:10px;bottom:10px;z-index:2;font:700 11px Inter,system-ui,sans-serif;padding:4px 9px;border-radius:999px;background:#0a162acc;color:#7cf29a}.lmode.off{color:#ffd23d}
.lslots{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;background:var(--p2)}
.lslot{background:var(--p3,#0f2233);border:1px solid #ffffff12;border-radius:12px;padding:12px;display:grid;gap:10px}
.lsh{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.lautol{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted,#9fb3c8)}.lautol .tin{width:78px;padding:6px 8px}.lautol em{font-style:normal}
.lamtw{display:flex;align-items:center;gap:8px;background:#ffffff0a;border-radius:10px;padding:0 10px}.lamtw .tin{background:transparent;border:0;font-weight:800;font-size:16px}
.lquick{display:flex;gap:6px;flex-wrap:wrap}.lquick .chip{flex:1;min-width:44px;padding:6px 0;border-radius:8px;border:0;background:#ffffff12;color:inherit;font-weight:700;cursor:pointer}
.lbtn{min-height:54px;font-size:16px}.lbtn.cash{background:linear-gradient(180deg,#ffd23d,#ff9f1c);color:#2a1600}.lbtn.cash .lcash{font-variant-numeric:tabular-nums}
.lbtn.placed{background:#39c6ff33;color:#bfeaff}.lbtn.done{background:#21e07a33;color:#9cf5c4}.lbtn.lost{background:#ff4d5e2b;color:#ffb0b8}.lbtn.next{background:#ffffff14;color:#d7e6f5}.lbtn.queued{background:#7cf29a26;color:#b5f9cb}
.lunder{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin-top:14px}
.lsech{display:flex;justify-content:space-between;align-items:baseline}.lbetsc h3,.lfairc h3{margin:0 0 8px}
.ltable{width:100%;border-collapse:collapse;font-size:13px}.ltable th{text-align:left;color:var(--muted,#9fb3c8);font-weight:700;padding:6px 4px}.ltable td{padding:6px 4px;border-top:1px solid #ffffff0d;font-variant-numeric:tabular-nums}
.ltable tr.won td{color:#7cf29a}.ltable tr.lost td{color:#ff9aa5;opacity:.75}
.lfair{display:grid;gap:8px}.lfrow{display:grid;gap:2px}.lfrow code{font-size:11px;word-break:break-all;color:#bcd0e4;background:#ffffff0a;padding:6px;border-radius:6px}
@media(max-width:760px){.lslots{grid-template-columns:1fr;padding:10px}.lunder{grid-template-columns:1fr}.lstage{height:clamp(260px,46vh,360px)}}
.lslot .lbtn.cash,.lslot .lbtn.cash:focus,.lslot .lbtn.cash:hover{background:linear-gradient(180deg,#ffd23d,#ff9f1c);color:#2a1600}
/* leaderboard: time range, curated order */
.lbper{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}.lbper button{border:1px solid #ffffff1a;background:#ffffff0a;color:inherit;border-radius:999px;padding:6px 12px;font:700 13px Inter,system-ui,sans-serif;cursor:pointer}
.lbper button[aria-checked=true]{background:var(--acc,#39c6ff);color:#04202e;border-color:transparent}
.lbcur{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;margin:0 0 10px;border-radius:10px;background:#ffffff08;font-size:13px}.lbcur.on{background:#ffd23d14;border:1px solid #ffd23d40;color:#ffe7a3}.lbcur span{flex:1;min-width:200px}
.lbpin{margin-left:4px}
.lbarr{list-style:none;margin:8px 0;padding:0;max-height:50vh;overflow:auto;display:grid;gap:4px}.lbarr li{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;background:#ffffff08}.lbarr li b{flex:1}.lbarrb{display:flex;gap:4px}
.pfcol.none{display:grid;place-items:center;color:#9fb3c8;background:#ffffff12;font-size:13px}
/* promo code maker */
.ocrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ocmain{flex:1;min-width:200px;display:grid;gap:2px}.ocacts{display:flex;gap:6px;flex-wrap:wrap}
.ocst{font-style:normal;font-size:11px;font-weight:800;padding:2px 7px;border-radius:999px;background:#ffffff14;margin-left:4px}.ocst.on{background:#21e07a26;color:#7cf29a}.ocst.off{background:#ff4d5e22;color:#ff9aa5}.ocst.exp,.ocst.used{background:#ffd23d1f;color:#ffe07a}
.ochead{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.ochead .tin{max-width:220px}
.occhk{display:flex;align-items:center;gap:8px;font-size:13px}.ochist{margin:0;padding-left:20px;display:grid;gap:4px;max-height:50vh;overflow:auto}.ochist li{display:flex;justify-content:space-between;gap:10px}
/* Admin Control Center */
.adbody{display:grid;gap:14px}.adstats{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.adstat{background:var(--p2);border:1px solid #ffffff10;border-radius:12px;padding:12px;display:grid;gap:4px}.adstat small{color:var(--muted,#9fb3c8);font-weight:700;font-size:12px}.adstat b{font-size:22px}.adstat em{font-style:normal;font-size:12px;color:var(--muted,#9fb3c8)}
.adstat.warn{border-color:#ffd23d55}.adstat.bad{border-color:#ff4d5e88;background:#ff4d5e14}.adstat.good b{color:#7cf29a}
.adtools{display:flex;gap:8px;flex-wrap:wrap}.adtool{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;background:var(--p2);border:1px solid #ffffff10;color:inherit;text-decoration:none;font-weight:700}.adtool svg{width:18px;height:18px}
.adcols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.adsec h3{margin:0 0 10px}
.adgames{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px;margin:8px 0 12px;max-height:420px;overflow:auto}
.adgame{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;background:#ffffff08}.adgame span{flex:1;font-weight:600}.adgame.off{opacity:.55;background:#ff4d5e12}.adfeat{color:#5d6d7e}.adfeat.on{color:#ffd23d}
.adrow{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;padding:6px 0;border-top:1px solid #ffffff0d;font-size:13px}.adrow span{flex:1;min-width:140px}
.adpal{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.adpal input[type=color]{width:36px;height:36px;border:0;background:none;padding:0;cursor:pointer}
.adticket{border-top:1px solid #ffffff10;padding:8px 0}.adticket summary{display:flex;gap:8px;align-items:center;flex-wrap:wrap;cursor:pointer}.adticket p{margin:6px 0;font-size:14px}
.adtkf{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:6px}.adtkf .tin{flex:1;min-width:160px}.adrw{display:flex;gap:6px}.adrw .tin{width:110px;min-width:0}
.adshot{max-width:100%;max-height:240px;border-radius:8px;margin:6px 0;display:block}
@media(max-width:860px){.adcols{grid-template-columns:1fr}}
/* bug reports */
.tkgrid{display:grid;grid-template-columns:1.1fr 1fr;gap:14px;margin-top:14px}.tkcard h3{margin:0 0 8px}.tkcard textarea{resize:vertical;min-height:80px}
.tkrow{border-top:1px solid #ffffff10;padding:10px 0}.tkrow p{margin:6px 0}.tkh{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tkreply{background:#39c6ff12;border-radius:8px;padding:8px}
.tkst{font-style:normal;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;background:#ffffff14}.tkst.open{color:#ffe07a;background:#ffd23d1f}.tkst.seen{color:#8fe0ff;background:#39c6ff1f}.tkst.fixed{color:#7cf29a;background:#21e07a22}.tkst.wontfix,.tkst.dup{color:#c8d6e5}
@media(max-width:860px){.tkgrid{grid-template-columns:1fr}}
.offgame{max-width:520px;margin:40px auto;text-align:center;display:grid;gap:10px;justify-items:center;padding:28px}.offgame svg{width:40px;height:40px;color:#ffd23d}
/* Events, tournaments */
.evbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0}.evbar .tin{max-width:260px}.evtabs em{font-style:normal;margin-left:6px;opacity:.6;font-size:12px}.evdev{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.evgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.evcard{display:grid;gap:8px;align-content:start;padding:16px;border-radius:14px;background:var(--p2);border:1px solid #ffffff10;color:inherit;text-decoration:none;transition:border-color .15s,transform .15s}.evcard:hover{border-color:#39c6ff66;transform:translateY(-1px)}
.evcard.tour{background:linear-gradient(160deg,#16314d,var(--p2) 60%)}.evcard h3{margin:0}.evcard p{margin:0;font-size:13px}
.evtop{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.evst,.evfmt{font-style:normal;font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;background:#ffffff14}
.evst.live{background:#21e07a26;color:#7cf29a}.evst.up{background:#39c6ff22;color:#8fe0ff}.evst.fin{background:#ffd23d22;color:#ffe07a}.evst.done{background:#ffffff14;color:#c8d6e5}.evst.can{background:#ff4d5e22;color:#ff9aa5}.evst.plan{background:#a96bff26;color:#d3b5ff}
.evmeta{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;align-items:center}.evmeta svg{width:14px;height:14px;vertical-align:-2px}.evprize{font-weight:800;color:#ffe07a}.evme{color:#7cf29a;font-weight:700}
.evhead h1{margin:6px 0}.evfacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:12px 0}.evfacts div{display:grid;gap:2px;background:#ffffff08;padding:10px 12px;border-radius:10px}.evfacts small{color:var(--muted,#9fb3c8);font-weight:700;font-size:12px}
.evcols{display:grid;grid-template-columns:1fr 1.2fr;gap:14px;margin-top:14px}.evcols>div{display:grid;gap:14px;align-content:start}.evbox{display:grid;gap:6px}.evbox p{margin:0}.evbox.res{background:#21e07a12;border-radius:12px;padding:12px}.evbox.mine{background:#39c6ff12;border-radius:12px;padding:12px}
.evrules{white-space:pre-wrap;color:var(--muted,#9fb3c8);font-size:14px}.evtable tr.me td{color:#8fe0ff;font-weight:700}
.evprog{height:8px;border-radius:9px;background:#ffffff14;overflow:hidden}.evprog i{display:block;height:100%;background:linear-gradient(90deg,#39c6ff,#7cf29a)}.evprog.big{height:12px;flex:1;min-width:160px}
.evplay{margin-top:14px;display:grid;gap:12px}.evwallet{display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:#ffd23d10;border:1px solid #ffd23d33;border-radius:12px;padding:12px 14px}.evwallet>div:first-child{display:grid}.evbal{font-size:24px}
.evpick{display:flex;gap:6px;flex-wrap:wrap}.evpick .chip{border:0;border-radius:999px;padding:6px 12px;background:#ffffff12;color:inherit;font-weight:700;cursor:pointer}.evpick .chip.on{background:var(--acc,#39c6ff);color:#04202e}
.evgame .gwrap{padding:0;max-width:none}.evdetail h1{margin:8px 0}.evbody{white-space:pre-wrap}
.card.evdev{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:14px}
.evrow2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.evform textarea{resize:vertical}
@media(max-width:860px){.evcols{grid-template-columns:1fr}.evrow2{grid-template-columns:1fr}}
/* Community */
.cmgrid{display:grid;grid-template-columns:1fr 340px;gap:14px;margin-top:14px;align-items:start}.cmbar{display:grid;gap:8px;margin-bottom:10px}.cmlist{display:grid;gap:10px}
.cmidea{display:flex;gap:12px;align-items:flex-start}.cmidea h3{margin:4px 0}.cmidea p{margin:4px 0}.cmbody{flex:1;min-width:0}
.cmvote{display:grid;justify-items:center;gap:2px;min-width:54px;padding:8px 6px;border-radius:10px;border:1px solid #ffffff1a;background:#ffffff08;color:#9fb3c8;cursor:pointer;font-size:14px}.cmvote b{font-size:16px;color:#fff}.cmvote.on{background:#39c6ff22;border-color:#39c6ff88;color:#8fe0ff}
.cmform{position:sticky;top:calc(var(--topH,64px) + 12px)}
@media(max-width:860px){.cmgrid{grid-template-columns:1fr}.cmform{position:static;order:-1}}
/* Missions */
.msbody{display:grid;gap:14px;margin-top:14px}.mssec{display:grid;gap:10px}.msrow{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid #ffffff0d}.msinfo{flex:1;display:grid;gap:5px}.msrow.claimed{opacity:.6}.msrow.done .msinfo b{color:#7cf29a}.msrw{font-weight:800;color:#ffe07a}
.msedit{display:grid;gap:6px;max-height:50vh;overflow:auto}.msrowed{display:grid;grid-template-columns:2fr 1fr 1.3fr .8fr .8fr auto;gap:6px}.msrowed .tin,.msrowed .sel{min-width:0}
@media(max-width:700px){.msrowed{grid-template-columns:1fr 1fr}}
/* Frost Fall touch buttons */
.ffpad{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:10px auto 0;max-width:420px;touch-action:none;user-select:none;-webkit-user-select:none}
.ffbtn{min-height:52px;border-radius:12px;border:1px solid #5be7ff33;background:#0e2240;color:#e8f6ff;font:800 20px Inter,system-ui,sans-serif;cursor:pointer;touch-action:none}.ffbtn:active{background:#1d3e6b;transform:scale(.97)}
.ffbtn.wide{grid-column:span 2;font-size:15px;letter-spacing:.05em}.ffbtn.wide:last-child{grid-column:span 3}
@media(hover:hover) and (pointer:fine){.ffpad{opacity:.85}}
/* My Bets */
.mbfil{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.mbfil .sel,.mbfil .tin{width:auto;min-width:130px;flex:1;max-width:220px}
.mbst{font-style:normal;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;white-space:nowrap}.mbst.won{background:#21e07a24;color:#7cf29a}.mbst.lost{background:#ff4d5e1f;color:#ff9aa5}.mbst.push,.mbst.part{background:#ffffff14;color:#c8d6e5}.mbst.pend{background:#ffd23d22;color:#ffe07a}
.mbtbl .mbdet{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted,#9fb3c8)}.mbtbl tr.won td:last-child .amt{color:#7cf29a}
.mbpage{display:flex;gap:10px;align-items:center;justify-content:center;margin:12px 0}
.mbpend{margin:14px 0}.mbpend h3{margin:0 0 8px}.mbplist{display:grid;gap:4px}.mbprow{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:8px;background:#ffffff08;color:inherit;text-decoration:none;font-size:14px}.mbprow span:nth-of-type(1){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted,#9fb3c8)}
.stc.good b .amt{color:#7cf29a}.stc.bad b .amt{color:#ff9aa5}
@media(max-width:700px){.mbtbl th:nth-child(3),.mbtbl td:nth-child(3),.mbtbl th:nth-child(6),.mbtbl td:nth-child(6){display:none}}
.fxcv{touch-action:none}.fxinds{margin-left:8px}.fxinds button[aria-pressed=true]{color:#f0b90b}
/* Cube Rush levels */
.crbar{display:flex;gap:6px;overflow-x:auto;padding:10px 2px 4px;scrollbar-width:thin}
.crb{flex:none;display:grid;justify-items:center;gap:1px;min-width:52px;padding:6px 8px;border-radius:10px;border:1px solid #7cf2ff2a;background:#0e1d33;color:#d7e6f5;cursor:pointer;font:700 12px Inter,system-ui,sans-serif}
.crb b{font-size:15px}.crb small{font-size:10px;color:#8fb3d6;white-space:nowrap}.crb.on{border-color:#7cf2ff;background:#123459;box-shadow:0 0 0 1px #7cf2ff55}.crb.done small{color:#ffe066}.crb:disabled{opacity:.45;cursor:not-allowed}
/* trades */
.trbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0}.trn{font-style:normal;margin-left:6px;background:#ff4d5e;color:#fff;border-radius:999px;padding:0 6px;font-size:11px}
.trlist{display:grid;gap:12px}.trcard{display:grid;gap:10px}.trhead{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.trhead small{margin-left:auto}
.trsides{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:start}.trside{display:grid;gap:6px;background:#ffffff06;border-radius:10px;padding:10px}.trarrow{align-self:center;font-size:22px;color:#8fe0ff}
.trgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;max-height:360px;overflow:auto;padding:2px}.trgrid.sm{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));max-height:none}
.tritem{display:grid;justify-items:center;gap:3px;padding:8px 6px;border-radius:10px;border:1px solid #ffffff12;background:#0e1d2e;color:inherit;cursor:pointer;text-align:center}.tritem.on{border-color:#39c6ff;background:#123459;box-shadow:0 0 0 1px #39c6ff66}
.tritem small{font-size:11px;line-height:1.2;max-height:2.4em;overflow:hidden}.tritem .amt{font-size:12px}.trart{width:64px;height:64px;display:grid;place-items:center}.trart>*{width:100%;height:100%}
.trusdt{display:grid;place-items:center;font-weight:800;color:#ffe07a;border:1px dashed #ffd23d55;border-radius:10px;padding:8px}
.tracts{display:flex;gap:8px;justify-content:flex-end}
.trnew{display:grid;gap:14px;margin-top:10px}.trwho{position:relative;max-width:360px}.trwho label{display:grid;gap:4px}.trsugg{position:absolute;z-index:5;left:0;right:0;top:100%;background:var(--p2);border:1px solid #ffffff1a;border-radius:10px;display:grid;overflow:hidden}.trsugg button{text-align:left;padding:8px 12px;background:none;border:0;color:inherit;cursor:pointer}.trsugg button:hover{background:#ffffff10}
.trpick{display:grid;grid-template-columns:1fr 1fr;gap:14px}.trpick section{display:grid;gap:8px;align-content:start}.trpick h3{margin:0}.trulab{display:grid;gap:4px;max-width:200px}
.trsum{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:14px}.trsum em{font-style:normal;font-weight:800}.trsum .up{color:#7cf29a}.trsum .dn{color:#ff9aa5}
@media(max-width:760px){.trpick,.trsides{grid-template-columns:1fr}.trarrow{justify-self:center;transform:rotate(90deg)}}
/* Snow Markets: asset strip, search */
.mkstrip{display:flex;gap:8px;overflow-x:auto;padding:4px 0 10px;scrollbar-width:thin}.mkasset{flex:none;display:flex;gap:6px;align-items:center;padding:6px 10px;border-radius:10px;background:var(--p2);font-size:13px;white-space:nowrap}
.mkasset b{font-weight:700}.mkasset em{font-style:normal;font-weight:800;font-size:12px}.mkasset .up{color:#2fe0a0}.mkasset .dn{color:#f2476a}
.mkfbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:4px}.mkfbar .mktabs{flex:1;min-width:0;margin-bottom:0}.mksearch{max-width:240px}.mkupd{display:block;color:var(--muted,#9fb3c8);margin:6px 0 10px;font-size:12px}
@media(max-width:760px){.mkfbar{flex-direction:column;align-items:stretch;gap:8px}.mkfbar .mktabs{flex:none;width:100%}.mksearch{max-width:none;width:100%}}
/* profile: achievements, favourites, tournaments */
.pfatitle{font-style:normal;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;background:#ffd23d22;color:#ffe07a;margin-left:6px;vertical-align:2px}
.pfach,.pffav,.pftours{display:grid;gap:6px;margin:10px 0}.pfach h4,.pffav h4,.pftours h4{margin:0}.pfachs{display:flex;gap:6px;flex-wrap:wrap}.pfa{font-size:22px;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#ffffff0c}
.pffavs{display:flex;gap:6px;flex-wrap:wrap}.pffavs .chip{text-decoration:none;color:inherit;padding:5px 10px;border-radius:999px;background:#ffffff10;font-size:13px}
.pftour{display:flex;gap:8px;align-items:baseline;color:inherit;text-decoration:none;padding:4px 0;font-size:14px}.pftour span{flex:1}
.achlist{display:grid;gap:6px;max-height:46vh;overflow:auto}.achrow{display:flex;gap:10px;align-items:center;padding:8px;border-radius:10px;background:#ffffff06;opacity:.6}.achrow.on{opacity:1;background:#ffffff0c}.achrow>div{flex:1;display:grid}.achi{font-size:24px;width:34px;text-align:center}
.srename .two{display:flex;gap:8px;margin-top:6px}.srename .tin{flex:1}
/* ---------- Snow Bases & arena ---------- */
.bspage .bstabs{margin:12px 0;flex-wrap:wrap}
.sbhead{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:8px}
.sbhead .card{display:flex;flex-direction:column;gap:8px}
.bsbank .amt{font-size:26px;font-weight:800;display:inline-flex;gap:6px;align-items:center}
.bsst b{font-size:22px;font-variant-numeric:tabular-nums}
.bsstore .evprog i{transform-origin:left;width:100%;transition:transform 1s linear}
.bsfull{color:#ffb547}
.bsfacts{display:grid!important;grid-template-columns:1fr 1fr 1fr;gap:10px!important}.bsfacts small{display:block;color:var(--mu);font-size:11px}.bsfacts b{font-size:15px}
.bsh3{margin:18px 0 8px}
.bsgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.bssp{display:flex;flex-direction:column;gap:6px;text-align:center;align-items:center}.bssp.own{box-shadow:0 0 0 1px #39c6ff55 inset}
.bsspi{position:relative}.bscage{display:grid;place-items:center;width:64px;height:64px;font-size:34px;border-radius:12px;background:repeating-linear-gradient(90deg,#ffffff10 0 4px,transparent 4px 12px),linear-gradient(#2a3446,#151b26);box-shadow:inset 0 0 0 2px #556}
.bsspi em{position:absolute;right:-10px;top:-6px;font-style:normal;font-weight:800;font-size:12px;background:var(--acc);color:#001;border-radius:9px;padding:1px 6px}
.bsprice .amt{display:inline-flex;gap:4px;align-items:center;font-weight:700}
.bssp .bsbtns{justify-content:center}.bssp .bsbtns .btn{flex:0 1 auto}
.bsup{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.bsup .card{display:flex;flex-direction:column;gap:8px}
.bslog{margin-top:14px}.bslog .adrow{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:6px 0;border-bottom:1px solid #ffffff0d}
.bsraids{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.bsraid{display:flex;flex-direction:column;gap:6px;background:var(--bg);border-radius:10px;padding:12px}
.bsarena{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.bsarena .card{display:flex;flex-direction:column;gap:8px}
.bsgear{display:flex;flex-direction:column;gap:6px}
.sbitems{display:flex;flex-direction:column;gap:6px}.sbitem{display:flex;gap:6px;align-items:center}.sbitem span{flex:1}
.bsbots{display:flex;flex-wrap:wrap;gap:6px}
.bsinv .adrow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.bsinv .adrow span{flex:1}
.aduel{display:flex;flex-direction:column;gap:12px}
.dtop{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:18px}.dtimer{font-variant-numeric:tabular-nums;color:#ffb547}
.dfight{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}
.advs{font-weight:900;font-style:italic;font-size:24px}
.dfighter{display:flex;flex-direction:column;gap:6px;min-width:0}.dfighter.me{box-shadow:0 0 0 1px #39c6ff66 inset}
.dbar{position:relative;height:14px;border-radius:8px;background:#ffffff14;overflow:hidden;display:flex}.dbar i{display:block;height:100%;background:linear-gradient(90deg,#ff4d6d,#ff8a5b);transition:width .4s}.dbar i.abs{background:#ffd23f}
.dlast{font-style:normal;color:var(--mu);font-size:12px}
.dmoves{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.dmove{display:flex;flex-direction:column;gap:2px;padding:10px 4px;white-space:normal}.dmove small{font-size:10px;opacity:.75}
.dlog{max-height:220px;overflow:auto;font-size:13px;display:flex;flex-direction:column;gap:4px}
@media (max-width:600px){.dfight{grid-template-columns:1fr 1fr;gap:8px}.advs{display:none}.dfighter{padding:10px}.dmoves{grid-template-columns:repeat(3,1fr)}.bsfacts{grid-template-columns:1fr 1fr}}
.page .card{background:var(--p1);border-radius:14px;padding:16px;min-width:0}.page .card .card{background:var(--p2)}
.page .card h3{margin:0 0 4px}
@media (max-width:600px){.bsgrid{grid-template-columns:1fr 1fr}.bssp{padding:12px 8px}.bssp .bsbtns .btn{flex:1 1 40%;width:auto;min-width:0;padding-left:6px;padding-right:6px}}
.bssp .bsbtns .btn{width:auto}
.sbitem .btn{flex:none;width:auto}
/* ---------- Clans & Live Feed ---------- */
.clbody{display:grid;gap:12px;margin-top:12px}
.clbar{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.cltag{display:inline-block;font-weight:900;font-size:12px;letter-spacing:.5px;padding:2px 7px;border-radius:6px;color:#04121c;background:var(--cc,#39c6ff);vertical-align:middle}
.cltable tr{cursor:pointer}.cltable tr:hover td{background:#ffffff08}.cltable small.block{display:block;font-size:12px;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clhead{display:flex;flex-direction:column;gap:8px;border-top:3px solid var(--cc,#39c6ff)}.clhead h2{margin:0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.clstats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.clstats small{display:block;color:var(--mu);font-size:11px}
.clgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}
.clmem{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:7px 0;border-bottom:1px solid #ffffff0d}.clmem .dot{width:8px;height:8px;border-radius:50%;background:#556}.clmem .dot.on{background:#3ddc84}
.clmem small{margin-left:auto}.clrole{font-style:normal;font-size:11px;color:#ffe07a}.clacts{display:flex;gap:4px;flex-wrap:wrap;width:100%}
.clreqs,.clinvf{margin-top:12px}.clinv .adrow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.clinv .adrow span{flex:1}
.clchk{display:flex;gap:8px;align-items:center;font-size:13px}
.clchat{display:flex;flex-direction:column;gap:8px}.clmsgs{height:320px;overflow:auto;display:flex;flex-direction:column;gap:6px;background:var(--bg);border-radius:10px;padding:10px;font-size:14px}.clmsg{word-break:break-word}
.fdchips{margin-top:12px}.fdlist{display:flex;flex-direction:column}
.fdrow{display:flex;gap:10px;align-items:center;padding:10px 4px;border-bottom:1px solid #ffffff0d}.fdrow:last-child{border-bottom:0}.fdic{font-size:20px;width:28px;text-align:center}.fdtx{flex:1;min-width:0;word-break:break-word}.fdrow small{white-space:nowrap}
.fd-win .fdtx{color:#ffe07a}.fdnew{animation:fdin .5s ease}@keyframes fdin{from{background:#39c6ff22}to{background:transparent}}
@media (max-width:600px){.clstats{grid-template-columns:1fr 1fr}}
/* ---------- Claude the Snowball helper ---------- */
.sbart{display:inline-flex;line-height:0}
.bdfab{position:fixed;z-index:54;left:16px;bottom:calc(var(--bnavH,0px) + 16px);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#1e3a55,#0f1f30);box-shadow:0 6px 18px #0007,0 0 0 2px #39c6ff44;cursor:pointer;animation:bdbob 3.2s ease-in-out infinite}
.bdfab:hover{box-shadow:0 6px 18px #0007,0 0 0 2px #39c6ff}
@keyframes bdbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media (prefers-reduced-motion:reduce){.bdfab{animation:none}}
.bdpanel{position:fixed;z-index:120;left:16px;bottom:calc(var(--bnavH,0px) + 84px);width:min(360px,calc(100vw - 32px));height:min(500px,calc(100vh - var(--bnavH,0px) - 120px));display:flex;flex-direction:column;background:var(--p1);border-radius:16px;box-shadow:0 14px 40px #000a;overflow:hidden}
.bdhead{display:flex;gap:10px;align-items:center;padding:10px 12px;background:var(--p2)}.bdhead>div{flex:1}.bdhead small{display:block;color:var(--mu);font-size:12px}
.bdlist{flex:1;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:12px}
.bdmsg{max-width:85%;padding:8px 12px;border-radius:14px;font-size:14px;line-height:1.4;white-space:pre-wrap;word-break:break-word}.bdmsg.assistant{background:var(--p3);align-self:flex-start;border-bottom-left-radius:4px}.bdmsg.user{background:#2f8fff;color:#fff;align-self:flex-end;border-bottom-right-radius:4px}
.bdquick{display:flex;gap:6px;overflow-x:auto;padding:0 12px 8px;scrollbar-width:none}.bdquick .chip{padding:6px 10px;font-size:12px;background:var(--p2)}
.bdform{display:flex;gap:6px;padding:10px;border-top:1px solid #ffffff10}.bdform .tin{flex:1;min-width:0}
.poolnet{display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:center;margin:0 auto 8px;max-width:440px}.poolnet .tin{width:90px;text-transform:uppercase}.poolnet small{flex:1 1 100%;text-align:center}
@media (max-width:899px){.bdfab{bottom:calc(72px + env(safe-area-inset-bottom,0px));left:10px;width:48px;height:48px}.bdfab .sbart svg{width:38px;height:38px}.bdpanel{bottom:calc(128px + env(safe-area-inset-bottom,0px));left:10px}}
.bdhead>div.sbart{flex:none}.bdhead>div:not(.sbart){text-align:left}.bdform .btn{width:auto;flex:none;margin:0}.bdform .tin{flex:1 1 auto;width:auto;margin:0}
/* ---------- crystal PvP tiers & FFA ---------- */
.pvtier{display:inline-block;font-style:normal;font-weight:900;font-size:11px;letter-spacing:.4px;padding:2px 6px;border-radius:6px;vertical-align:middle;color:#0b1220;background:#8a96a8}
.pvtier.t5{background:#8a96a8}.pvtier.t4{background:#5fd08a}.pvtier.t3{background:#4fb3ff}.pvtier.t2{background:#b58cff}.pvtier.t1{background:#ffcf4a}
.pvtier.hi{box-shadow:0 0 0 1.5px #fff8 inset,0 0 10px currentColor;color:#04101c}
.pvme{display:flex;gap:10px;align-items:center}.pvme .pvtier{font-size:18px;padding:6px 10px;border-radius:10px}.pvme small{display:block}
.pvladder{display:flex;flex-wrap:wrap;gap:4px}.pvladder span{font-size:10px;font-weight:800;padding:2px 5px;border-radius:5px;background:#ffffff0d;color:var(--mu)}.pvladder span.past{color:#9fd0ff}.pvladder span.on{background:var(--acc,#39c6ff);color:#04202e}
.bsffa .adrow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.bsffa .adrow span{flex:1}
.ffgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.ffcard{text-align:left;color:inherit;font:inherit;border:0;cursor:pointer;position:relative}.ffcard:disabled{cursor:default;opacity:1}.ffcard.out{opacity:.45}
.ffcard.tgt{box-shadow:0 0 0 2px #ff5f7e inset}.fftgt{color:#ff8a9f;font-weight:800}.ffplace{position:absolute;right:10px;top:10px;font-style:normal;font-weight:900;color:#ffe07a}
@media (max-width:600px){.ffgrid{grid-template-columns:1fr 1fr}}
@media (min-width:900px){.bdfab{left:auto;right:20px;bottom:20px}.bdpanel{left:auto;right:20px;bottom:90px}body.chatopen .bdfab{right:350px}body.chatopen .bdpanel{right:350px}}
/* ---------- Rewards hub & frames ---------- */
.rwbody{display:grid;gap:12px;margin-top:12px}
.rwdays{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:10px 0}
.rwday{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 4px;border-radius:12px;background:var(--p2);text-align:center}.rwday small{color:var(--mu);font-size:11px}
.rwday b{font-size:13px;display:inline-flex;gap:3px;align-items:center}.rwday.done{opacity:.55}.rwday em{position:absolute;top:4px;right:6px;font-style:normal;color:#7cf29a;font-weight:900}
.rwday.now{box-shadow:0 0 0 2px var(--acc,#39c6ff) inset;background:#173252}.rwday.big{background:linear-gradient(160deg,#3a2f12,#1e3446)}.rwday.big b{color:#ffe07a}
.rwrow{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.rwrow .btn{width:auto}
.rwtiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.rwtile{position:relative;display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left;border:0;color:inherit;font:inherit;cursor:pointer}.rwtile:hover{background:var(--p2)}.rwic{font-size:26px}.rwbadge{position:absolute;top:10px;right:10px;font-style:normal;font-size:11px;font-weight:800;background:#3ddc84;color:#04150b;border-radius:8px;padding:2px 7px}
.rwtwo{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}
.rwframes{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}
.rwfr{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:12px;background:var(--p2);border:0;color:inherit;font:inherit;cursor:pointer;text-align:center}.rwfr.on{box-shadow:0 0 0 2px var(--acc,#39c6ff) inset}.rwfr.locked{opacity:.5;cursor:default}.rwfr small{font-size:10.5px}
.rwdot{display:block;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#5c7a96,#2a445a)}
.rwh{display:flex;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid #ffffff0d}.rwhw{flex:1;min-width:0}
.rwedit{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px}.rwedit label{display:flex;flex-direction:column;gap:2px}
.pfframe{display:inline-grid;place-items:center;border-radius:50%;padding:3px;line-height:0}
.pfframe.fr-frost{background:conic-gradient(#bfe8ff,#5fb8ff,#bfe8ff,#5fb8ff,#bfe8ff)}
.pfframe.fr-blizzard{background:conic-gradient(#fff,#8fd3ff,#2f8fff,#8fd3ff,#fff);box-shadow:0 0 14px #8fd3ff88}
.pfframe.fr-aurora{background:conic-gradient(#3ddc84,#39c6ff,#b58cff,#ff6fb5,#3ddc84);box-shadow:0 0 14px #b58cff66}
.pfframe.fr-crystal{background:conic-gradient(#e9f5ff,#b58cff,#e9f5ff,#ff5fd2,#e9f5ff)}
.pfframe.fr-netherite{background:conic-gradient(#3a3036,#6b5a62,#2a2226,#6b5a62,#3a3036);box-shadow:0 0 0 1px #9a8790 inset}
.pfframe.fr-royal{background:conic-gradient(#ffe07a,#ffb547,#fff2b0,#ffb547,#ffe07a);box-shadow:0 0 16px #ffcf4a99}
.pfframe.fr-clan{background:repeating-conic-gradient(#39c6ff 0 15deg,#1e3446 15deg 30deg)}
.pfframe.fr-tycoon{background:conic-gradient(#3ddc84,#c9ffd9,#1d8f50,#c9ffd9,#3ddc84);box-shadow:0 0 14px #3ddc8466}
@media (max-width:600px){.rwdays{grid-template-columns:repeat(4,1fr)}}
.foxart .fxeyes{transform-origin:32px 29px;animation:fxblink 4.2s infinite}.foxart .fxtail{transform-origin:46px 50px;animation:fxwag 2.4s ease-in-out infinite}
@keyframes fxblink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes fxwag{0%,100%{transform:rotate(0)}50%{transform:rotate(-12deg)}}
@media (prefers-reduced-motion:reduce){.foxart .fxeyes,.foxart .fxtail{animation:none}}
.bdfab{background:radial-gradient(circle at 50% 40%,#24486b,#0f1f30)}
/* ---------- Snow Bases: base map ---------- */
.bsaway{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px;background:linear-gradient(120deg,#1d2f52,var(--p1))}.bsaway>div{flex:1;min-width:200px;display:flex;flex-direction:column;gap:2px}.bsawayi{font-size:28px}.bsaway .btn{width:auto}
.bmap{position:relative;margin-bottom:12px;border-radius:16px;padding:14px;background:radial-gradient(1.5px 1.5px at 8% 18%,#ffffff55,transparent),radial-gradient(1.5px 1.5px at 27% 72%,#ffffff44,transparent),radial-gradient(2px 2px at 46% 30%,#ffffff33,transparent),radial-gradient(1.5px 1.5px at 63% 84%,#ffffff44,transparent),radial-gradient(2px 2px at 82% 22%,#ffffff33,transparent),radial-gradient(1.5px 1.5px at 93% 64%,#ffffff44,transparent),radial-gradient(ellipse at 30% 0%,#ffffff14,transparent 60%),linear-gradient(180deg,#22405e,#16293a);overflow:hidden}
.bmin{position:relative;min-height:120px;display:flex;flex-direction:column;justify-content:center;border-radius:12px;padding:16px 64px 16px 16px;background:linear-gradient(180deg,#e9f3fb18,#ffffff08)}
.bmap.w0 .bmin{border:2px dashed #ffffff30}
.bmap.w1 .bmin,.bmap.w2 .bmin{border:6px solid #7d8a99;box-shadow:inset 0 0 0 2px #00000033}
.bmap.w3 .bmin,.bmap.w4 .bmin{border:9px solid #5c6773;border-image:repeating-linear-gradient(90deg,#6e7a87 0 14px,#55606b 14px 28px) 9;box-shadow:0 0 0 2px #00000040}
.bmap.w5 .bmin{border:12px solid #3d3540;border-image:repeating-linear-gradient(90deg,#4d4148 0 16px,#2e262b 16px 32px) 12;box-shadow:0 0 18px #b58cff33}
.bmgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,64px));gap:10px}
.bmcage{position:relative;aspect-ratio:1;border-radius:6px;display:grid;place-items:center;background:repeating-linear-gradient(90deg,#c9d3df33 0 2px,transparent 2px 9px),repeating-linear-gradient(0deg,#c9d3df33 0 2px,transparent 2px 9px),#0e1825;box-shadow:inset 0 0 0 2px #5b6b7d,0 3px 0 #0006;overflow:hidden}
.bmmob{font-style:normal;font-size:22px;animation:bmspin 3s linear infinite;animation-delay:calc(var(--d) * -1);filter:drop-shadow(0 0 4px #ffffff40)}
.bmflame{position:absolute;inset:auto 0 0;height:40%;background:radial-gradient(ellipse at 50% 100%,#ff9b3d55,transparent 70%);animation:bmglow 1.6s ease-in-out infinite;animation-delay:calc(var(--d) * -1)}
@keyframes bmspin{0%{transform:rotateY(0) translateY(0)}50%{transform:rotateY(180deg) translateY(-2px)}100%{transform:rotateY(360deg) translateY(0)}}
@keyframes bmglow{0%,100%{opacity:.4}50%{opacity:1}}
.bmempty{color:var(--mu);margin:40px 0;text-align:center}
.bmmore{position:absolute;left:16px;bottom:6px;font-style:normal;font-size:11px;color:var(--mu)}
.bmchest{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:4px}.bmchest span{font-size:30px}
.bmfill{display:block;width:10px;height:56px;border-radius:6px;background:#0007;overflow:hidden;position:relative}.bmfill i{position:absolute;inset:auto 0 0;background:linear-gradient(0deg,#ffd23d,#7cf29a);transition:height 1s}
.bmcoin{position:absolute;bottom:10px;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff6c2,#ffc83d 55%,#c48a12);box-shadow:0 0 6px #ffd23d99;opacity:0;animation:bmrise 4.8s ease-in infinite;animation-delay:var(--d)}
@keyframes bmrise{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:1}100%{transform:translateY(-120px) scale(1);opacity:0}}
.bmshield{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 26px #7fd4ff44,0 0 0 1px #7fd4ff33;pointer-events:none;animation:bmshield 3s ease-in-out infinite}
@keyframes bmshield{0%,100%{opacity:.55}50%{opacity:1}}
.bmtag{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:8px}.bmtag small{color:var(--mu)}
@media (prefers-reduced-motion:reduce){.bmmob,.bmflame,.bmcoin,.bmshield{animation:none}.bmcoin{opacity:.8}}
/* ---------- Arena: stage, fighters, effects ---------- */
.bskits{display:flex;flex-wrap:wrap;gap:6px}.bskits .btn{flex:1 1 30%;display:flex;flex-direction:column;gap:2px;width:auto;padding:8px 6px}.bskits small{font-size:10.5px;opacity:.8}
.bsq{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.bsqw{flex:1;display:flex;gap:10px;align-items:center}.bsqspin{width:18px;height:18px;border-radius:50%;border:3px solid #39c6ff33;border-top-color:#39c6ff;animation:bsqs 1s linear infinite}@keyframes bsqs{to{transform:rotate(360deg)}}
.astage{position:relative;height:210px;border-radius:16px;overflow:hidden;display:flex;justify-content:space-around;align-items:flex-end;padding:0 8% 26px;background:linear-gradient(180deg,#0f1b2b 0,#1a2d45 62%,#cfe3f2 62.5%,#a9c6dd 100%)}
.astage .asky{position:absolute;inset:0;background:radial-gradient(circle at 80% 18%,#ffffff22 0 18px,transparent 19px),radial-gradient(1px 1px at 20% 20%,#fff9,transparent),radial-gradient(1px 1px at 60% 12%,#fff8,transparent),radial-gradient(1px 1px at 35% 40%,#fff6,transparent);pointer-events:none}
.astage.ranked{box-shadow:0 0 0 2px #ffcf4a66 inset}.arank{position:absolute;top:10px;left:50%;transform:translateX(-50%);font-style:normal;font-weight:900;font-size:11px;letter-spacing:2px;color:#ffcf4a}
.aslot{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;z-index:1}
.ahp{width:92px;height:9px;border-radius:6px;background:#0008;overflow:hidden;display:flex}.ahp i{display:block;height:100%;background:linear-gradient(90deg,#ff4d6d,#ff8a5b);transition:width .5s}.ahp i.abs{background:#ffd23f}
.aname{font-size:11px;font-weight:800;color:#e8f4ff;text-shadow:0 1px 2px #000}
.afig{position:relative;width:44px;height:96px;--a1:#3a7bd5;--a2:#2b4f8a}
.afig>i{position:absolute;display:block}
.afh{left:8px;top:0;width:28px;height:28px;border-radius:5px;background:#f1c79f;box-shadow:inset 0 7px 0 #6b4a2b}
.afe{position:absolute;left:5px;right:5px;top:12px;height:5px;background:radial-gradient(circle at 25% 50%,#1b2a3a 0 2.2px,transparent 2.6px),radial-gradient(circle at 75% 50%,#1b2a3a 0 2.2px,transparent 2.6px)}
.afig.bot .afe{left:2px;right:2px;top:10px;height:8px;border-radius:3px;background:linear-gradient(90deg,#39c6ff,#9fe8ff);box-shadow:0 0 6px #39c6ff}
.afb{left:6px;top:30px;width:32px;height:34px;border-radius:4px;background:linear-gradient(180deg,var(--a1),var(--a2));box-shadow:inset 0 -4px 0 #0003}
.afarm{position:absolute;right:-9px;top:2px;width:9px;height:26px;border-radius:3px;background:var(--a2);transform-origin:50% 0;transition:transform .2s}
.afl{left:9px;top:64px;width:26px;height:30px;background:linear-gradient(90deg,var(--a2) 0 46%,transparent 46% 54%,var(--a2) 54%);border-radius:0 0 3px 3px}
.afsw{right:-22px;top:20px;width:5px;height:34px;border-radius:2px;background:linear-gradient(180deg,#bff6ff,#59c8e6 70%,#6b4a2b 70%);transform:rotate(30deg);transform-origin:50% 100%;box-shadow:0 0 6px #7fe7ff88}
.afig.flip{transform:scaleX(-1)}
.aslot.win .afig{animation:afjump .6s ease-in-out 3}.aslot.dead .afig{transform:rotate(90deg) translate(36px,0);opacity:.6;transition:transform .5s}.aslot.r.dead .afig{transform:scaleX(-1) rotate(90deg) translate(36px,0)}
@keyframes afjump{50%{transform:translateY(-18px)}}.aslot.r.win .afig{animation:afjumpr .6s ease-in-out 3}@keyframes afjumpr{0%,100%{transform:scaleX(-1)}50%{transform:scaleX(-1) translateY(-18px)}}
.aslot.hurt .afig{animation:afhurt .45s}.aslot.r.hurt .afig{animation:afhurtr .45s}
@keyframes afhurt{0%,100%{filter:none;translate:0}30%{filter:brightness(1.6) sepia(1) hue-rotate(-50deg) saturate(5);translate:-6px}}
@keyframes afhurtr{0%,100%{filter:none;translate:0}30%{filter:brightness(1.6) sepia(1) hue-rotate(-50deg) saturate(5);translate:6px}}
.aslot.fx-sword .afsw{animation:afslash .4s}@keyframes afslash{0%{transform:rotate(30deg)}40%{transform:rotate(110deg)}100%{transform:rotate(30deg)}}
.aslot.fx-sword .afig,.aslot.fx-miss .afig{animation:aflunge .4s}@keyframes aflunge{40%{translate:14px}}
.aslot.r.fx-sword .afig,.aslot.r.fx-miss .afig{animation:aflunger .4s}@keyframes aflunger{40%{translate:-14px}}
.aslot.boom::after{content:'';position:absolute;left:50%;bottom:30px;width:30px;height:30px;margin-left:-15px;border-radius:50%;background:radial-gradient(circle,#fff,#ff5fd2 40%,#b58cff 60%,transparent 72%);animation:afboom .7s ease-out forwards;pointer-events:none;z-index:2}
.aslot.fx-crystal .afarm{transform:rotate(-70deg)}
@keyframes afboom{0%{transform:scale(.2);opacity:1}70%{opacity:.9}100%{transform:scale(4.5);opacity:0}}
.aslot.fx-apple .afig{animation:afapple .9s}@keyframes afapple{40%{filter:drop-shadow(0 0 12px #ffd23f) brightness(1.3)}}
.aslot.fx-shield .afig::after{content:'';position:absolute;inset:-10px -16px;border-radius:50%;border:3px solid #7fd4ffaa;background:#7fd4ff1f;animation:afbub .9s ease-out}@keyframes afbub{0%{transform:scale(.4);opacity:0}30%{opacity:1}100%{opacity:.2}}
.aslot.fx-pearl .afig{animation:afpearl .8s}@keyframes afpearl{0%{opacity:1}35%{opacity:0;filter:drop-shadow(0 0 10px #b58cff) hue-rotate(200deg)}65%{opacity:0}100%{opacity:1}}
.aslot.fx-totem .afig{animation:aftotem 1.1s}@keyframes aftotem{40%{filter:drop-shadow(0 0 18px #ffd23f) brightness(1.6)}}
.afdmg{position:absolute;left:50%;top:10px;transform:translateX(-50%);font-weight:900;font-size:18px;color:#ff6b8b;text-shadow:0 2px 3px #000;pointer-events:none;animation:afdmg 1.4s ease-out forwards;z-index:3}.afdmg.heal{color:#7cf29a}
@keyframes afdmg{0%{opacity:0;transform:translate(-50%,6px) scale(.7)}15%{opacity:1;transform:translate(-50%,0) scale(1.15)}100%{opacity:0;transform:translate(-50%,-36px) scale(1)}}
.ffcard{overflow:visible}.ffcard.hurt{animation:ffhurt .45s}@keyframes ffhurt{25%{transform:translateX(-5px);box-shadow:0 0 0 2px #ff5f7e inset}75%{transform:translateX(5px)}}
.ffcard.fx-crystal{box-shadow:0 0 18px #ff5fd266}.ffcard.fx-apple{box-shadow:0 0 14px #ffd23f55}.ffcard.fx-shield{box-shadow:0 0 0 2px #7fd4ff88 inset}.ffcard.fx-totem{box-shadow:0 0 18px #ffd23f99}
@media (prefers-reduced-motion:reduce){.aslot *,.ffcard{animation:none!important}}
@media (max-width:600px){.astage{height:180px;padding:0 4% 22px}.ahp{width:74px}}
/* ---------- Claude the Fox: animation ---------- */
.foxart svg{overflow:visible}
.foxart g,.foxart path,.foxart ellipse{transform-box:view-box}
.foxart .fxall{transform-origin:32px 60px;animation:fxbreathe 3.2s ease-in-out infinite}
.foxart .fxhead{transform-origin:32px 44px;animation:fxtilt 7s ease-in-out infinite}
.foxart .fxearl{transform-origin:17px 23px;animation:fxearl 5.3s ease-in-out infinite}
.foxart .fxearr{transform-origin:47px 23px;animation:fxearr 6.7s ease-in-out infinite}
.foxart .fxtail{transform-origin:42px 52px;animation:fxwag 1.8s ease-in-out infinite}
.foxart .fxeyes{transform-origin:32px 29px;animation:fxblink 4.2s infinite}
.foxart .fxlook{animation:fxlook 9s ease-in-out infinite}
.foxart .fxscarf{transform-origin:37px 46px;animation:fxscarf 2.6s ease-in-out infinite}
.foxart .fxpaw{transform-origin:25px 47px}
.foxart .fxshut,.foxart .fxsleepy,.foxart .fxopen,.foxart .fxzz{opacity:0}
.foxart .fxzz text{transform-box:fill-box;transform-origin:center}
@keyframes fxbreathe{0%,100%{transform:scale(1,1)}50%{transform:scale(1.015,1.035) translateY(-.4px)}}
@keyframes fxtilt{0%,30%,100%{transform:rotate(0)}40%,55%{transform:rotate(-7deg)}65%,80%{transform:rotate(4deg)}}
@keyframes fxearl{0%,80%,100%{transform:rotate(0)}84%{transform:rotate(-16deg)}88%{transform:rotate(4deg)}92%{transform:rotate(-8deg)}}
@keyframes fxearr{0%,70%,100%{transform:rotate(0)}74%{transform:rotate(16deg)}78%{transform:rotate(-4deg)}82%{transform:rotate(8deg)}}
@keyframes fxwag{0%,100%{transform:rotate(4deg)}50%{transform:rotate(-14deg)}}
@keyframes fxblink{0%,93%,100%{transform:scaleY(1)}95.5%{transform:scaleY(.08)}}
@keyframes fxlook{0%,20%,100%{transform:translate(0,0)}28%,42%{transform:translate(1.4px,-.3px)}52%,66%{transform:translate(-1.4px,.2px)}}
@keyframes fxscarf{0%,100%{transform:rotate(0)}50%{transform:rotate(8deg)}}
/* hello wave */
.foxart.wave .fxpaw{animation:fxwave 1.6s ease-in-out}
@keyframes fxwave{0%,100%{transform:rotate(0)}15%{transform:rotate(-140deg) translate(2px,-2px)}30%{transform:rotate(-115deg) translate(2px,-2px)}45%{transform:rotate(-145deg) translate(2px,-2px)}60%{transform:rotate(-115deg) translate(2px,-2px)}80%{transform:rotate(-140deg) translate(2px,-2px)}}
.foxart.wave .fxeyes{animation:none;opacity:0}.foxart.wave .fxshut{opacity:1}
/* happy hop */
.foxart.hop .fxall{animation:fxhop .85s cubic-bezier(.3,1.6,.5,1)}.foxart.hop .fxshadow{animation:fxshadow .85s ease}
@keyframes fxhop{0%,100%{transform:translateY(0) scale(1,1)}20%{transform:translateY(0) scale(1.08,.9)}50%{transform:translateY(-7px) scale(.96,1.05)}80%{transform:translateY(0) scale(1.05,.95)}}
@keyframes fxshadow{50%{transform:scale(.7);opacity:.5}}
.foxart.hop .fxeyes{opacity:0;animation:none}.foxart.hop .fxshut{opacity:1}
/* talking while it thinks */
.foxart.talk .fxmouth{animation:fxtalk1 .32s steps(1) infinite}.foxart.talk .fxopen{animation:fxtalk2 .32s steps(1) infinite}
.foxart.talk .fxlook{animation:fxthink 1.6s ease-in-out infinite}
@keyframes fxtalk1{0%{opacity:1}50%{opacity:0}}@keyframes fxtalk2{0%{opacity:0}50%{opacity:1}}
@keyframes fxthink{0%,100%{transform:translate(1.2px,-1px)}50%{transform:translate(-1.2px,-1px)}}
/* dozing */
.foxart.sleep .fxeyes{opacity:0;animation:none}.foxart.sleep .fxsleepy{opacity:1}
.foxart.sleep .fxhead{animation:fxnod 3.4s ease-in-out infinite}.foxart.sleep .fxtail{animation:fxwag 4s ease-in-out infinite}
.foxart.sleep .fxzz{opacity:1}.foxart.sleep .fxzz text{animation:fxzz 2.6s ease-in infinite}.foxart.sleep .fxzz text:last-child{animation-delay:1.3s}
@keyframes fxnod{0%,100%{transform:rotate(6deg) translateY(1px)}50%{transform:rotate(9deg) translateY(2px)}}
@keyframes fxzz{0%{opacity:0;transform:translate(0,4px) scale(.6)}30%{opacity:1}100%{opacity:0;transform:translate(5px,-6px) scale(1.1)}}
.bdfab:hover .foxart .fxblush{opacity:.95}
@media (prefers-reduced-motion:reduce){.foxart *{animation:none!important}.foxart.sleep .fxzz{opacity:.8}}
/* buttons inside rows keep their own size (the base .btn is full width) */
.msrow .btn,.adrow .btn,.clacts .btn,.bsq .btn,.clbar .btn,.bsinv .btn,.clinv .btn{width:auto;flex:none}
.msrow .btn{min-width:104px}.msinfo{min-width:0}
@media (max-width:600px){.msrow{flex-wrap:wrap}.msrow .msinfo{flex:1 1 100%}.msrow .msrw{margin-right:auto}}
@media (max-width:899px){.bdfab{left:-14px;width:50px;height:50px;opacity:.94}.bdfab:active{left:6px}}
.rdres{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:6px 0}
.rdart{position:relative;font-size:56px;line-height:1}.rdflag{display:inline-block;animation:rdpop .6s cubic-bezier(.3,1.6,.5,1)}.rdloot{position:absolute;right:-30px;bottom:-6px;font-size:30px;animation:rdloot 1.2s ease-out}
.rdres.loss .rdflag{animation:rdshake .5s}.rdnum{font-size:26px;font-weight:900;color:#7cf29a;display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center;margin:0}.rdnum small{font-size:13px;color:var(--mu);font-weight:600}
@keyframes rdpop{0%{transform:scale(.2) rotate(-20deg)}100%{transform:scale(1) rotate(0)}}@keyframes rdloot{0%{transform:translateY(-30px);opacity:0}60%{opacity:1}100%{transform:translateY(0)}}@keyframes rdshake{25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}
.clbtns{display:flex;flex-wrap:wrap;gap:8px}.clbtns .btn{width:auto;flex:none;padding:9px 16px}
.clbad{background:transparent!important;box-shadow:inset 0 0 0 1.5px #ff5f7e88!important;color:#ff8a9f}.clbad:hover{background:#ff5f7e22!important}
.clinvf,.clchat .two{display:flex;gap:8px}.clinvf .tin,.clchat .two .tin{flex:1;min-width:0;margin:0}.clinvf .btn,.clchat .two .btn{width:auto;flex:none;padding-left:18px;padding-right:18px;margin:0}
.clnone{margin:auto;text-align:center}
.bsstack{font-size:11px;color:var(--mu)}.bsstack.on{color:#7cf29a;font-weight:800}
.poolnet .btn{width:auto;flex:1 1 40%;margin:0;padding:9px 12px}.poolnet .tin{flex:1 1 40%;width:auto;margin:0}.poolnet small{order:-1}
.bsffa .two{display:flex;gap:8px}.bsffa .two .tin{flex:1;min-width:0;margin:0}.bsffa .two .btn{width:auto;flex:none;margin:0}
/* avatar colour picker: round swatches that never squash */
.avs{display:grid;grid-template-columns:repeat(6,38px);gap:10px;justify-content:start}
.avpick{width:38px;height:38px;min-width:0;min-height:0;padding:0;flex:none;aspect-ratio:1;border-radius:50%;border:0;box-shadow:inset 0 -3px 0 #0003,0 0 0 2px #ffffff14;cursor:pointer;position:relative;transition:transform .15s cubic-bezier(.3,1.6,.5,1),box-shadow .15s}
.avpick:hover{transform:scale(1.1)}
.avpick[aria-pressed=true]{transform:scale(1.12);box-shadow:inset 0 -3px 0 #0003,0 0 0 3px var(--bg,#0c1824),0 0 0 5px #fff}
.avpick[aria-pressed=true]::after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;font-weight:900;font-size:16px;color:#0b1220;text-shadow:0 1px 0 #fff6}
@media (max-width:360px){.avs{grid-template-columns:repeat(6,34px);gap:8px}.avpick{width:34px;height:34px}}
/* page entrance: each page eases in when you open it */
@keyframes pagein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.view>.page,.view>.gpage,.view>.fzpage{animation:pagein .32s cubic-bezier(.2,.8,.3,1)}
.page .card{transition:transform .18s ease,box-shadow .18s ease}
.rwtile:hover,.bssp:hover,.bsraid:hover,.ffcard:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 10px 22px #0006}
@media (prefers-reduced-motion:reduce){.view>.page,.view>.gpage,.view>.fzpage{animation:none}}
.btn:active:not(:disabled){transform:translateY(1px) scale(.985)}
/* ---------- weekly prizes, clan war, ranked season ---------- */
.cycrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin:12px 0}
.cyc{display:flex;flex-direction:column;gap:8px}.cychead{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.cychead b{font-size:16px}
.cycprizes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cycprize{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-radius:12px;background:var(--p2)}.cycprize span{font-size:22px}.cycprize b{display:inline-flex;gap:4px;align-items:center}
.cycprize.p0{background:linear-gradient(160deg,#4a3a10,var(--p2));box-shadow:inset 0 0 0 1px #ffcf4a55}.cycprize.p1{box-shadow:inset 0 0 0 1px #cfd8e266}.cycprize.p2{box-shadow:inset 0 0 0 1px #d0884a55}
.cyctop{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.cyctop li{display:flex;justify-content:space-between;gap:8px;padding:5px 8px;border-radius:8px;font-size:13.5px}.cyctop li.pz{background:#ffffff08}.cyctop li.mine{box-shadow:inset 0 0 0 1px #39c6ff88}
.cycme{color:#9fe0ff;font-weight:700}.cyclast{font-size:12px}
.cycseason{margin-bottom:12px}.cycrew{display:flex;flex-wrap:wrap;gap:6px}.cycrew>span{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;border-radius:10px;background:var(--p2);min-width:58px}.cycrew>span small{font-size:11px;color:var(--mu)}.cycrew>span.on{box-shadow:inset 0 0 0 2px var(--acc,#39c6ff)}
.adprz{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.adprz label{display:flex;flex-direction:column;gap:2px}@media (max-width:600px){.adprz{grid-template-columns:1fr 1fr}}
/* lobby slides: every slide gets a real background, and the artwork sits fully inside the slide */
.hslide.s19{background:linear-gradient(115deg,#d4a017,#7a4a0a 50%,#2a160a)}
.hslide.s24{background:linear-gradient(115deg,#1fbf86,#0f5a5a 50%,#1a1240)}
.hslide.s25{background:linear-gradient(115deg,#3aa8ff,#3b4fd9 50%,#2a1460)}
.hslide.s26{background:linear-gradient(115deg,#22c58b,#1b6aa8 55%,#0f1d4a)}
.hart{right:4%;top:50%;bottom:auto;width:34%;max-width:200px;transform:translateY(-50%) rotate(7deg)}
.hslide:hover .hart{transform:translateY(-54%) rotate(5deg)}
.htxt{max-width:60%}
@media(max-width:700px){.hart{width:36%;right:3%}.htxt{max-width:62%}}
.hslide::before{background:linear-gradient(100deg,#0b1720a6 0%,#0b172070 45%,#0b172012 80%,#0b172000)}
.htxt h3,.htxt p{text-shadow:0 1px 3px #0008}
.ffcard.team0{box-shadow:inset 3px 0 0 #39c6ff}.ffcard.team1{box-shadow:inset 3px 0 0 #ff5f7e}.ffcard.team0.tgt,.ffcard.team1.tgt{box-shadow:0 0 0 2px #ff5f7e inset}
.bslive .adrow{display:flex;gap:8px;align-items:center}.bslive .adrow span{flex:1;min-width:0}
/* raid lock-picking */
.lkbox{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.lkdial{width:220px;height:220px;max-width:70vw;max-height:70vw;cursor:pointer;touch-action:manipulation}
.lkpins{display:flex;gap:10px}.lkpins i{width:16px;height:16px;border-radius:50%;background:#ffffff1a;box-shadow:inset 0 0 0 2px #ffffff33}.lkpins i.ok{background:#3ddc84;box-shadow:0 0 10px #3ddc84}.lkpins i.no{background:#ff5f7e}
.hechip.big{background:radial-gradient(circle,#1b1b24 55%,#ffcf4a 56% 62%,#1b1b24 63%);color:#ffcf4a;font-size:11px;box-shadow:0 0 0 2px #ffcf4a55,0 3px 10px #0008}

/* ================= SNOW REALM ================= */
.rlm{max-width:1180px;margin:0 auto;padding:18px 16px 40px;display:flex;flex-direction:column;gap:16px}
.rlm-hero{position:relative;height:330px;border-radius:22px;overflow:hidden;background:#0d1a26;box-shadow:0 18px 40px rgba(0,0,0,.35);isolation:isolate}
.rlm-herocv{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:-1}
.rlm-herotxt{height:100%;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:28px 34px;max-width:560px}
.rlm-kicker{display:inline-flex;align-self:flex-start;font:700 11px/1 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#bfe3ff;background:rgba(120,190,255,.14);border:1px solid rgba(160,210,255,.25);padding:7px 11px;border-radius:99px}
.rlm-herotxt h1{margin:0;font:800 clamp(34px,5vw,54px)/1.02 Inter,system-ui,sans-serif;letter-spacing:-.025em;color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.35)}
.rlm-herotxt p{margin:0;color:#d6e6f5;font-size:15px;line-height:1.55;max-width:440px}
.rlm-herorow{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:6px}
.rlm-enter{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;font-size:16px;border-radius:14px;box-shadow:0 10px 26px rgba(57,198,255,.25)}.rlm-enter svg{width:20px;height:20px}
.rlm-live{display:inline-flex;align-items:center;gap:8px;color:#cfe0ef;font-size:13px;font-weight:600}.rlm-live i,.rlm-on i{width:8px;height:8px;border-radius:50%;background:#4ee58a;box-shadow:0 0 0 0 rgba(78,229,138,.6);animation:rlmPulse 2s infinite}
@keyframes rlmPulse{0%{box-shadow:0 0 0 0 rgba(78,229,138,.55)}70%{box-shadow:0 0 0 8px rgba(78,229,138,0)}100%{box-shadow:0 0 0 0 rgba(78,229,138,0)}}
.rlm-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:16px}.rlm-side{display:flex;flex-direction:column;gap:16px}
.rlm-card{padding:18px;border-radius:18px}.rlm-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:14px}.rlm-h h2{margin:0;font-size:17px;letter-spacing:-.01em}
.rlm-link{font-size:13px;font-weight:700;color:var(--acc)}
.rlm-skins{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.rlm-skin{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 8px 11px;border-radius:16px;background:var(--p1);border:2px solid transparent;cursor:pointer;transition:transform .15s,border-color .15s,background .15s;color:inherit}
.rlm-skin canvas{width:100%;aspect-ratio:1;border-radius:12px;display:block}
.rlm-skin b{font-size:12.5px;font-weight:700}.rlm-skin:hover{transform:translateY(-2px);background:var(--p3)}
.rlm-skin.on{border-color:var(--acc);background:var(--p3);box-shadow:0 0 0 4px rgba(57,198,255,.16)}
.rlm-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.rlm-stats>div{background:var(--p1);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:3px}.rlm-stats b{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.rlm-stats small{color:var(--mu);font-size:12px}
.rlm-stats .rlm-tier{grid-column:1/-1;flex-direction:row;align-items:center;gap:12px}.rlm-tier b{background:var(--tc);color:#0d1420;font-size:14px;padding:6px 10px;border-radius:9px}
.rlm-inv{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.rlm-it{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--p1);border-radius:12px;padding:10px 6px}.rlm-it b{font-size:15px;font-weight:800}.rlm-it small{font-size:11px;color:var(--mu);text-align:center}.rlm-it.none{opacity:.45}
.rlm-gear{width:24px;height:24px;border-radius:7px;background:linear-gradient(145deg,var(--ga),rgba(0,0,0,.35));box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}
.itemart svg{width:100%;height:100%;display:block;image-rendering:pixelated}
.rlm-guides{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rlm-guide h3{margin:12px 0 10px;font-size:16px}.rlm-gicon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center}.rlm-gicon svg{width:26px;height:26px}
.rlm-gicon.g1{background:linear-gradient(145deg,#4a1e5e,#2a0f3a)}.rlm-gicon.g2{background:linear-gradient(145deg,#5a3d1a,#2e1f0d);color:#ffd27a}.rlm-gicon.g3{background:linear-gradient(145deg,#173d5a,#0c2133);color:#8fd3ff}
.rlm-steps{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:9px}
.rlm-steps li{display:flex;gap:10px;align-items:flex-start}.rlm-steps em{font-style:normal;flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--p3);font-size:12px;font-weight:800}
.rlm-steps b{display:block;font-size:13.5px}.rlm-steps span{display:block;font-size:12.5px;color:var(--mu);line-height:1.45}
.rlm-keycols{display:grid;grid-template-columns:1fr 1fr;gap:22px}.rlm-keycols h4{margin:0 0 10px;font-size:13px;color:var(--mu);text-transform:uppercase;letter-spacing:.08em}
.rlm-keycols dl{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:0;align-items:center}.rlm-keycols dd{margin:0;font-size:13.5px;color:#d6e2ee}
kbd{display:inline-block;font:700 11.5px/1 Inter,system-ui,sans-serif;padding:6px 8px;border-radius:7px;background:var(--p3);border:1px solid var(--p4);border-bottom-width:3px;color:#fff;white-space:nowrap}
@media (max-width:900px){.rlm-grid{grid-template-columns:1fr}.rlm-guides{grid-template-columns:1fr}.rlm-hero{height:380px}.rlm-herotxt{justify-content:flex-end;padding:22px}.rlm-keycols{grid-template-columns:1fr}}
@media (max-width:520px){.rlm{padding:12px 12px 32px}.rlm-skins{gap:7px}.rlm-skin{padding:5px 5px 8px;border-radius:13px}.rlm-skin b{font-size:11px}.rlm-inv{grid-template-columns:repeat(3,1fr)}}

body.rlm-lock{overflow:hidden;overscroll-behavior:none}
.rlm-game{position:fixed;inset:0;z-index:300;background:#0b1520;user-select:none;-webkit-user-select:none;touch-action:none;outline:none;font-family:Inter,system-ui,sans-serif;color:#fff}
.rlm-cv{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair}
.rlm-game.touch .rlm-cv{cursor:default}
.rlm-top{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:calc(12px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) 0 calc(12px + env(safe-area-inset-left));pointer-events:none}
.rlm-top>*{pointer-events:auto}.rlm-tl{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rlm-ib{width:42px;height:42px;border-radius:13px;border:1px solid rgba(255,255,255,.14);background:rgba(10,18,30,.66);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;display:grid;place-items:center;cursor:pointer}.rlm-ib svg{width:18px;height:18px}.rlm-ib:hover{background:rgba(25,40,60,.8)}
.rlm-burger{display:flex;flex-direction:column;gap:3.5px}.rlm-burger i{width:16px;height:2px;border-radius:2px;background:#fff;display:block}
.rlm-me{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.rlm-me>span,.rlm-me>button{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:99px;background:rgba(10,18,30,.66);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:12px;font-weight:650;border:1px solid rgba(255,255,255,.1)}
.rlm-tierchip{background:var(--tc,#9aa7b6)!important;color:#0d1420;font-weight:800!important;border:0!important}.rlm-tierchip:empty{display:none!important}
.rlm-on i{display:inline-block}
.rlm-tr{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.rlm-mini{width:156px;height:156px;border-radius:16px;border:2px solid rgba(255,255,255,.22);box-shadow:0 8px 24px rgba(0,0,0,.35);cursor:pointer;image-rendering:pixelated;background:#1b2633}
.rlm-coords{font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;background:rgba(10,18,30,.66);padding:5px 8px;border-radius:8px;color:#cfe0ef}
.rlm-banner{position:absolute;left:50%;transform:translateX(-50%);top:calc(12px + env(safe-area-inset-top));pointer-events:auto}
.rlm-br{display:flex;align-items:center;gap:10px;padding:7px 8px 7px 14px;border-radius:99px;background:linear-gradient(135deg,rgba(255,140,40,.92),rgba(220,70,40,.92));box-shadow:0 8px 22px rgba(220,80,30,.35);font-size:12.5px;white-space:nowrap}
.rlm-br.live{background:linear-gradient(135deg,rgba(230,50,70,.95),rgba(150,20,60,.95))}.rlm-br.done{background:linear-gradient(135deg,rgba(255,200,60,.95),rgba(220,140,20,.95));color:#2a1800;padding-right:14px}
.rlm-br b{font-weight:800}.rlm-br span{opacity:.92}.rlm-br .btn{min-height:0;padding:6px 12px;border-radius:99px}.rlm-in{background:rgba(0,0,0,.2);padding:4px 10px;border-radius:99px;font-weight:700}
.rlm-zone{position:absolute;left:50%;top:calc(62px + env(safe-area-inset-top));transform:translate(-50%,-6px);opacity:0;transition:.25s;pointer-events:none;padding:6px 14px;border-radius:99px;background:rgba(10,18,30,.6);font-size:12px;font-weight:700;color:#bfe3ff;letter-spacing:.02em}.rlm-zone.on{opacity:1;transform:translate(-50%,0)}
.rlm-feed{position:absolute;right:calc(12px + env(safe-area-inset-right));top:calc(200px + env(safe-area-inset-top));display:flex;flex-direction:column;align-items:flex-end;gap:5px;pointer-events:none;max-width:60vw}
.rlm-fi{padding:6px 11px;border-radius:9px;background:rgba(10,18,30,.72);font-size:12px;font-weight:650;animation:rlmIn .25s ease-out;transition:opacity .5s}.rlm-fi.warn{background:rgba(200,40,60,.9)}.rlm-fi.out{opacity:0}
@keyframes rlmIn{from{opacity:0;transform:translateX(12px)}}
.rlm-bottom{position:absolute;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}
.rlm-hearts{display:flex;gap:2px;flex-wrap:wrap;justify-content:center;max-width:420px}
.ht{width:18px;height:18px;display:block;background:center/contain no-repeat}.ht.f{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20x2%3D%221%22%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23ff4d5e%22/%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22rgba%280%2C0%2C0%2C.35%29%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d%3D%22M8%2014.4%201.8%208.4A3.8%203.8%200%200%201%208%203.5a3.8%203.8%200%200%201%206.2%204.9Z%22%20fill%3D%22%23ff4d5e%22%20stroke%3D%22%232a0d14%22%20stroke-width%3D%221.3%22/%3E%3Cpath%20d%3D%22M4.2%205.2a1.6%201.6%200%200%201%202%20.2%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.7%29%22%20stroke-width%3D%221.1%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E")}.ht.h{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20x2%3D%221%22%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23ff4d5e%22/%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22rgba%280%2C0%2C0%2C.35%29%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d%3D%22M8%2014.4%201.8%208.4A3.8%203.8%200%200%201%208%203.5a3.8%203.8%200%200%201%206.2%204.9Z%22%20fill%3D%22url%28%23g%29%22%20stroke%3D%22%232a0d14%22%20stroke-width%3D%221.3%22/%3E%3Cpath%20d%3D%22M4.2%205.2a1.6%201.6%200%200%201%202%20.2%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.7%29%22%20stroke-width%3D%221.1%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E")}.ht.e{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20x2%3D%221%22%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23ff4d5e%22/%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22rgba%280%2C0%2C0%2C.35%29%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d%3D%22M8%2014.4%201.8%208.4A3.8%203.8%200%200%201%208%203.5a3.8%203.8%200%200%201%206.2%204.9Z%22%20fill%3D%22rgba%280%2C0%2C0%2C.4%29%22%20stroke%3D%22%232a0d14%22%20stroke-width%3D%221.3%22/%3E%3Cpath%20opacity%3D%220%22%20d%3D%22M4.2%205.2a1.6%201.6%200%200%201%202%20.2%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.7%29%22%20stroke-width%3D%221.1%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E")}.ht.gold.f{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20x2%3D%221%22%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23ffd23d%22/%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22rgba%280%2C0%2C0%2C.35%29%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d%3D%22M8%2014.4%201.8%208.4A3.8%203.8%200%200%201%208%203.5a3.8%203.8%200%200%201%206.2%204.9Z%22%20fill%3D%22%23ffd23d%22%20stroke%3D%22%233a2a05%22%20stroke-width%3D%221.3%22/%3E%3Cpath%20d%3D%22M4.2%205.2a1.6%201.6%200%200%201%202%20.2%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.7%29%22%20stroke-width%3D%221.1%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E")}.ht.gold.h{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20x2%3D%221%22%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23ffd23d%22/%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22rgba%280%2C0%2C0%2C.35%29%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d%3D%22M8%2014.4%201.8%208.4A3.8%203.8%200%200%201%208%203.5a3.8%203.8%200%200%201%206.2%204.9Z%22%20fill%3D%22url%28%23g%29%22%20stroke%3D%22%233a2a05%22%20stroke-width%3D%221.3%22/%3E%3Cpath%20d%3D%22M4.2%205.2a1.6%201.6%200%200%201%202%20.2%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.7%29%22%20stroke-width%3D%221.1%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E")}
.rlm-hotbar{display:flex;gap:6px;padding:6px;border-radius:16px;background:rgba(10,18,30,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}
.rlm-slot{position:relative;width:56px;height:56px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));display:grid;place-items:center;color:#fff;cursor:pointer;padding:0}
.rlm-slot b{position:absolute;right:5px;bottom:3px;font-size:13px;font-weight:800;text-shadow:0 1px 2px #000;font-variant-numeric:tabular-nums}.rlm-slot kbd{position:absolute;left:3px;top:3px;padding:2px 4px;font-size:8.5px;border-bottom-width:1px;opacity:.85}
.rlm-slot.none{opacity:.38}
.rlm-prompt{position:absolute;left:50%;bottom:calc(128px + env(safe-area-inset-bottom));transform:translate(-50%,8px);opacity:0;transition:.2s;pointer-events:none;display:flex;align-items:center;gap:9px;padding:8px 14px;border-radius:99px;background:rgba(10,18,30,.78);font-size:13px;font-weight:650;white-space:nowrap}.rlm-prompt.on{opacity:1;transform:translate(-50%,0)}
.rlm-prompt kbd{padding:4px 7px;font-size:11px}.rlm-pbar{width:110px;height:6px;border-radius:3px;background:rgba(255,255,255,.18);overflow:hidden}.rlm-pbar i{display:block;height:100%;background:#7fe3ff}
.rlm-dead{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:radial-gradient(circle,rgba(60,0,15,.35),rgba(60,0,15,.75));opacity:0;pointer-events:none;transition:opacity .3s}.rlm-dead.on{opacity:1}
.rlm-dead b{font-size:clamp(26px,5vw,42px);font-weight:900;letter-spacing:-.02em;text-shadow:0 4px 20px rgba(0,0,0,.5)}.rlm-dead span{font-size:14px;color:#ffd6dc}
.rlm-stick{position:absolute;width:118px;height:118px;margin:-59px 0 0 -59px;border-radius:50%;background:rgba(10,18,30,.32);border:2px solid rgba(255,255,255,.25);opacity:0;pointer-events:none;transition:opacity .15s}.rlm-stick.on{opacity:1}
.rlm-stick i{position:absolute;left:50%;top:50%;width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:50%;background:rgba(255,255,255,.85);box-shadow:0 4px 14px rgba(0,0,0,.3)}
.rlm-game:not(.touch) .rlm-tbtns,.rlm-game:not(.touch) .rlm-stick{display:none}
.rlm-tbtns{position:absolute;right:calc(12px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,auto);grid-template-areas:"pearl eat use" "shd plc ." "shd atk atk";gap:9px;align-items:end;justify-items:center}
.rlm-tb{display:grid;place-items:center;align-content:center;gap:1px;border-radius:50%;border:2px solid rgba(255,255,255,.22);background:rgba(10,18,30,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;padding:0;touch-action:none;transition:transform .08s}
.rlm-tb small{font-size:9.5px;font-weight:700;opacity:.85}.rlm-tb.down{transform:scale(.9);background:rgba(40,60,90,.75)}
.rlm-tb.atk{grid-area:atk;width:86px;height:86px;background:rgba(160,30,50,.62)}.rlm-tb.plc{grid-area:plc;width:66px;height:66px;background:rgba(80,40,120,.62)}.rlm-tb.shd{grid-area:shd;width:62px;height:62px;align-self:center}
.rlm-tb.pearl{grid-area:pearl;width:52px;height:52px}.rlm-tb.eat{grid-area:eat;width:52px;height:52px}.rlm-tb.use{grid-area:use;width:52px;height:52px}.rlm-tb.use svg{width:20px;height:20px}
.rlm-tb.armed{border-color:#3fd6b6;box-shadow:0 0 0 4px rgba(63,214,182,.35)}.rlm-tb.hot{border-color:#ffd23d;animation:rlmHot 1s infinite}
@keyframes rlmHot{50%{box-shadow:0 0 0 6px rgba(255,210,61,.3)}}
.rlm-game.touch .rlm-bottom{left:calc(12px + env(safe-area-inset-left));top:calc(62px + env(safe-area-inset-top));bottom:auto;transform:none;align-items:flex-start;gap:6px}
.rlm-game.touch .rlm-hearts{justify-content:flex-start;max-width:200px}.rlm-game.touch .ht{width:14px;height:14px}
.rlm-game.touch .rlm-hotbar{padding:4px;gap:4px;border-radius:12px}.rlm-game.touch .rlm-slot{width:38px;height:38px;border-radius:9px}.rlm-game.touch .rlm-slot .itemart{width:24px!important;height:24px!important}.rlm-game.touch .rlm-slot b{font-size:11px;right:3px;bottom:1px}
.rlm-game.touch .rlm-mini{width:108px;height:108px;border-radius:13px}.rlm-game.touch .rlm-feed{top:calc(150px + env(safe-area-inset-top))}
.rlm-game.touch .rlm-prompt{bottom:auto;top:calc(150px + env(safe-area-inset-top))}
.rlm-game.touch .rlm-me .rlm-kd{display:none}.rlm-game.touch .rlm-zone{top:calc(150px + env(safe-area-inset-top))}.rlm-game.touch .rlm-prompt{top:calc(186px + env(safe-area-inset-top))}.rlm-game.touch .rlm-banner{top:calc(112px + env(safe-area-inset-top))}
@media (max-width:640px){.rlm-game:not(.touch) .rlm-slot{width:46px;height:46px}}
.rlm-menu{display:flex;flex-direction:column;gap:18px}.rlm-menu h4{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--mu)}
.rlm-mskins{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.rlm-mskin{padding:0;border-radius:12px;border:2px solid transparent;background:#e9f1f8;cursor:pointer;overflow:hidden}.rlm-mskin canvas{width:100%;display:block}.rlm-mskin.on{border-color:var(--acc)}
@media (max-width:520px){.rlm-mskins{grid-template-columns:repeat(4,1fr)}}
.rlm-mrow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.rlm-mrow .btn{display:inline-flex;align-items:center;gap:8px}.rlm-mrow .btn svg{width:16px;height:16px}.rlm-mrow .inp{flex:1;min-width:120px}
.rlm-mleave{align-self:flex-start;color:#ff8a98}
.rlm-map{display:flex;flex-direction:column;align-items:center;gap:12px}.rlm-bigmap{border-radius:14px;cursor:crosshair;image-rendering:pixelated;box-shadow:0 0 0 2px rgba(255,255,255,.12)}
.rlm-loot{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.rlm-lootc{display:flex;flex-direction:column;align-items:center;gap:4px}.rlm-lootc .coin{width:34px;height:34px}.rlm-lootc b{font-size:34px;font-weight:900;color:#ffd23d}.rlm-lootc small{color:var(--mu)}
.rlm-lootit{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.rlm-lootit span{display:flex;align-items:center;gap:6px;background:var(--p1);padding:8px 12px;border-radius:12px;font-weight:800}
.rlm-took{color:#7ee08a;font-weight:700;margin:0}
/* ================= SNOW BASES (premium) ================= */
.bsx .bsx-tabs button{display:inline-flex;align-items:center;gap:8px}.bsx .bsx-tabs button svg{width:16px;height:16px;opacity:.85}
.bsx-cta{display:inline-flex;align-items:center;gap:8px;text-decoration:none}.bsx-cta svg{width:17px;height:17px}
.bsx-hero{position:relative;height:330px;border-radius:20px;overflow:hidden;background:#0d1a26;margin-bottom:14px;box-shadow:0 14px 34px rgba(0,0,0,.3)}
.bsx-cv{position:absolute;inset:0;width:100%;height:100%;display:block}
.bsx-herotag{position:absolute;left:16px;top:16px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.bsx-herotag>b{font-size:20px;font-weight:800;letter-spacing:-.01em;background:rgba(10,18,30,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:8px 14px;border-radius:12px}
.bsx-chips{display:flex;gap:6px;flex-wrap:wrap}.bsx-chips span{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:99px;background:rgba(10,18,30,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:12px;font-weight:650}
.bsx-chips svg{width:14px;height:14px;opacity:.8}.bsx-chips .sh{background:rgba(40,120,200,.8)}
.bsx-heroloc{position:absolute;left:16px;right:16px;bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.bsx-heroloc small{display:inline-flex;align-items:center;gap:6px;background:rgba(10,18,30,.72);padding:7px 11px;border-radius:10px;font-size:12px;color:#d6e6f5}.bsx-heroloc small svg{width:14px;height:14px}
.bsx-away{display:flex;align-items:center;gap:14px;margin-bottom:14px;background:linear-gradient(135deg,rgba(60,90,160,.35),rgba(20,30,60,.2))}.bsx-away>div{flex:1;display:flex;flex-direction:column;gap:4px}
.bsx-awayi{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(120,160,255,.18);color:#bcd0ff}.bsx-awayi svg{width:22px;height:22px}
.bsx-row{display:grid;grid-template-columns:1fr 1.15fr 1.25fr;gap:12px;margin-bottom:6px}.bsx-row.two{grid-template-columns:1fr 1fr}
.bsx-row>.card{display:flex;flex-direction:column;gap:8px;padding:16px}.bsx-row>.card>small{color:var(--mu);font-size:12px;font-weight:600}
.bsx-big{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;gap:6px}
.bsx-facts{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important}
.bsx-stat{display:flex;flex-direction:column;gap:2px;background:var(--p1);border-radius:11px;padding:10px 12px}.bsx-stat small{font-size:11.5px;color:var(--mu)}.bsx-stat b{font-size:16px;font-weight:800}
.bsx-sech{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:20px 2px 10px;flex-wrap:wrap}.card .bsx-sech{margin:0 0 12px}.bsx-sech h3{margin:0;font-size:17px}.bsx-sech small{font-size:12.5px}
.bsx-spgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:12px}
.bsx-sp{display:flex;flex-direction:column;gap:6px;padding:14px;transition:transform .15s}.bsx-sp:hover{transform:translateY(-2px)}
.bsx-sp.own{box-shadow:inset 0 0 0 1px rgba(33,224,122,.4)}.bsx-sp b{font-size:15px}
.bsx-spart{position:relative;align-self:flex-start;margin-bottom:4px}.bsx-spart em{position:absolute;right:-10px;top:-8px;font-style:normal;font-weight:800;font-size:12px;padding:3px 7px;border-radius:99px}
.bsx-cage{display:grid;place-items:center;width:64px;height:64px;border-radius:14px;background:linear-gradient(160deg,#39424e,#20262f);box-shadow:inset 0 0 0 3px #11151b,inset 0 0 0 5px #4a5562,0 6px 14px rgba(0,0,0,.3);position:relative;overflow:hidden}
.bsx-cage::after{content:'';position:absolute;inset:5px;background:repeating-linear-gradient(90deg,transparent 0 13px,rgba(10,12,16,.75) 13px 15px),repeating-linear-gradient(0deg,transparent 0 13px,rgba(10,12,16,.75) 13px 15px);border-radius:10px;pointer-events:none}
.bsx-cage.sm{width:44px;height:44px;border-radius:11px}.bsx-cage.sm::after{background:repeating-linear-gradient(90deg,transparent 0 9px,rgba(10,12,16,.75) 9px 11px),repeating-linear-gradient(0deg,transparent 0 9px,rgba(10,12,16,.75) 9px 11px)}
.mobart svg{width:100%;height:100%;display:block;image-rendering:pixelated}
.bsx-spbuy{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px}.bsx-spbuy .amt{font-weight:800;display:inline-flex;align-items:center;gap:4px}
.bsx-spown{display:flex;gap:14px}.lnk{background:none;border:0;padding:0;color:var(--mu);font:600 12px Inter,system-ui,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.lnk:hover{color:#fff}
.bsx-ups{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.bsx-up{display:flex;flex-direction:column;gap:10px;padding:16px}.bsx-upi{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--p3)}.bsx-upi svg{width:21px;height:21px}
.bsx-upt{display:flex;flex-direction:column;gap:3px;flex:1}.bsx-upt b{font-size:15px}.bsx-upt em{font-style:normal;font-size:12.5px;font-weight:700;color:#8fd3ff}.bsx-upt small{font-size:12.5px;line-height:1.45}
.bsx-up .btn{display:inline-flex;align-items:center;justify-content:space-between;gap:10px}.bsx-price{display:inline-flex;align-items:center;gap:4px;font-weight:800}.bsx-price .coin{width:14px;height:14px}
.bsx-max{display:inline-flex;align-self:flex-start;padding:6px 10px;border-radius:9px;background:rgba(33,224,122,.14);color:var(--win);font-weight:800;font-size:12px}
.bsx-log{margin-top:16px;display:flex;flex-direction:column;gap:2px}.bsx-log h3{margin:0 0 8px}
.bsx-logrow{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:9px 0;border-top:1px solid var(--ln)}.bsx-logrow>div{display:flex;flex-direction:column;gap:2px}
.bsx-logi{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--p3)}.bsx-logi svg{width:16px;height:16px}.bsx-logrow.def .bsx-logi{background:rgba(255,80,100,.16);color:#ff8a98}.bsx-logrow.atk .bsx-logi{background:rgba(33,224,122,.14);color:var(--win)}
.bsx-rank{gap:12px!important}.bsx-rankhd{display:flex;align-items:center;gap:12px}.bsx-rankhd>div{display:flex;flex-direction:column;gap:2px}.bsx-rankhd b{font-size:17px}.bsx-rank .pvtier{font-size:15px;padding:7px 11px}.bsx-rank .bsx-cta{align-self:flex-start}
.bsx-gear{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.bsx-gearc{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px}.bsx-gearc.on{box-shadow:inset 0 0 0 2px var(--win)}
.bsx-gsw{width:46px;height:46px;border-radius:13px;background:linear-gradient(150deg,var(--ga),var(--gb));box-shadow:inset 0 2px 0 rgba(255,255,255,.35),inset 0 -3px 0 rgba(0,0,0,.25),0 6px 14px rgba(0,0,0,.3);margin-bottom:4px}
.bsx-items{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.bsx-item{display:flex;flex-direction:column;gap:6px;padding:14px}.bsx-item b{font-size:14.5px}.bsx-item>small{font-size:12px;line-height:1.4;min-height:34px}
.bsx-itemart{position:relative;align-self:flex-start;width:58px;height:58px;border-radius:14px;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,var(--p4),var(--p1))}.bsx-itemart em{position:absolute;right:-12px;bottom:-6px;font-style:normal;font-weight:800;font-size:12px;background:var(--p4);padding:3px 7px;border-radius:99px}
.bsx-itembuy{display:flex;gap:5px;flex-wrap:wrap;align-items:center;margin-top:auto}.bsx-itembuy .btn{min-width:42px}.bsx-itembuy .bsx-price{font-weight:600;font-size:11.5px;width:100%}
.bsx-kits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.bsx-kit{display:flex;flex-direction:column;gap:12px;padding:16px}.bsx-kit>b{font-size:16px}.bsx-kit.k-max{background:linear-gradient(150deg,rgba(150,70,220,.28),var(--p2))}.bsx-kit.k-std{background:linear-gradient(150deg,rgba(60,140,230,.22),var(--p2))}
.bsx-kitit{display:flex;gap:8px;flex-wrap:wrap}.bsx-kitit span{display:inline-flex;align-items:center;gap:4px;font-weight:800;font-size:13px;background:var(--p1);padding:5px 9px 5px 6px;border-radius:9px}
.bsx-kit .btn{display:inline-flex;align-items:center;justify-content:space-between;gap:10px}
.bsx-mk{display:flex;flex-direction:column}.bsx-mkrow{display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;align-items:center;padding:10px 0;border-top:1px solid var(--ln)}.bsx-mkrow>div{display:flex;flex-direction:column;gap:2px}
.bsx-mkp{align-items:flex-end}.bsx-mkp .amt{font-weight:800;display:inline-flex;gap:4px;align-items:center}
.bsx-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 0}.bsx-empty svg{width:34px;height:34px;opacity:.4}
.bsx-lb{display:flex;flex-direction:column}.bsx-lbrow{display:grid;grid-template-columns:28px 1fr auto;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:9px 0;border-top:1px solid var(--ln)}
.bsx-lbrow>small{grid-column:2/4}.bsx-lbrow .amt{display:inline-flex;align-items:center;gap:4px;font-weight:800}
.bsx-rk{grid-row:1/3;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:13px;background:var(--p3)}.bsx-rk.r1{background:linear-gradient(145deg,#ffd76a,#d8a326);color:#3a2500}.bsx-rk.r2{background:linear-gradient(145deg,#e6edf5,#9eabba);color:#1d2733}.bsx-rk.r3{background:linear-gradient(145deg,#f0b27a,#b8733a);color:#3a1d05}
@media (max-width:1000px){.bsx-row{grid-template-columns:1fr 1fr}.bsx-row .bsx-facts{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.bsx-items{grid-template-columns:repeat(3,1fr)}.bsx-gear{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.bsx-hero{height:300px}.bsx-row,.bsx-row.two,.bsx-ups,.bsx-kits{grid-template-columns:1fr}.bsx-row .bsx-facts{grid-template-columns:1fr 1fr}.bsx-items{grid-template-columns:1fr 1fr}.bsx-spgrid{grid-template-columns:1fr 1fr;gap:9px}.bsx-sp{padding:12px}.bsx-cage{width:54px;height:54px}
  .bsx-mkrow{grid-template-columns:auto 1fr auto;row-gap:8px}.bsx-mkrow>.btn{grid-column:1/-1}.bsx-herotag>b{font-size:17px}.bsx-spbuy{flex-direction:column;align-items:flex-start}}
.itemart,.mobart{display:inline-block;flex:none;vertical-align:middle}
.bsx .btn{width:auto;margin-top:0}.bsx .bsx-spbuy .bsbtns{flex-wrap:nowrap}.bsx .bsx-spbuy .bsbtns .btn{flex:0 0 auto;padding:8px 13px}
.bsx-itembuy .btn{flex:1;padding:8px 6px}.bsx-up .btn,.bsx-kit .btn{width:100%}.bsx-bank .bsbtns .btn,.bsx-store>.btn{flex:1}.bsx-store>.btn{width:100%}
.bsx-spart em{z-index:2;background:#3fd37f!important;color:#06200f!important;box-shadow:0 2px 6px rgba(0,0,0,.35)}
.rlm .btn{width:auto;margin-top:0}
.cychead b{display:inline-flex;align-items:center;gap:8px}.cychead b svg{width:17px;height:17px;color:#ffd23d}
.cycmd{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:6px;font:800 11px/1 Inter,system-ui,sans-serif;font-style:normal;background:var(--p4);color:#fff;margin-right:8px;vertical-align:-4px}
.cycmd.m1{background:linear-gradient(145deg,#ffd76a,#d8a326);color:#3a2500}.cycmd.m2{background:linear-gradient(145deg,#e6edf5,#9eabba);color:#1d2733}.cycmd.m3{background:linear-gradient(145deg,#f0b27a,#b8733a);color:#3a1d05}
.cycprize .cycmd{width:26px;height:26px;font-size:13px;margin:0}
/* ================= NEW UPDATE page ================= */
.wnhero2{position:relative;height:300px;border-radius:20px;overflow:hidden;background:#0d1a26;isolation:isolate;margin-bottom:16px}
.wnhero2 .wnscene{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.wnhtxt{height:100%;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:26px 32px;max-width:540px;align-items:flex-start}
.wnhtxt small{font:700 11px/1 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#bfe3ff;background:rgba(120,190,255,.14);border:1px solid rgba(160,210,255,.25);padding:7px 11px;border-radius:99px}
.wnhtxt h2{margin:0;font:800 clamp(30px,4.6vw,48px)/1.04 Inter,system-ui,sans-serif;letter-spacing:-.025em}.wnhtxt p{margin:0;color:#d6e6f5;font-size:15px;line-height:1.55}
.wnhtxt .btn{width:auto;display:inline-flex;align-items:center;gap:8px;margin-top:4px}.wnhtxt .btn svg{width:17px;height:17px}
.wnfeat{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.wnf{display:flex;flex-direction:column;background:var(--p2);border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.04);transition:transform .15s,box-shadow .15s}.wnf:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.3)}
.wnf.big{grid-column:span 2}.wnf.big .wnart{height:200px}
.wnart{height:130px;display:flex;align-items:center;justify-content:center;gap:12px;background:radial-gradient(circle at 50% 120%,var(--p4),var(--p1));position:relative;overflow:hidden}
.wnart .wnscene{position:absolute;inset:0;width:100%;height:100%}
.wnart.a-crystal{background:radial-gradient(circle at 50% 110%,#7a2d8f,#1c1030)}.wnart.a-raid{background:radial-gradient(circle at 50% 110%,#7a5326,#1f160b)}.wnart.a-loot{background:radial-gradient(circle at 50% 110%,#6b5a1a,#1c1708)}
.wnart.a-skins{background:linear-gradient(160deg,#e9f1f8,#c9dcec)}.wnart.a-base{background:radial-gradient(circle at 50% 110%,#3b4b5e,#121a24)}.wnart.a-brawl{background:radial-gradient(circle at 50% 110%,#8a3a1d,#200e08)}
.wnart.a-tiers{background:radial-gradient(circle at 50% 110%,#2c4f7a,#0e1a2a)}.wnart.a-poker{background:radial-gradient(circle at 50% 110%,#1f6b45,#0a2416)}.wnart.a-ranks{background:radial-gradient(circle at 50% 110%,#4a3a8a,#120e26)}.wnart.a-fox{background:radial-gradient(circle at 50% 110%,#2b6cb0,#0d1a2b)}
.wnart .itemart{filter:drop-shadow(0 6px 10px rgba(0,0,0,.4))}.wnart .pvtier{font-size:15px;padding:7px 11px}
.wnvs{font:900 22px/1 Inter,system-ui,sans-serif;color:#ffd23d;text-shadow:0 3px 12px rgba(0,0,0,.5)}
.wnchip{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font:800 13px/1 Inter,system-ui,sans-serif;color:#fff;box-shadow:inset 0 0 0 5px rgba(255,255,255,.85),inset 0 0 0 7px rgba(0,0,0,.15),0 8px 16px rgba(0,0,0,.35)}
.wnchip.c1{background:#2b6cb0}.wnchip.c2{background:#9a2c4b}.wnchip.c3{background:linear-gradient(145deg,#ffd76a,#c08a12);color:#3a2500}
.wngem{width:34px;height:34px;transform:rotate(45deg);border-radius:8px;background:linear-gradient(135deg,var(--a),var(--b));box-shadow:0 6px 14px rgba(0,0,0,.4),inset 0 0 0 2px rgba(255,255,255,.35)}
.wnbubble{background:#fff;color:#0d1420;font-weight:700;font-size:14px;padding:12px 16px;border-radius:16px 16px 16px 4px;box-shadow:0 8px 20px rgba(0,0,0,.3);max-width:80%}
.wnft{display:flex;flex-direction:column;gap:8px;padding:16px;flex:1}.wnft b{font-size:16px}.wnft p{margin:0;color:var(--mu);font-size:13.5px;line-height:1.5;flex:1}
.wnft .btn{width:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;margin-top:4px}.wnarrow{width:14px;height:14px;transform:rotate(90deg)}
.wnh{margin:30px 0 6px;font-size:22px}
.wnold{margin-top:22px;background:var(--p2);border-radius:16px;padding:14px 18px}.wnold summary{cursor:pointer;font-weight:800;color:var(--mu)}
.wnfeat.compact{grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.wnfeat.compact .wnart{height:86px}.wnfeat.compact .wnft{padding:12px}.wnfeat.compact .wnft p{font-size:12.5px}
.wn .wnhero2{height:230px;margin-bottom:0}
@media (max-width:900px){.wnfeat{grid-template-columns:1fr 1fr}.wnf.big{grid-column:1/-1}.wnfeat.compact{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.wnfeat,.wnfeat.compact{grid-template-columns:1fr}.wnhero2{height:340px}.wnhtxt{justify-content:flex-end;padding:20px}.wnfeat.compact .wnf:nth-child(n+4){display:none}}
.fdic{display:grid;place-items:center}.fdic svg{width:16px;height:16px}
.rwic svg{width:24px;height:24px}.rwh3{display:flex;align-items:center;gap:8px}.rwh3 svg{width:18px;height:18px;opacity:.85}.rwhi svg{width:15px;height:15px;opacity:.8}
body.rlm-lock .scrim{z-index:310}body.rlm-lock .toasts{z-index:320}
.bdpanel{z-index:48}
body.drawer .bdpanel{display:none}
.rlm-vig,.rlm-flash{position:absolute;inset:0;pointer-events:none}
.rlm-vig{background:radial-gradient(ellipse at center,rgba(10,25,45,0) 45%,rgba(10,25,45,.38) 100%)}
.rlm-flash{background:radial-gradient(ellipse at center,rgba(255,40,60,0) 35%,rgba(255,40,60,.55) 100%);opacity:0;will-change:opacity}
.rlm-ban{position:absolute;left:50%;top:32%;transform:translate(-50%,-50%) scale(.8);opacity:0;pointer-events:none;font:900 clamp(22px,4vw,34px)/1 Inter,system-ui,sans-serif;color:#fff;text-shadow:0 4px 18px rgba(0,0,0,.55),0 0 2px #000;letter-spacing:-.01em;white-space:nowrap}
.rlm-ban.on{animation:rlmBan 1.8s ease-out forwards}@keyframes rlmBan{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}20%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,-60%) scale(1)}}

/* game menus sit low so the bright scene and title show above them */
.fsmenu{justify-content:flex-end;background:linear-gradient(180deg,rgba(7,18,38,0) 40%,rgba(7,18,38,.55) 100%)!important;backdrop-filter:none!important;padding:12px}
.fscard{display:flex;flex-direction:column;gap:10px;max-height:66%;overflow:auto;padding:14px;border-radius:18px;background:rgba(8,20,44,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 -6px 30px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.07)}
.fscard>*{flex:none}
/* realm: scoreboard, chat, player list, welcome */
.rlm-on{cursor:pointer;color:inherit;font:inherit}
.rlm-board{width:156px;margin-top:4px;padding:10px 12px 9px;border-radius:14px;background:rgba(10,18,30,.66);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:4px;font-size:12px}
.rlm-board>div{display:flex;justify-content:space-between;gap:8px}.rlm-board span{color:#a9bdd2}.rlm-board b{font-variant-numeric:tabular-nums}.rlm-board .gold b{color:#ffd23d}
.rlm-bh{justify-content:center!important;align-items:center;gap:6px!important;font:900 11px/1 Inter,system-ui,sans-serif;letter-spacing:.14em;color:#bfe3ff;padding-bottom:6px;margin-bottom:2px;border-bottom:1px solid rgba(255,255,255,.1)}.rlm-bh svg{width:14px;height:14px}
.rlm-board small{font-size:10px;color:#7f93a8;text-align:center;margin-top:3px}
.rlm-chat{position:absolute;left:calc(14px + env(safe-area-inset-left));bottom:calc(150px + env(safe-area-inset-bottom));width:min(380px,60vw);display:flex;flex-direction:column;gap:3px;pointer-events:none}
.rlm-cl{align-self:flex-start;max-width:100%;padding:5px 10px;border-radius:9px;background:rgba(10,18,30,.62);font-size:12.5px;line-height:1.35;transition:opacity .6s;animation:rlmIn .2s ease-out;overflow-wrap:anywhere}
.rlm-cl b{color:#8fd3ff;margin-right:6px}.rlm-cl b.dev{color:#ffd23d}.rlm-cl.me b{color:#7ee08a}.rlm-cl.old{opacity:0}.rlm-chat.open .rlm-cl.old{opacity:.85}
.rlm-chatin{position:absolute;left:calc(14px + env(safe-area-inset-left));bottom:calc(112px + env(safe-area-inset-bottom));width:min(380px,calc(100vw - 28px));height:40px;padding:0 14px;border-radius:12px;border:1px solid rgba(143,211,255,.5);background:rgba(10,18,30,.88);color:#fff;font:600 14px Inter,system-ui,sans-serif;outline:none;box-shadow:0 0 0 4px rgba(57,198,255,.18)}
.rlm-roster{position:absolute;left:50%;top:calc(70px + env(safe-area-inset-top));transform:translateX(-50%);width:min(460px,calc(100vw - 24px));max-height:70vh;overflow:auto;border-radius:16px;background:rgba(10,18,30,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 40px rgba(0,0,0,.45);padding:12px 14px}
.rlm-rh{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.rlm-rh b{font-size:15px;letter-spacing:.02em}.rlm-rh span{font-size:12px;color:#a9bdd2}
.rlm-rr{display:grid;grid-template-columns:26px 1fr 54px 54px;align-items:center;gap:8px;padding:5px 2px;font-size:13px;border-bottom:1px solid rgba(255,255,255,.05)}.rlm-rr>span:nth-child(n+3){text-align:right;font-variant-numeric:tabular-nums}
.rlm-rr.head{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:#7f93a8}.rlm-rr.me{background:rgba(57,198,255,.1);border-radius:8px}
.rlm-rn{display:flex;align-items:center;gap:8px;min-width:0}.rlm-rn canvas{width:26px;height:26px;border-radius:8px;background:#e9f1f8;flex:none}.rlm-rn b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rlm-rn em{font-style:normal;font-size:9.5px;font-weight:900;background:var(--tc);color:#0d1420;padding:2px 5px;border-radius:5px}
.rlm-title{position:absolute;left:50%;top:26%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;opacity:0;text-shadow:0 4px 22px rgba(0,0,0,.5)}
.rlm-title small{font:700 12px/1 Inter,system-ui,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:#d6ecff}.rlm-title b{font:900 clamp(34px,7vw,64px)/1 Inter,system-ui,sans-serif;letter-spacing:.06em;background:linear-gradient(180deg,#fff,#a8dcff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 14px rgba(0,30,70,.45))}
.rlm-title span{font-size:13px;font-weight:700;color:#e6f3ff}.rlm-title.on{animation:rlmTitle 3.2s ease-out forwards}
@keyframes rlmTitle{0%{opacity:0;transform:translate(-50%,-40%) scale(.92)}14%{opacity:1;transform:translate(-50%,-50%) scale(1)}78%{opacity:1}100%{opacity:0;transform:translate(-50%,-56%)}}
.rlm-chatbtn svg{width:18px;height:18px}
.rlm-game:not(.touch) .rlm-chatbtn{display:none}
.rlm-game.touch .rlm-board{display:none}.rlm-game.touch .rlm-chat{bottom:auto;top:calc(222px + env(safe-area-inset-top));width:min(300px,64vw)}.rlm-game.touch .rlm-chatin{bottom:auto;top:calc(172px + env(safe-area-inset-top))}
.rlm-game:not(.touch) .rlm-kd{display:none}

.rlm-game.touch .rlm-tierchip{display:none!important}.rlm-game.touch .rlm-on span{display:none}.rlm-on b{font-weight:800}

.rlm-srv{position:absolute;right:20px;bottom:20px;display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border-radius:16px;background:rgba(10,18,30,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 26px rgba(0,0,0,.3);min-width:290px}
.rlm-srvi{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#2b6cb0,#123257);box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}.rlm-srvi svg{width:26px;height:26px;color:#fff}
.rlm-srvt{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.rlm-srvt b{font-size:14px}.rlm-srvt span{font-size:11.5px;color:#a9bdd2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rlm-srvs{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:12px;color:#cfe0ef}.rlm-srvs b{color:#fff}
.rlm-ping{display:inline-flex;align-items:center;gap:6px}.rlm-ping small{font-size:11px;color:#a9bdd2;font-variant-numeric:tabular-nums}
.rlm-bars{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.rlm-bars i{width:3px;border-radius:1px;background:rgba(255,255,255,.2)}.rlm-bars i:nth-child(1){height:4px}.rlm-bars i:nth-child(2){height:6.5px}.rlm-bars i:nth-child(3){height:9px}.rlm-bars i:nth-child(4){height:12px}
.rlm-bars.l4 i{background:#4ee58a}.rlm-bars.l3 i:nth-child(-n+3){background:#4ee58a}.rlm-bars.l2 i:nth-child(-n+2){background:#ffc65a}.rlm-bars.l1 i:nth-child(1){background:#ff5a6a}
.rlm-srv:not(.up){opacity:.6}
@media (max-width:900px){.rlm-srv{position:static;margin:0 22px 22px;min-width:0}.rlm-hero{height:auto;min-height:380px;display:flex;flex-direction:column;justify-content:flex-end}.rlm-herotxt{height:auto}}
.rlm-srvt b{color:#fff}
/* ================= announcements ================= */
.annbar{position:fixed;left:50%;top:calc(70px + env(safe-area-inset-top));transform:translateX(-50%);z-index:120;width:min(720px,calc(100% - 24px));padding:0!important;background:none!important;box-shadow:none!important;border-radius:0;animation:annin .45s cubic-bezier(.2,1.25,.35,1)}
.annbar.out{opacity:0;transform:translate(-50%,-12px);transition:.3s}@keyframes annin{from{opacity:0;transform:translate(-50%,-18px) scale(.98)}}
.anncard{--ac:#39c6ff;position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;padding:14px 14px 14px 14px;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 16%,#0d1a2b) 0%,#0d1726 60%);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ac) 45%,transparent),0 18px 44px rgba(0,0,0,.5);color:#fff;text-align:left}
.annline{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--ac),transparent);background-size:200% 100%;animation:annshine 3.2s linear infinite}@keyframes annshine{from{background-position:200% 0}to{background-position:-200% 0}}
.anncard .annic{flex:none;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,var(--ac),color-mix(in srgb,var(--ac) 55%,#000));color:#0b1220;box-shadow:0 6px 18px color-mix(in srgb,var(--ac) 40%,transparent),inset 0 1px 0 rgba(255,255,255,.4)}.anncard .annic svg{width:22px;height:22px}
.anncard .anntx{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.anncard .anntx small{font-size:11px;color:#a9bdd2;letter-spacing:.02em}.anncard .anntx small b{color:var(--ac);text-transform:uppercase;letter-spacing:.1em;font-size:10.5px}
.anncard .anntx strong{font-size:16px;font-weight:800;letter-spacing:-.01em}.anncard .anntx p{margin:0;font-size:13.5px;font-weight:600;color:#e3eefa;line-height:1.45;overflow-wrap:anywhere}
.annact{display:flex;gap:8px;align-items:center;flex:none}.anngo{display:inline-flex!important;align-items:center;gap:4px;width:auto!important;margin:0!important;white-space:nowrap}.anngo svg{width:14px;height:14px;transform:rotate(-90deg)}
.annx{flex:none;align-self:flex-start;width:30px;height:30px;border-radius:9px;border:0;background:rgba(255,255,255,.08);color:#cfe0ef;display:grid;place-items:center;cursor:pointer}.annx:hover{background:rgba(255,255,255,.16)}.annx svg{width:14px;height:14px}
.annpop{position:fixed;inset:0;z-index:130;display:grid;place-items:center;padding:16px;animation:fade .2s}.annpop.out{opacity:0;transition:.3s}
.annscrim{position:absolute;inset:0;background:rgba(5,12,22,.72);backdrop-filter:blur(3px)}
.anncard.pop{position:relative;flex-direction:column;align-items:center;text-align:center;gap:12px;width:min(440px,100%);padding:28px 24px 22px;animation:popin .35s cubic-bezier(.2,1.25,.35,1)}
.anncard.pop .annic{width:64px;height:64px;border-radius:18px}.anncard.pop .annic svg{width:32px;height:32px}.anncard.pop .anntx{align-items:center}.anncard.pop .anntx strong{font-size:22px}.anncard.pop .anntx p{font-size:14.5px}
.anncard.pop .annact{flex-direction:column;align-self:stretch;gap:8px}.anncard.pop .anngo,.anncard.pop .annlater{width:100%!important;justify-content:center}
@media (max-width:640px){.annbar{top:calc(62px + env(safe-area-inset-top))}.anncard:not(.pop){flex-wrap:wrap;gap:10px 12px;padding:12px}.anncard:not(.pop) .annic{width:38px;height:38px}.anncard:not(.pop) .annact{order:3;width:100%;padding-left:50px}.anncard:not(.pop) .annx{position:absolute;right:10px;top:10px}.anncard:not(.pop) .anntx{padding-right:30px}}
.annform{gap:10px}.annkinds{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.annk{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 6px;border-radius:12px;border:1px solid var(--p3);background:var(--p2);color:#cfe0ef;font:700 12px Inter,system-ui,sans-serif;cursor:pointer}.annk svg{width:18px;height:18px}
.annk.k-news{--ac:#39c6ff}.annk.k-event{--ac:#ffcf3d}.annk.k-update{--ac:#a78bfa}.annk.k-alert{--ac:#ff6a7a}.annk svg{color:var(--ac)}.annk.on{border-color:var(--ac);background:color-mix(in srgb,var(--ac) 14%,var(--p2));color:#fff}
.annta{position:relative}.annta small{position:absolute;right:10px;bottom:8px}
.annseg{display:flex;gap:4px;background:var(--p2);padding:4px;border-radius:10px}.annseg button{flex:1;border:0;border-radius:7px;background:none;color:#a9bdd2;font:700 12.5px Inter,system-ui,sans-serif;padding:8px 6px;cursor:pointer}.annseg button.on{background:var(--acc);color:var(--accd)}
.annprev{padding:14px;border-radius:14px;background:repeating-linear-gradient(45deg,#0b1522,#0b1522 10px,#0d1928 10px,#0d1928 20px)}.annprev .anncard.pop{margin:0 auto}
/* owner dashboard */
.adhealth{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.adg{display:flex;flex-direction:column;gap:5px;padding:12px;border-radius:12px;background:var(--p1)}.adg small{font-size:11.5px;color:var(--mu)}.adg b{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}.adg b i{font-style:normal;font-size:12px;color:var(--mu);margin-left:3px}
.adg em{font-style:normal;font-size:11px;color:var(--mu2)}.adgbar{height:6px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden}.adgbar i{display:block;height:100%;border-radius:3px;background:#4ee58a;transition:width .4s}
.adg.mid .adgbar i{background:#ffc65a}.adg.hot .adgbar i{background:#ff5a6a}.adg.hot b{color:#ff8a98}
.adcols.three{grid-template-columns:repeat(3,1fr)}
.adkv{display:flex;flex-direction:column}.adkv>div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--ln);font-size:13px}.adkv>div:first-child{border-top:0}.adkv span{color:var(--mu)}.adkv b{font-variant-numeric:tabular-nums}
.adtop{display:flex;flex-direction:column;gap:6px}.adtop>div{display:grid;grid-template-columns:110px 1fr 48px;align-items:center;gap:8px;font-size:12.5px}.adtop span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adtop i{height:8px;border-radius:4px;background:linear-gradient(90deg,var(--acc),var(--acc2));width:var(--w)}.adtop b{text-align:right;font-variant-numeric:tabular-nums}
.adh4{margin:14px 0 6px;font-size:13px;color:var(--mu)}.adbaks .btn{display:inline-flex;align-items:center;gap:6px}.addl{width:13px;height:13px;transform:rotate(180deg)}
.adfeat svg{width:14px;height:14px}
@media (max-width:900px){.adhealth{grid-template-columns:1fr 1fr}.adcols.three{grid-template-columns:1fr}}
/* get the app */
.inscard{position:fixed;right:18px;bottom:18px;z-index:85;display:flex;align-items:center;gap:12px;width:min(400px,calc(100vw - 24px));padding:12px;border-radius:18px;background:linear-gradient(135deg,#16314a,#0e1c2c);box-shadow:inset 0 0 0 1px rgba(57,198,255,.35),0 18px 40px rgba(0,0,0,.45);animation:annin .45s cubic-bezier(.2,1.25,.35,1);transition:.3s}
.inscard.out{opacity:0;transform:translateY(10px)}
.insicon{width:48px;height:48px;border-radius:12px;box-shadow:0 6px 16px rgba(0,0,0,.35);flex:none}.insicon.big{width:76px;height:76px;border-radius:18px}
.instx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.instx b{font-size:14.5px}.instx small{font-size:12px;color:var(--mu);line-height:1.35}
.insbtns{display:flex;flex-direction:column;gap:6px}.insbtns .btn{width:auto!important;margin:0!important;padding:7px 14px}
.insios{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:left}.insios ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;align-self:stretch}
.insios li{display:grid;grid-template-columns:24px 44px 1fr;align-items:center;gap:10px}.insn{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--p3);font-weight:800;font-size:12px}
.insico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--p2);color:#4aa8ff}.insico.txt{font-weight:800;font-size:13px;color:#4aa8ff}
.insios li b{display:block;font-size:14px}.insios li small{display:block;color:var(--mu);font-size:12.5px}
@media (max-width:640px){.inscard{left:12px;right:12px;width:auto;bottom:calc(72px + env(safe-area-inset-bottom))}}
/* quick sound panel */
.sndpanel{position:fixed;right:16px;top:calc(var(--topH) + 8px);z-index:95;width:min(320px,calc(100vw - 24px));padding:12px 14px 14px;border-radius:16px;background:rgba(16,30,44,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 18px 40px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:6px;animation:popin .2s}
.sndhd{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.sndhd b{font-size:15px}
.sndrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 0}.sndrow b{display:block;font-size:13.5px}.sndrow small{display:block;font-size:11.5px;color:var(--mu)}
.sndsw{flex:none;width:42px;height:24px;border-radius:12px;border:0;background:var(--p4);position:relative;cursor:pointer;transition:background .2s}.sndsw i{position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.sndsw.on{background:var(--acc)}.sndsw.on i{transform:translateX(18px)}
.sndsl{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--mu)}.sndsl input{width:100%;accent-color:var(--acc)}
.sndsep{height:1px;background:var(--ln);margin:6px 0}.sndlab{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--mu2);margin-top:6px}
.sndmore{margin-top:6px!important}
/* loading placeholders */
.skel{display:flex;flex-direction:column;gap:14px;animation:fade .25s}
.sk{display:block;border-radius:14px;background:linear-gradient(100deg,var(--p2) 30%,color-mix(in srgb,var(--p3) 80%,#fff 4%) 50%,var(--p2) 70%);background-size:220% 100%;animation:skshine 1.4s ease-in-out infinite}
@keyframes skshine{from{background-position:120% 0}to{background-position:-120% 0}}
.skel.page{padding:16px 0}.sk.ban{height:132px;border-radius:18px}.skgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.sk.card{height:150px}.sk.row{height:72px}
.skel.list{gap:8px}.skrow{display:grid;grid-template-columns:40px 1fr 70px;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--p1)}.skrow>div{display:flex;flex-direction:column;gap:6px}
.sk.dot{width:40px;height:40px;border-radius:50%}.sk.ln{height:10px;border-radius:5px}.sk.w60{width:60%}.sk.w35{width:35%}.sk.w40{width:40%}.sk.w30{width:30%}.sk.pill{height:22px;border-radius:11px}
.skel.game{display:grid;grid-template-columns:300px 1fr;gap:0;border-radius:14px;overflow:hidden;min-height:480px;background:var(--p1)}.skside{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--p2)}.sk.box{height:44px;border-radius:10px}.sk.btn{height:48px;border-radius:10px;margin-top:8px}
.sk.stage{border-radius:0;height:100%;min-height:480px;background-color:var(--p1)}
@media (max-width:900px){.skel.game{grid-template-columns:1fr}.sk.stage{min-height:300px;order:-1}}
@media (prefers-reduced-motion:reduce){.sk{animation:none}}
.bsx-bankbar{display:flex;align-items:center;gap:14px;padding:12px 16px;margin:14px 0 0}.bsx-bankbar>div{display:flex;flex-direction:column;gap:2px}.bsx-bankbar small{color:var(--mu);font-size:11.5px}.bsx-bankbar b{font-size:18px;font-weight:800;display:inline-flex;align-items:center;gap:5px}.bsx-bankbar p{flex:1;margin:0}.bsx-bankbar .btn{width:auto!important}
.bsx-why{margin:0;padding:10px 12px;border-radius:10px;background:rgba(255,198,90,.12);color:#ffd890;font-size:13px;font-weight:600}
.bsx-gear{grid-template-columns:repeat(3,1fr)!important}.bsx-gtop{display:flex;align-items:flex-start;justify-content:space-between;width:100%}
.bsx-spare{font-size:11.5px;font-weight:800;padding:5px 9px;border-radius:9px;background:rgba(57,198,255,.14);color:#8fd3ff}
.bsx-gbtns{display:flex;gap:6px;width:100%;margin-top:6px}.bsx-gbtns .btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px}.bsx-gnote{font-size:11px}
.bsx-off{display:block;margin:10px 2px 0}
@media (max-width:640px){.bsx-gear{grid-template-columns:1fr!important}.bsx-bankbar{flex-wrap:wrap}}
.rlm-hrow{display:flex;align-items:center;gap:8px}
.rlm-armor{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px 0 5px;border-radius:11px;background:rgba(10,18,30,.66);font:800 11px/1 Inter,system-ui,sans-serif;color:#fff;border:1px solid rgba(255,255,255,.12)}
.rlm-armor i{width:13px;height:13px;border-radius:4px;background:linear-gradient(150deg,var(--ga),rgba(0,0,0,.4))}.rlm-armor.none{color:#ff9aa6;border-color:rgba(255,90,110,.35)}.rlm-armor.none i{background:rgba(255,255,255,.15)}
.rlm-gear.sm{width:22px;height:22px}
.rlm-game.touch .rlm-hrow{gap:5px}.rlm-game.touch .rlm-armor{height:18px;font-size:10px}
.evprize{display:inline-flex;align-items:center;gap:5px}.evprize svg{width:14px;height:14px;color:#ffcf3d}.ogcrown .cycmd{width:24px;height:24px;font-size:12px;margin:0}.aliasic svg{width:16px;height:16px}
.rlm-slot.sel{border-color:#ffd23d;box-shadow:0 0 0 2px rgba(255,210,61,.35),inset 0 0 12px rgba(255,210,61,.15)}
.rlm-slot{width:52px;height:52px}.rlm-plcart{display:grid;place-items:center}
.rlm-game.touch .rlm-slot.s-sword,.rlm-game.touch .rlm-slot.s-totem{display:none}.rlm-game.touch .rlm-slot{width:36px;height:36px}
@media (max-width:700px){.rlm-game:not(.touch) .rlm-slot{width:42px;height:42px}}
.anngo svg{transform:none!important}
/* ---------- SnowTiers ---------- */
.stpage{display:flex;flex-direction:column;gap:14px}
.stchip{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px 0 6px;border-radius:999px;background:color-mix(in srgb,var(--tc) 16%,#0b1620);border:1px solid color-mix(in srgb,var(--tc) 55%,transparent);color:var(--tc);font-size:11.5px;line-height:1;white-space:nowrap;vertical-align:middle}
.stchip b{font-weight:900;letter-spacing:.3px}.stchip.hi{background:color-mix(in srgb,var(--tc) 26%,#0b1620);box-shadow:0 0 12px color-mix(in srgb,var(--tc) 30%,transparent)}.stchip.ret{opacity:.62;border-style:dashed}
.stchip:not(:has(.stico)){padding:0 8px}.stchip.big{height:30px;padding:0 12px 0 9px;font-size:14px;gap:6px}
.stico{display:inline-grid;flex:none}.stico svg{width:100%;height:100%;display:block}
.st-hero{position:relative;overflow:hidden;border-radius:18px;padding:26px 26px 20px;background:linear-gradient(125deg,#141c34 0%,#1b1838 40%,#2a1636 70%,#0f2a3a 100%);border:1px solid #ffffff14;display:flex;flex-direction:column;gap:20px;isolation:isolate}
.st-herobg{position:absolute;inset:0;z-index:-1;pointer-events:none}.st-herobg i{position:absolute;border-radius:50%;filter:blur(40px);opacity:.55}
.st-herobg .g1{width:300px;height:300px;right:-60px;top:-120px;background:#d65bd6}.st-herobg .g2{width:260px;height:260px;left:30%;bottom:-170px;background:#39c6ff;opacity:.35}.st-herobg .g3{width:200px;height:200px;left:-60px;top:-80px;background:#ffcf4a;opacity:.18}
.st-hero::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent,#000 40%,#000 60%,transparent)}
.st-brand{display:flex;gap:18px;align-items:center}.st-brand h1{margin:2px 0 6px;font-size:40px;font-weight:900;letter-spacing:-1px;line-height:1}
.st-brand h1 span{background:linear-gradient(90deg,#ff9be8,#9fd8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.st-brand p{margin:0;color:#c9d4e3;max-width:620px;font-weight:600}.st-kick{color:#ffb6ee;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;font-size:11px}
.st-logo{position:relative;flex:none;width:76px;height:76px;border-radius:20px;background:linear-gradient(145deg,#ffffff1f,#ffffff08);border:1px solid #ffffff26;box-shadow:0 10px 30px #0006,inset 0 1px 0 #ffffff30;display:grid;place-items:center}
.st-logo .stico{position:absolute;filter:drop-shadow(0 4px 6px #0008)}.st-logo .m-crystal{left:10px;top:12px}.st-logo .m-sword{right:9px;bottom:10px}
.st-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.st-stat{background:#0b142266;border:1px solid #ffffff14;border-radius:12px;padding:10px 14px;backdrop-filter:blur(6px)}.st-stat b{display:flex;align-items:center;gap:7px;font-size:22px;font-weight:900;font-variant-numeric:tabular-nums}.st-stat small{color:var(--mu);font-weight:700}
.st-stat.live b{color:#7dffb0}.st-dot{width:9px;height:9px;border-radius:50%;background:#2ee67e;box-shadow:0 0 0 0 #2ee67e88;animation:stpulse 1.6s infinite;display:inline-block;flex:none}@keyframes stpulse{70%{box-shadow:0 0 0 9px #2ee67e00}100%{box-shadow:0 0 0 0 #2ee67e00}}
.st-skel b,.st-skel small{color:transparent;background:linear-gradient(90deg,var(--p2),var(--p3),var(--p2));background-size:200% 100%;animation:stsh 1.2s linear infinite;border-radius:6px}@keyframes stsh{to{background-position:-200% 0}}
.st-bar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.st-barr{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.st-tabs{display:flex;gap:6px;background:var(--p1);padding:5px;border-radius:14px;border:1px solid var(--ln)}
.st-tab{display:flex;align-items:center;gap:8px;padding:9px 16px;border-radius:10px;color:var(--mu);font-weight:800;transition:background .15s,color .15s}.st-tab:hover{color:#fff;background:var(--p2)}
.st-tab em{font-style:normal;font-size:11px;background:var(--p3);color:var(--mu);padding:2px 7px;border-radius:999px}
.st-tab[aria-selected=true]{color:#fff;background:linear-gradient(180deg,var(--p3),var(--p2));box-shadow:inset 0 0 0 1px var(--tabc,#ffffff30),0 6px 16px #0005}.st-tab[aria-selected=true] em{background:var(--tabc,#fff);color:#0b1420}
.st-tab.t-overall{--tabc:#ffcf4a}.st-tab.t-crystal{--tabc:#ff8be2}.st-tab.t-sword{--tabc:#6fe0ff}
.st-sw{display:flex;align-items:center;gap:8px;background:var(--p1);border:1px solid var(--ln);border-radius:12px;padding:0 12px;height:42px;color:var(--mu)}.st-sw svg{width:16px;height:16px}.st-search{background:none;border:0;outline:0;width:180px;font-weight:700;color:#fff}
.st-tools{display:flex;gap:6px}.st-tools .btn{display:inline-flex;align-items:center;gap:6px;padding:9px 12px}.st-tools .btn svg{width:15px;height:15px}
.st-sub{margin:-4px 2px 0;font-size:13px}
.st-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:16px;align-items:start}
.st-main{min-width:0}.st-side{display:flex;flex-direction:column;gap:12px;min-width:0}
.st-main.editing .st-pl,.st-main.editing .st-tr:not(.st-th){outline:1px dashed #ffcf4a55;outline-offset:-1px}
/* tier columns */
.st-cols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.st-col{background:var(--p1);border-radius:14px;overflow:hidden;border:1px solid var(--ln);display:flex;flex-direction:column;min-width:0}
.st-col header{display:flex;align-items:center;gap:8px;padding:11px 12px;background:linear-gradient(180deg,color-mix(in srgb,var(--tc) 30%,var(--p2)),color-mix(in srgb,var(--tc) 8%,var(--p1)));border-bottom:2px solid color-mix(in srgb,var(--tc) 60%,transparent)}
.st-col header b{font-weight:900;color:#fff}.st-col header small{margin-left:auto;color:var(--mu);font-weight:800}
.st-tn{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-weight:900;font-size:13px;color:#14100a;background:linear-gradient(145deg,var(--tc),color-mix(in srgb,var(--tc) 60%,#000));box-shadow:0 2px 8px color-mix(in srgb,var(--tc) 45%,transparent)}
.st-col.t4 .st-tn,.st-col.t5 .st-tn{color:#0b1420}
.st-list{display:flex;flex-direction:column;gap:3px;padding:6px}
.st-pl{display:flex;align-items:center;gap:8px;padding:5px 7px;border-radius:9px;text-align:left;min-width:0;transition:background .12s,transform .12s}.st-pl:hover{background:var(--p2);transform:translateX(2px)}
.st-pl.me{background:color-mix(in srgb,var(--acc) 14%,transparent)}.st-pl.ret{opacity:.6}
.st-head{width:30px;height:30px;border-radius:8px;background:radial-gradient(circle at 50% 40%,#2f4a63,#16293a);flex:none;object-fit:cover;box-shadow:inset 0 0 0 1px #ffffff12}
.st-nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800;font-size:13.5px}
.st-r{font-style:normal;font-size:10px;font-weight:900;color:var(--mu);border:1px solid var(--p4);border-radius:5px;padding:0 4px}
.st-mk{display:inline-grid;width:18px;height:18px;color:var(--tc);flex:none}.st-mk svg{width:100%;height:100%}.st-mk.lo{opacity:.75}
.st-empty{color:var(--mu2);font-size:12.5px;text-align:center;padding:12px 4px;margin:0}.st-empty.sm{padding:6px 0;text-align:left}
.st-cols.st-skel .st-pl i{width:30px;height:30px;border-radius:8px;background:var(--p2)}.st-cols.st-skel .st-pl span{flex:1;height:12px;border-radius:6px;background:linear-gradient(90deg,var(--p2),var(--p3),var(--p2));background-size:200% 100%;animation:stsh 1.2s linear infinite}
.st-emptybox{background:var(--p1);border:1px dashed var(--p4);border-radius:14px;padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.st-emptybox b{font-size:17px}.st-emptybox p{margin:0}
/* overall */
.st-overall{display:flex;flex-direction:column;gap:14px}
.st-podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:12px;align-items:end}
.st-pod{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 10px 0;border-radius:16px;background:linear-gradient(180deg,var(--p2),var(--p1));border:1px solid var(--ln);overflow:hidden;transition:transform .15s}
.st-pod:hover{transform:translateY(-3px)}.st-pod b{font-size:16px;font-weight:900;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-pod small{font-weight:800}
.st-pod.p1{--pc:#ffd257;padding-top:24px;background:linear-gradient(180deg,#3a2f12,var(--p1) 70%);border-color:#ffd25766;box-shadow:0 10px 40px #ffd25722}.st-pod.p2{--pc:#dfe7f0}.st-pod.p3{--pc:#f3a86f}
.st-podh{width:60px;height:60px;border-radius:14px;background:radial-gradient(circle at 50% 40%,#36536e,#16293a);box-shadow:0 0 0 2px var(--pc),0 8px 20px #0007}.st-pod.p1 .st-podh{width:76px;height:76px}
.st-podr{position:absolute;top:10px;left:12px;font-weight:900;color:var(--pc);font-size:14px}
.st-podpts{color:var(--mu);font-weight:700;font-size:12px}.st-podpts b{color:#fff;font-size:18px;font-weight:900;margin-right:2px}
.st-podch{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;min-height:22px;margin:2px 0 10px}
.st-podbase{width:100%;font-style:normal;text-align:center;font-weight:900;font-size:28px;color:color-mix(in srgb,var(--pc) 75%,#000);background:linear-gradient(180deg,color-mix(in srgb,var(--pc) 22%,transparent),color-mix(in srgb,var(--pc) 8%,transparent));border-top:1px solid color-mix(in srgb,var(--pc) 40%,transparent);padding:6px 0}
.st-pod.p1 .st-podbase{padding:14px 0;font-size:34px}.st-pod.p2 .st-podbase{padding:9px 0}
.st-table{background:var(--p1);border:1px solid var(--ln);border-radius:14px;overflow:hidden}
.st-tr{display:grid;grid-template-columns:44px minmax(0,1.6fr) minmax(0,1fr) minmax(0,1.1fr) 92px 92px;gap:10px;align-items:center;padding:8px 14px;width:100%;text-align:left;border-top:1px solid var(--ln);transition:background .12s}
.st-tr:not(.st-th):hover{background:var(--p2)}.st-th{border-top:0;color:var(--mu2);font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;background:#0000001a}
.st-tr.me{background:color-mix(in srgb,var(--acc) 10%,transparent)}
.st-rk{font-weight:900;font-size:15px;color:var(--mu);text-align:center}.st-tr.r1 .st-rk{color:#ffd257}.st-tr.r2 .st-rk{color:#dfe7f0}.st-tr.r3 .st-rk{color:#f3a86f}
.st-who{display:flex;align-items:center;gap:10px;min-width:0}.st-who .st-head{width:34px;height:34px}.st-who b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-clan{font-style:normal;font-size:10.5px;font-weight:900;color:var(--mu);background:var(--p3);border-radius:5px;padding:1px 5px;margin-left:6px}
.st-title{font-weight:800;color:var(--c);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-pts{display:flex;align-items:center;gap:8px}.st-pts b{font-weight:900;min-width:28px;font-variant-numeric:tabular-nums}.st-pts>i{flex:1;height:6px;background:var(--p3);border-radius:4px;overflow:hidden}.st-pts>i>i{display:block;height:100%;background:linear-gradient(90deg,#d65bd6,#ffcf4a);border-radius:4px}
.st-cm{display:flex;align-items:center;gap:5px;justify-content:center}.st-th .st-cm em{font-style:normal}.st-none{color:var(--mu2)}
.st-note{margin:0 2px}
/* side cards */
.st-card{gap:10px!important}.st-card h3{margin:0;font-size:15px;display:flex;align-items:center;gap:8px}.st-ch{display:flex;align-items:center;justify-content:space-between;gap:8px}
.st-mecard{background:linear-gradient(160deg,#1f2a48,var(--p1) 60%)!important;border:1px solid #ffffff12}
.st-meh{display:flex;align-items:center;gap:12px}.st-meh .st-head{width:46px;height:46px;border-radius:12px}.st-meh b{display:block;font-size:16px}.st-meh small{font-weight:800}
.st-mytiers{display:grid;grid-template-columns:1fr 1fr;gap:8px}.st-my{display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:#0000002a;border-radius:12px;padding:10px;border:1px solid #ffffff0d}.st-my span{font-weight:800;color:var(--mu);font-size:12px}
.st-ready{border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px;background:linear-gradient(135deg,#1d4d38,#173a2d);border:1px solid #2ee67e55}.st-ready.wait{background:linear-gradient(135deg,#3b3216,#2a2412);border-color:#ffcf4a55}
.st-ready .btn{display:inline-flex;align-items:center;gap:6px;justify-content:center}.st-ready .btn svg{width:16px;height:16px}
.st-req{display:flex;flex-direction:column;gap:6px}.st-rq{display:flex;align-items:center;gap:10px;background:var(--p2);border-radius:11px;padding:8px 10px}.st-rqt{flex:1;min-width:0;display:flex;flex-direction:column}.st-rqt small{font-weight:700}
.st-rq .btn{padding:8px 14px}
.st-live{display:flex;flex-direction:column;gap:8px;background:var(--p2);border-radius:12px;padding:10px;border:1px solid var(--ln)}.st-live.live{border-color:#2ee67e44;box-shadow:inset 0 0 20px #2ee67e10}
.st-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.st-vsp{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}.st-vsp.r{justify-content:flex-end;flex-direction:column;align-items:flex-end;gap:0}
.st-vsp b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-score{display:flex;align-items:center;gap:6px;font-size:22px;font-weight:900;font-variant-numeric:tabular-nums}.st-score i{color:var(--mu2);font-style:normal}
.st-livem{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.st-on{font-style:normal;color:#7dffb0;font-weight:800}
.st-lact{display:flex;gap:6px;flex-wrap:wrap}.st-lact .btn{padding:7px 10px;font-size:12.5px}.st-card .btn.warn{background:#5a2330;color:#ffb3c0}
.st-qg{display:flex;flex-direction:column;gap:4px}.st-qh{display:flex;align-items:center;gap:6px;padding:2px 2px 4px;border-bottom:1px solid var(--ln)}.st-qh small{margin-left:auto}
.st-q{display:flex;align-items:center;gap:8px;padding:6px 4px;border-radius:9px}.st-q.me{background:color-mix(in srgb,var(--acc) 12%,transparent)}
.st-qn{width:22px;text-align:center;font-weight:900;color:var(--mu)}.st-q .st-head{width:28px;height:28px}.st-qt{flex:1;min-width:0;display:flex;flex-direction:column}.st-qt b{display:flex;align-items:center;gap:6px}.st-qt small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-qa{display:flex;gap:4px;align-items:center}.st-qa .btn{padding:6px 12px}.st-direct{align-self:flex-start;padding:8px 12px}
.st-hist{display:flex;flex-direction:column;gap:2px}.st-hi{display:flex;align-items:center;gap:9px;padding:6px 2px;border-bottom:1px solid #ffffff08}.st-hi .st-head{width:26px;height:26px;border-radius:7px}
.st-hit{flex:1;min-width:0;display:flex;flex-direction:column}.st-hit small{display:flex;align-items:center;gap:3px;flex-wrap:wrap}
.st-chg{display:flex;align-items:center;gap:4px}.st-chg i{font-style:normal;color:var(--mu2)}.st-chg em{font-style:normal;font-size:11px;color:var(--mu);font-weight:800}.st-chg.up i{color:#2ee67e}.st-chg.dn i{color:#ff6a7a}
.st-how summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.st-how summary::after{content:"+";font-weight:900;color:var(--mu)}.st-how[open] summary::after{content:"–"}
.st-steps{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;color:var(--mu)}.st-steps b{color:#fff}
.st-ptgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.st-ptgrid span{display:flex;flex-direction:column;align-items:center;gap:3px;background:var(--p2);border-radius:9px;padding:6px 2px}.st-ptgrid b{font-size:12px}
/* forms and modals */
.st-form{display:flex;flex-direction:column;gap:12px;min-width:min(420px,80vw)}.st-formh{display:flex;gap:12px;align-items:center}.st-formh p{margin:0;color:var(--mu)}
.st-rules{margin:0;padding-left:18px;color:var(--mu);display:flex;flex-direction:column;gap:5px;font-size:13px}
.st-pick{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.st-pk{padding:9px 0;border-radius:9px;background:var(--p2);border:1px solid var(--p3);font-weight:900;color:var(--tc,#fff);transition:background .12s}
.st-pk.keep{grid-column:1/-1;color:var(--mu)}.st-pk.cur{box-shadow:inset 0 0 0 1px var(--tc)}.st-pk.on{background:color-mix(in srgb,var(--tc,#39c6ff) 30%,var(--p2));border-color:var(--tc,#39c6ff);color:#fff}.st-pk.keep.on{background:var(--p3);border-color:var(--p4);color:#fff}
.st-finh{display:flex;align-items:center;gap:12px}.st-finh .st-head{width:48px;height:48px;border-radius:12px}.st-finh b{display:block;font-size:16px}
.st-seg{display:flex;gap:6px}.st-seg button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:10px;background:var(--p2);font-weight:800;border:1px solid var(--p3)}.st-seg button[aria-pressed=true]{border-color:var(--acc);background:color-mix(in srgb,var(--acc) 18%,var(--p2))}
.st-tog{display:flex;align-items:center;gap:8px;font-weight:800}.st-tog.sm{margin-left:auto;font-size:12px;color:var(--mu)}.st-opens{display:flex;flex-direction:column;gap:8px}.st-fl{display:flex;flex-direction:column;gap:5px}.st-fl small{color:var(--mu);font-weight:700}
.st-edm{display:flex;flex-direction:column;gap:8px;background:var(--p2);border-radius:12px;padding:10px}.st-edm .st-pk{background:var(--p1)}.st-edh{display:flex;align-items:center;gap:8px}
.st-prof{display:flex;flex-direction:column;gap:14px;min-width:min(440px,82vw)}.st-profh{display:flex;align-items:center;gap:16px}.st-profimg{width:84px;height:84px;border-radius:20px;background:radial-gradient(circle at 50% 40%,#36536e,#16293a);box-shadow:0 10px 26px #0008}
.st-profh b{display:flex;align-items:center;font-size:22px;font-weight:900}.st-profh small{display:block;font-weight:800;margin:2px 0 4px}
.st-profm{display:grid;grid-template-columns:1fr 1fr;gap:10px}.st-pm{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;border-radius:14px;background:linear-gradient(160deg,color-mix(in srgb,var(--tc,#3a5068) 18%,var(--p2)),var(--p2));border:1px solid color-mix(in srgb,var(--tc,#3a5068) 40%,transparent)}.st-pm>small:first-of-type{font-weight:800;color:var(--mu)}
.st-profa{display:flex;gap:8px}.st-profa .btn{display:inline-flex;align-items:center;gap:6px;width:auto}.st-profa .btn svg{width:16px;height:16px}
@media (max-width:1180px){.st-grid{grid-template-columns:1fr}.st-side{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start}}
@media (max-width:860px){.st-cols{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:thin}.st-col{flex:0 0 min(78%,300px);scroll-snap-align:start}
  .st-tr{grid-template-columns:30px minmax(0,1.5fr) minmax(0,1fr) 70px 70px;padding:8px 10px;gap:6px}.st-hide{display:none}.st-th .st-cm em{display:none}}
@media (max-width:640px){.st-hero{padding:18px 16px 16px;gap:14px}.st-brand{gap:12px}.st-logo{width:58px;height:58px;border-radius:16px}.st-logo .stico{width:26px!important;height:26px!important}.st-logo .m-crystal{left:7px;top:8px}.st-logo .m-sword{right:6px;bottom:7px}
  .st-brand h1{font-size:30px}.st-brand p{font-size:13px}.st-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.st-stat b{font-size:18px}.st-tabs{width:100%}.st-tab{flex:1;justify-content:center;padding:9px 8px}.st-tab em{display:none}
  .st-barr{width:100%}.st-sw{flex:1}.st-search{width:100%}.st-side{display:flex}.st-podium{gap:6px}.st-pod{padding:12px 4px 0}.st-pod b{font-size:13px}.st-podh{width:46px;height:46px}.st-pod.p1 .st-podh{width:58px;height:58px}.st-pod small{font-size:10.5px;text-align:center}
  .st-tr{grid-template-columns:26px minmax(0,1fr) 46px 64px 64px}.st-pts>i{display:none}.st-cm .stchip{padding:0 6px}.st-cm .stchip .stico{display:none}.st-form,.st-prof{min-width:0}.st-profm{grid-template-columns:1fr}}
/* realm: SnowTiers, durability, keybinds */
.rlm-tierchip{display:inline-flex;align-items:center}.rlm-tierchip .stchip{height:22px}.rlm-unr{font-size:11px;font-weight:800;color:#c9d4e3;background:#0d142099;border:1px solid #ffffff22;border-radius:999px;padding:3px 9px}
.rlm-armor .rlm-dur{display:inline-block;width:38px;height:5px;border-radius:3px;background:#0d1420aa;overflow:hidden;margin-left:4px;vertical-align:middle}.rlm-armor .rlm-dur i{display:block;height:100%;background:linear-gradient(90deg,#7fe3ea,#5fd38a);border-radius:3px;transition:width .25s}
.rlm-armor small{font-size:10.5px;font-weight:800;opacity:.85;margin-left:3px}.rlm-armor.low .rlm-dur i{background:#ff5a6a}.rlm-armor.low{animation:rlmlow 1s ease-in-out infinite}@keyframes rlmlow{50%{box-shadow:0 0 0 2px #ff5a6a88}}
.rlm-pops{display:none;font-size:11px;font-weight:900;color:#ffd23d;background:#2a2108cc;border:1px solid #ffd23d66;border-radius:999px;padding:2px 8px}.rlm-pops.on{display:inline-block}
.rlm-slot .rlm-scd{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.rlm-slot.cd .rlm-scd{background:conic-gradient(#0d1420c0 0 100%);animation:rlmcd .35s linear forwards}@keyframes rlmcd{to{opacity:0}}
.rlm-slot.wsel{box-shadow:inset 0 0 0 2px #7fe3ff,0 0 12px #39c6ff55}.rlm-hotbar.classic .rlm-slot.sel{box-shadow:inset 0 0 0 2px #ffd23d,0 0 14px #ffd23d55}
.rlm-game.so .rlm-slot:not(.s-sword):not(.s-totem){opacity:.28}.rlm-game.so .rlm-tb.plc,.rlm-game.so .rlm-tb.pearl,.rlm-game.so .rlm-tb.eat,.rlm-game.so .rlm-tb.shd{opacity:.25;pointer-events:none}
.rlm-test{position:absolute;left:50%;top:64px;transform:translate(-50%,-12px);opacity:0;pointer-events:none;display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:14px;background:linear-gradient(135deg,#231a3acc,#122434cc);border:1px solid #b98cff55;backdrop-filter:blur(8px);box-shadow:0 10px 30px #0007;transition:opacity .25s,transform .25s;z-index:6;white-space:nowrap;color:#fff}
.rlm-test.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}.rlm-test.wait{border-color:#ffd23d55}.rlm-test small{color:#b9c6d4;font-weight:700}.rlm-test .btn{padding:6px 12px}
.rlm-tsc{display:flex;align-items:center;gap:8px}.rlm-tsc em{font-style:normal;font-weight:800;color:#c9d4e3;max-width:110px;overflow:hidden;text-overflow:ellipsis}.rlm-tsc strong{font-size:18px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:1px}
.rlm-tsc.big{justify-content:center;gap:14px;padding:8px 0}.rlm-tsc.big strong{font-size:30px}
.rlm-cd{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);font:900 92px/1 Inter,system-ui,sans-serif;color:#fff;text-shadow:0 6px 30px #0009,0 0 40px #b98cff88;opacity:0;pointer-events:none;z-index:7}
.rlm-cd.on{opacity:1}.rlm-cd.pop{animation:rlmcdpop .9s cubic-bezier(.2,.8,.3,1)}.rlm-cd.go{color:#ffd23d;font-size:76px;text-shadow:0 6px 30px #0009,0 0 40px #ffd23d99}@keyframes rlmcdpop{0%{transform:translate(-50%,-50%) scale(1.8);opacity:0}25%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1}100%{opacity:.0;transform:translate(-50%,-50%) scale(.92)}}
.rlm-tflash{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 35%,#ffd23d55 75%,#3fbf6a66);z-index:5}.rlm-tflash.on{animation:rlmtf .9s ease-out}@keyframes rlmtf{12%{opacity:1}100%{opacity:0}}
.rlm-tpick{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.rlm-tpick button{padding:9px 0;border-radius:9px;background:var(--p2);border:1px solid var(--p3);font-weight:900;color:var(--tc,#fff)}.rlm-tpick button:first-child{grid-column:1/-1;color:var(--mu)}.rlm-tpick button.on{background:color-mix(in srgb,var(--tc,#39c6ff) 30%,var(--p2));border-color:var(--tc,#39c6ff);color:#fff}
.rlm-tmenu{display:flex;flex-direction:column;gap:12px;min-width:min(420px,80vw)}.rlm-tmenu h4{margin:4px 0 0}
.rlm-mtest{background:linear-gradient(135deg,#2a1d48,#16293a);border:1px solid #b98cff44;border-radius:12px;padding:12px}.rlm-mtest h4{display:flex;align-items:center;gap:6px}
.rlm-bmode,.rlm-modeseg{display:flex;gap:6px;margin:6px 0}.rlm-bmode button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px;border-radius:10px;background:var(--p2);border:1px solid var(--p3);font-weight:800}.rlm-bmode button.on,.rlm-modeseg button.on{border-color:var(--acc);background:color-mix(in srgb,var(--acc) 16%,var(--p2))}
.rlm-modeseg button{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:10px 12px;border-radius:12px;background:var(--p2);border:1px solid var(--p3)}.rlm-modeseg small{color:var(--mu);font-weight:600;font-size:12px}
.rlm-kbwrap{display:flex;flex-direction:column;gap:8px;min-width:min(460px,82vw)}.rlm-kbwrap h4{margin:6px 0 0}
.rlm-kb{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;max-height:46vh;overflow:auto;padding-right:4px}.rlm-kbr{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px solid var(--ln)}.rlm-kbr span{font-weight:700;font-size:13px;color:#d6e0ec}
.rlm-kbk{min-width:58px;padding:6px 10px;border-radius:8px;background:var(--p3);font-weight:900;box-shadow:inset 0 -2px 0 #0004;font-size:12.5px}.rlm-kbr.wait .rlm-kbk{background:var(--acc);color:var(--accd);animation:rlmlow 1s infinite}
.rlm-kbbtn{display:inline-flex!important;align-items:center;gap:5px;margin-left:10px;padding:5px 10px!important;font-size:12px;vertical-align:middle}.rlm-kbbtn svg{width:13px;height:13px}
.rlm-st{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:12px;background:linear-gradient(135deg,#2a1d48,#152536);border:1px solid #b98cff40;grid-column:1/-1;transition:filter .15s}.rlm-st:hover{filter:brightness(1.12)}
.rlm-sth{display:flex;align-items:center;gap:6px}.rlm-sth b{font-weight:900}.rlm-stc{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.rlm-stc small{color:#c9d4e3;font-weight:700}.rlm-stc svg{width:14px;height:14px;color:var(--mu)}
.rlm-gicon.g4{background:linear-gradient(135deg,#3a2458,#16354a);display:flex;gap:2px;align-items:center;justify-content:center}.rlm-stlink{align-self:flex-start;margin-top:auto}
.rlm-it.gear.low small{color:#ff8a9a}
@media (max-width:700px){.rlm-kb{grid-template-columns:1fr}.rlm-test{top:58px;font-size:12px;gap:7px;padding:6px 10px}.rlm-test small{display:none}.rlm-cd{font-size:72px}}
.bsx-st{background:linear-gradient(150deg,#251b40,var(--p1) 65%)!important;border:1px solid #b98cff30}.bsx-sthd{display:flex;align-items:center;gap:12px}.bsx-sthd b{display:block;font-size:17px;font-weight:900}
.bsx-stlogo{position:relative;width:48px;height:48px;border-radius:13px;background:#ffffff12;border:1px solid #ffffff22;flex:none}.bsx-stlogo .m-crystal{position:absolute;left:5px;top:6px}.bsx-stlogo .m-sword{position:absolute;right:5px;bottom:5px}
.bsx-stm{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bsx-stmc{display:flex;flex-direction:column;align-items:flex-start;gap:5px;background:#0000002a;border:1px solid #ffffff0f;border-radius:12px;padding:10px}.bsx-stmc small{font-weight:800;color:var(--mu)}
.bsx-strow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.bsx-strow .btn{width:auto}
.bsx-dur{display:flex;align-items:center;gap:8px}.bsx-dur>i{flex:1;height:6px;border-radius:3px;background:var(--p3);overflow:hidden}.bsx-dur>i>i{display:block;height:100%;background:linear-gradient(90deg,#7fe3ea,#5fd38a)}.bsx-dur small{font-weight:800;color:var(--mu);font-size:11.5px}.bsx-dur.low>i>i{background:#ff5a6a}.bsx-dur.low small{color:#ff8a9a}
.cycedbtn{display:inline-flex!important;align-items:center;gap:5px;margin-left:auto;padding:5px 10px!important;font-size:12px}.cycedbtn svg{width:13px;height:13px}.cychead{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cycprizes.many{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px}
.cycedit{display:flex;flex-direction:column;gap:6px;max-height:50vh;overflow:auto}.cycer{display:grid;grid-template-columns:30px 1fr 32px;gap:8px;align-items:center}.cycer.clan{grid-template-columns:auto 1fr}.cycer.clan span{display:flex;align-items:center;gap:6px;font-weight:800;color:var(--mu)}.cycer.clan svg{width:15px;height:15px}
.cycadd{align-self:flex-start}.cycform{min-width:min(380px,80vw)}
.adprzl{display:flex;flex-wrap:wrap;gap:6px}.adprzl span{display:flex;flex-direction:column;background:var(--p2);border-radius:9px;padding:6px 10px;min-width:70px}.adprzl small{color:var(--mu);font-weight:800}.adprzl .clan{background:var(--p3)}
.pfst{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:12px;background:linear-gradient(135deg,#2a1d48,#152536);border:1px solid #b98cff40}.pfsth{display:flex;align-items:center;gap:6px}.pfsth small{margin-left:4px}
.pfstc{display:flex;gap:8px}.pfstc>span{display:flex;align-items:center;gap:5px}.pfstc small{color:var(--mu);font-weight:800}
.wnst{display:flex;gap:6px}.wnkey{display:inline-grid;place-items:center;min-width:34px;height:34px;border-radius:8px;background:var(--p3);box-shadow:inset 0 -3px 0 #0005;font-weight:900;font-size:15px;margin:2px}
.st-form,.st-prof,.rlm-tmenu,.rlm-kbwrap,.cycform{min-width:0!important}
.st-rq .btn{flex:none;width:auto;display:inline-block;white-space:nowrap}.st-rqt{flex:1;min-width:0}.st-rq>.stico{flex:none}
.st-tools .btn{white-space:nowrap;width:auto}.st-qa .btn,.st-lact .btn,.st-direct{width:auto;white-space:nowrap}
.st-grid.cols{grid-template-columns:1fr}.st-grid.cols .st-side{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start}
@media (min-width:1760px){.st-grid.cols{grid-template-columns:minmax(0,1fr) 350px}.st-grid.cols .st-side{display:flex}}
.st-prof .st-chg .stchip{height:20px;font-size:10.5px}.st-profm .st-pm{min-width:0}
.rlm-mrow>.btn{width:auto;flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px}.rlm-mrow>.btn svg,.rlm-mrow>.btn .stico{width:16px;height:16px}
@media (max-width:640px){.st-side,.st-grid.cols .st-side{display:flex;align-items:stretch}.st-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.st-stat{padding:8px 8px}.st-stat b{font-size:17px}.st-stat small{font-size:10.5px;line-height:1.2;display:block}.st-brand p{font-size:12.5px;line-height:1.4}.st-brand{align-items:flex-start}}
@media (max-width:520px){.top .sndbtn{display:none}}
/* celebration pieces (core/burst.js) */
.burstfx .bp{position:absolute;display:block;will-change:transform,opacity;backface-visibility:visible;pointer-events:none}
.burstfx .bp.confetti{border-radius:1.5px}
.burstfx .bp.flake{border-radius:2px}.burstfx .bp.flake::before,.burstfx .bp.flake::after{content:"";position:absolute;inset:0;background:inherit;border-radius:inherit;transform:rotate(60deg)}.burstfx .bp.flake::after{transform:rotate(-60deg)}
.burstfx .bp.coin{border-radius:50%;background:radial-gradient(circle at 38% 34%,#fff6c8 0 12%,#ffd23d 22% 62%,#c98a00 66% 100%);box-shadow:inset 0 0 0 1.5px #b07a00}
.burstfx .bp.spark{border-radius:50%}
/* the welcome screen (features/reveal.js): only transform and opacity animate */
.wlc{position:fixed;inset:0;z-index:9600;overflow-y:auto;overflow-x:hidden;background:radial-gradient(120% 90% at 50% 20%,#123063 0%,#081226 55%,#030710 100%);color:#fff;animation:wlcin .35s ease-out both}
.wlc.out{animation:wlcout .4s ease-in forwards;pointer-events:none}@keyframes wlcin{from{opacity:0}}@keyframes wlcout{to{opacity:0;transform:scale(1.03)}}
.wlcbg{position:fixed;inset:0;pointer-events:none;overflow:hidden}.wlcbg i{position:absolute;width:60vmax;height:60vmax;border-radius:50%;opacity:.5}
.wlcbg .g1{left:-18vmax;top:-26vmax;background:radial-gradient(closest-side,#1f8fff66,transparent)}.wlcbg .g2{right:-22vmax;top:-8vmax;background:radial-gradient(closest-side,#8c4bff55,transparent)}.wlcbg .g3{left:20vmax;bottom:-36vmax;background:radial-gradient(closest-side,#12c7a844,transparent)}
.wlcsnow{position:fixed;inset:0;pointer-events:none;overflow:hidden}.wlcsnow i{position:absolute;top:-10px;width:var(--s);height:var(--s);border-radius:50%;background:#fff;opacity:var(--o);animation:wlcfall var(--d) linear var(--w) infinite;will-change:transform}
@keyframes wlcfall{to{transform:translate3d(40px,110vh,0)}}
.wlcx{position:fixed;top:14px;right:14px;z-index:3;width:42px;height:42px;border-radius:12px;background:#ffffff14;color:#cfe8ff;display:grid;place-items:center;animation:wlcfade .4s .9s both}.wlcx svg{width:18px;height:18px}
.wlcmain{position:relative;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:64px 20px 40px;text-align:center;max-width:980px;margin:0 auto}
.wlclogo{position:relative;width:96px;height:96px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(145deg,#2aa9ff,#1460c8);box-shadow:0 18px 50px #1d6fd166,inset 0 1px 0 #ffffff55;animation:wlcpop .6s .1s cubic-bezier(.2,1.6,.4,1) both}
.wlclogo svg{width:58px;height:58px;color:#fff}.wlclogo .ring{position:absolute;inset:-14px;border-radius:36px;border:2px solid #7ad8ff88;animation:wlcring 1.1s .55s ease-out both}
@keyframes wlcpop{from{transform:scale(.2) rotate(-20deg);opacity:0}}@keyframes wlcring{from{transform:scale(.6);opacity:1}to{transform:scale(1.8);opacity:0}}
.wlckick{font-size:12px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:#7ad8ff;animation:wlcup .5s .45s both}
.wlct{margin:0;font-size:clamp(34px,6.2vw,64px);font-weight:900;letter-spacing:-.03em;line-height:1.02;animation:wlcup .55s .55s cubic-bezier(.2,1.3,.4,1) both}
.wlct b{background:linear-gradient(100deg,#7ad8ff,#fff 45%,#ffd23d);-webkit-background-clip:text;background-clip:text;color:transparent}
.wlcsub{margin:0;max-width:620px;color:#c9daee;font-size:clamp(14px,1.9vw,17px);line-height:1.5;animation:wlcup .5s .7s both}
.wlccards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(760px,100%);margin-top:6px}
.wlccard{display:flex;align-items:center;gap:12px;text-align:left;padding:14px;border-radius:16px;background:linear-gradient(180deg,#ffffff12,#ffffff06);box-shadow:inset 0 0 0 1px #ffffff1c;transition:transform .15s,background .15s;animation:wlcup .45s calc(.85s + var(--i) * .08s) both}
.wlccard:hover{transform:translateY(-2px);background:linear-gradient(180deg,#ffffff1c,#ffffff0a)}.wlccard>div{flex:1;min-width:0}.wlccard b{display:block;font-size:16px}.wlccard small{color:#a9bdd3;font-weight:600}.wlccard>svg{width:16px;height:16px;color:#7f97b2;flex:none}
.wlci{flex:none;width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:1px}.wlci svg{width:24px;height:24px;color:#fff}
.wlci.c1{background:linear-gradient(145deg,#2aa9ff,#1460c8)}.wlci.c2{background:linear-gradient(145deg,#3fc96a,#1c7a52)}.wlci.c3{background:linear-gradient(145deg,#5a2d8a,#1e3a5a)}.wlci.c4{background:linear-gradient(145deg,#ff8a3d,#d6406a)}
.wlcbtns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:8px;animation:wlcup .5s 1.2s both}.wlcbtns .btn{width:auto}.wlcgo{min-width:200px;padding:14px 28px!important;font-size:17px!important;box-shadow:0 10px 30px #39c6ff55}
.wlcfoot{display:flex;align-items:center;gap:8px;margin:6px 0 0;color:#8ea6c2;font-size:12.5px;animation:wlcfade .5s 1.35s both}.wlcfoot svg{width:15px;height:15px;flex:none}
@keyframes wlcup{from{opacity:0;transform:translateY(16px)}}@keyframes wlcfade{from{opacity:0}}
.wlc.calm,.wlc.calm *{animation:none!important}
@media (max-width:600px){.wlccards{grid-template-columns:1fr}.wlclogo{width:76px;height:76px;border-radius:22px}.wlclogo svg{width:46px;height:46px}.wlcmain{padding-top:56px;gap:12px}}
body>.wlc.wlccover:not(.out)~:not(.burstfx):not(.toasts):not(script):not(svg){visibility:hidden}
.pinne svg{width:19px;height:19px;color:#fff}.pinne.c1{background:linear-gradient(145deg,#5a2d8a,#1e3a5a)}.pinne.c2{background:linear-gradient(145deg,#3fc96a,#1c7a52)}.pinne.c3{background:linear-gradient(145deg,#ff8a3d,#d6406a)}
.pintries{display:flex;gap:6px;margin:-6px 0 -4px}.pintries i{width:6px;height:6px;border-radius:50%;background:#39c6ff;opacity:.55;transition:background .2s,opacity .2s}.pintries i.used{background:#ff5f7e;opacity:1}
.pintries:not(.on){visibility:hidden}
/* ---------- leaderboards ---------- */
.lbpage{display:flex;flex-direction:column;gap:14px}
.lbhero{position:relative;overflow:hidden;border-radius:18px;padding:22px 24px;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:linear-gradient(125deg,#13243f,#1a1c3a 55%,#2b2140);border:1px solid #ffffff14;isolation:isolate}
.lbhbg{position:absolute;inset:0;z-index:-1;pointer-events:none}.lbhbg i{position:absolute;border-radius:50%;filter:blur(40px)}.lbhbg .g1{width:280px;height:280px;right:-60px;top:-140px;background:#ffcf4a55}.lbhbg .g2{width:240px;height:240px;left:20%;bottom:-180px;background:#39c6ff44}
.lbht{display:flex;gap:16px;align-items:center;min-width:0;flex:1 1 420px}.lbht h1{margin:2px 0 4px;font-size:34px;font-weight:900;letter-spacing:-.6px}.lbht p{margin:0;color:#c9d4e3;max-width:600px}
.lbkick{color:#ffd76a;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;font-size:11px}
.lbhic{flex:none;width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#ffd257,#e8a92a);box-shadow:0 10px 30px #ffcf4a44,inset 0 1px 0 #fff8}.lbhic svg{width:32px;height:32px;color:#3a2600}
.lbhr{display:flex;gap:8px;align-items:center;flex:1 1 280px;justify-content:flex-end}.lbhr .lbfind{margin:0;flex:1;max-width:360px;background:#0b142299;border:1px solid #ffffff14}
.lbnav{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.lbnav::-webkit-scrollbar{display:none}
.lbtab{flex:none;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:var(--p1);border:1px solid var(--ln);color:var(--mu);text-align:left;transition:background .15s,color .15s,border-color .15s}
.lbtab svg{width:20px;height:20px;flex:none}.lbtab b{display:block;font-size:14px;color:#dfe8f2}.lbtab small{display:block;font-size:11px;font-weight:600}.lbtab:hover{background:var(--p2)}
.lbtab[aria-selected=true]{background:linear-gradient(180deg,var(--p3),var(--p2));border-color:#ffd25788;color:#ffd257;box-shadow:0 6px 18px #0006}.lbtab[aria-selected=true] b{color:#fff}
.lbgrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:start}.lbside{display:flex;flex-direction:column;gap:12px;min-width:0}.lbside .cycrow{display:flex;flex-direction:column;margin:0}
.lbmain{gap:12px!important}.lbbh{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lbbh h2{margin:0;font-size:20px}.lbbh .lbper{margin:0 0 0 auto}
.lbbic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--p3);color:#ffd257}.lbbic svg{width:20px;height:20px}
.lbpod{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:10px;align-items:end;margin:4px 0 2px}
.lbpc{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 8px 0;border-radius:16px;background:linear-gradient(180deg,var(--p2),var(--p1));border:1px solid var(--ln);overflow:hidden;min-width:0}
.lbpc .cname{font-size:15px;font-weight:900;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lbpc small{display:flex;align-items:center;gap:5px;color:var(--mu);font-weight:700;font-size:11.5px}
.lbpc.p1{--pc:#ffd257;padding-top:22px;background:linear-gradient(180deg,#3a2f12,var(--p1) 75%);border-color:#ffd25766;box-shadow:0 10px 34px #ffd25722}.lbpc.p2{--pc:#dfe7f0}.lbpc.p3{--pc:#f3a86f}.lbpc.me{box-shadow:inset 0 0 0 2px var(--acc)}
.lbpr{position:absolute;top:8px;left:10px}.lbpav .av,.lbpav img{width:54px!important;height:54px!important;font-size:22px;box-shadow:0 0 0 2px var(--pc),0 8px 18px #0007;border-radius:50%}.lbpc.p1 .lbpav .av,.lbpc.p1 .lbpav img{width:66px!important;height:66px!important}
.lbpv{font-size:16px;font-weight:900;margin:2px 0 10px}.lbpv.neg{color:var(--loss)}.lbpbase{display:block;width:100%;height:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--pc) 30%,transparent),transparent);border-top:2px solid color-mix(in srgb,var(--pc) 55%,transparent)}.lbpc.p1 .lbpbase{height:18px}
.lbr{position:relative}.lbv{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.lbbar{display:block;width:100%;max-width:120px;height:4px;border-radius:3px;background:var(--p3);overflow:hidden}.lbbar>i{display:block;height:100%;background:linear-gradient(90deg,#39c6ff,#ffd257);border-radius:3px}
.lbyou{font-style:normal;font-size:10.5px;font-weight:900;color:#04263a;background:var(--acc);border-radius:5px;padding:1px 6px;margin-left:4px}
.lbstand:empty{display:none}.lbme{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:linear-gradient(90deg,color-mix(in srgb,var(--acc) 18%,transparent),transparent);border:1px solid color-mix(in srgb,var(--acc) 40%,transparent)}
.lbmep{display:flex;flex-direction:column;align-items:center;min-width:52px}.lbmep small{color:var(--mu);font-weight:800;font-size:11px}.lbmep b{font-size:20px;font-weight:900}.lbmet{display:flex;flex-direction:column;gap:2px}.lbmet>b{font-size:16px}.lbmet small{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.lbmore{gap:6px!important}.lbmore>b{margin-bottom:4px}.lbml{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;transition:background .12s}.lbml:hover{background:var(--p2)}.lbml>span:nth-child(2){flex:1;min-width:0}.lbml b{display:block}.lbml small{display:block;color:var(--mu);font-size:12px}.lbml>svg{width:14px;height:14px;color:var(--mu2)}
.lbmli{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--p3);color:#9fd8ff}.lbmli svg{width:18px;height:18px}
@media (max-width:1100px){.lbgrid{grid-template-columns:1fr}.lbside{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}
@media (max-width:640px){.lbhero{padding:16px}.lbht h1{font-size:26px}.lbhic{width:50px;height:50px;border-radius:14px}.lbhic svg{width:26px;height:26px}.lbht p{font-size:13px}.lbhr{flex-basis:100%}.lbhr .lbfind{max-width:none}
  .lbtab small{display:none}.lbtab{padding:9px 12px}.lbpod{gap:6px}.lbpc .cname{font-size:13px}.lbpav .av,.lbpav img{width:42px!important;height:42px!important}.lbpc.p1 .lbpav .av,.lbpc.p1 .lbpav img{width:52px!important;height:52px!important}.lbpv{font-size:13px}.lbbh .lbper{margin:0;width:100%}.lbside{display:flex}}
.cycedbtn{width:auto!important}.lbcur .btn{width:auto}
@media (max-width:640px){.lbbh .lbper{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.lbbh .lbper button{flex:none}}
/* ---------- admin control center ---------- */
.adpage{display:flex;flex-direction:column;gap:14px}
.adhero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:20px 22px;border-radius:18px;background:linear-gradient(125deg,#10263d,#14304a 45%,#1b2042);border:1px solid #ffffff14}
.adhero::after{content:"";position:absolute;right:-80px;top:-120px;width:300px;height:300px;border-radius:50%;background:radial-gradient(closest-side,#39c6ff40,transparent);pointer-events:none}
.adht{display:flex;align-items:center;gap:14px;min-width:0}.adht h1{margin:2px 0 4px;font-size:28px;font-weight:900;letter-spacing:-.4px}.adht p{margin:0;color:#c9d4e3}
.adhic{flex:none;width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#39c6ff,#1460c8);box-shadow:0 10px 26px #39c6ff44}.adhic svg{width:28px;height:28px;color:#fff}
.adkick{color:#7ad8ff;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;font-size:11px}
.adhs{display:flex;gap:6px;flex-wrap:wrap;position:relative;z-index:1}.adpill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;padding:6px 11px;border-radius:999px;background:#0b142299;border:1px solid #ffffff1a;color:#d6e0ec}
.adpill i{width:8px;height:8px;border-radius:50%;background:currentColor}.adpill.good{color:#7cf29a;border-color:#7cf29a55}.adpill.bad{color:#ff8a9a;border-color:#ff4d5e88;background:#ff4d5e1a}
.adtabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;background:var(--p1);border:1px solid var(--ln);border-radius:14px;padding:5px;position:sticky;top:calc(var(--topH) + 6px);z-index:5}
.adtab{flex:none;display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:10px;color:var(--mu);font-weight:800;white-space:nowrap}.adtab svg{width:17px;height:17px}.adtab:hover{background:var(--p2);color:#fff}
.adtab[aria-selected=true]{background:linear-gradient(180deg,var(--p3),var(--p2));color:#fff;box-shadow:inset 0 0 0 1px #39c6ff55}.adtab em{font-style:normal;font-size:11px;background:#ff4d5e;color:#fff;border-radius:999px;padding:1px 7px}
.adstat{grid-template-columns:auto 1fr;align-items:center;gap:12px!important}.adstat>div{display:grid;gap:2px;min-width:0}
.adsi{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--p3);color:#9fd8ff}.adsi svg{width:20px;height:20px}.adstat.warn .adsi{color:#ffd23d}.adstat.good .adsi{color:#7cf29a}
.adsech{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}.adsech h3{margin:0}
.adpl{display:flex;flex-direction:column;gap:4px}.adplr{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;background:var(--p2);text-align:left}.adplr:hover{background:var(--p3)}.adplr b{flex:1}.adplr em{font-style:normal;font-size:11px;color:#ffd23d;font-weight:800}.adplr svg{width:14px;height:14px;color:var(--mu)}.adon{width:8px;height:8px;border-radius:50%;background:#2ee67e}
.adrowb{width:100%;text-align:left}.adrowb:hover{background:var(--p3)}
.adgbar2{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.adgbar2 .tin{flex:1;min-width:200px;max-width:320px}.adgbar2 .btn{width:auto}
.adst{display:flex;flex-direction:column;gap:10px}.adst .btn{align-self:flex-start;width:auto}
.adtools .adtool{transition:transform .12s,background .12s}.adtools .adtool:hover{transform:translateY(-2px)}
@media (max-width:640px){.adht h1{font-size:22px}.adhic{width:46px;height:46px}.adtab span{display:none}.adtab{padding:9px 12px}.adtab em{margin-left:-4px}}
.adstats{grid-template-columns:repeat(6,minmax(0,1fr))}@media (max-width:1400px){.adstats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.adstats{grid-template-columns:repeat(2,minmax(0,1fr))}.adstat{grid-template-columns:1fr}.adsi{display:none}}
.rlm-png{font-style:normal;font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;padding:3px 6px;border-radius:6px;margin-left:4px;background:rgba(255,255,255,.08)}
.rlm-png.l4{color:#4ee58a}.rlm-png.l3{color:#ffd23d}.rlm-png.l2{color:#ff9a3c}.rlm-png.l1{color:#ff5d6c}
.adpill.warn{color:#ffd27a;border-color:#ffb02088;background:#ffb0201a}
/* SnowTiers: rising marks, crown, HT1 shine, phone tier stack */
.st-chipw{display:inline-flex;align-items:center;gap:3px}
.st-upm{display:inline-block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:7px solid #4ee58a;filter:drop-shadow(0 0 4px #4ee58a99);animation:stup 1.6s ease-in-out infinite}
@keyframes stup{0%,100%{transform:translateY(1px)}50%{transform:translateY(-2px)}}
.st-crown{position:absolute;top:2px;left:50%;width:34px;height:23px;transform:translateX(-50%) rotate(-6deg);filter:drop-shadow(0 3px 6px #0008);z-index:2;animation:stcrown 3s ease-in-out infinite}
.st-crown svg{width:100%;height:100%;display:block}
@keyframes stcrown{0%,100%{transform:translateX(-50%) rotate(-6deg) translateY(0)}50%{transform:translateX(-50%) rotate(4deg) translateY(-2px)}}
.st-pod.p1 .st-podh{margin-top:10px}
.stchip.t1.hi{position:relative;overflow:hidden}
.stchip.t1.hi::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,#fff8 50%,transparent 65%);transform:translateX(-120%);animation:stshine 3.2s ease-in-out infinite}
@keyframes stshine{0%,55%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
.st-col.t1{box-shadow:0 0 0 1px #ffd25744,0 12px 34px #ffd2571c}
.st-col.t1 header{position:relative;overflow:hidden}
.st-col.t1 header::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,#ffffff22 50%,transparent 60%);animation:stshine 5s ease-in-out infinite}
.st-peak{display:inline-flex;align-items:center;gap:5px;color:var(--mu);font-weight:700}
@media (max-width:640px){.st-cols{display:flex;flex-direction:column;overflow:visible;gap:10px}.st-col{flex:none}.st-list{display:grid;grid-template-columns:1fr 1fr;gap:4px}.st-list .st-empty{grid-column:1/-1}}
@media (prefers-reduced-motion:reduce){.st-upm,.st-crown,.stchip.t1.hi::after,.st-col.t1 header::after{animation:none}}
/* realm: your own chest and spawners */
.rlm-chest,.rlm-spp{display:flex;flex-direction:column;gap:12px}
.rlm-chrow{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rlm-chst{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:14px;background:var(--p2);border:1px solid var(--ln)}
.rlm-chst>small:first-child{font-weight:800;color:var(--mu);font-size:11.5px;text-transform:uppercase;letter-spacing:.06em}
.rlm-chst b{display:flex;align-items:center;gap:6px;font-size:22px;font-weight:900}.rlm-chst b .coin{width:18px;height:18px}
.rlm-chst.gold{background:linear-gradient(160deg,#3a2f1288,var(--p2));border-color:#ffd25755}.rlm-chst.gold b{color:#ffe08a}
.rlm-chgo{width:100%}
.rlm-chh{margin:4px 0 -4px;font-size:13px;color:var(--mu);text-transform:uppercase;letter-spacing:.06em}
.rlm-chinv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.rlm-chinv.arm{grid-template-columns:repeat(3,minmax(0,1fr))}
.rlm-chit{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 6px;border-radius:12px;background:var(--p2);border:1px solid var(--ln);text-align:center}
.rlm-chit b{font-size:15px;font-weight:900}.rlm-chit small{font-size:10.5px;color:var(--mu);font-weight:700}
.rlm-chit.none{opacity:.45}
.rlm-chg{width:26px;height:26px;border-radius:7px;box-shadow:inset 0 -6px 0 #0003,inset 0 2px 0 #fff6}
.rlm-chact{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.rlm-chact .btn{display:inline-flex;align-items:center;gap:6px;width:auto}.rlm-chact .btn svg{width:16px;height:16px}
.rlm-spart{position:relative;align-self:center;width:96px;height:96px;display:grid;place-items:center;border-radius:20px;background:repeating-linear-gradient(90deg,#2a3542 0 6px,#1a222c 6px 9px);box-shadow:inset 0 0 0 3px #3b4a5c,0 10px 30px #0006}
.rlm-spart img{image-rendering:pixelated;animation:rlmspbob 2.4s ease-in-out infinite}
.rlm-spart em{position:absolute;right:-6px;bottom:-6px;font-style:normal;font-weight:900;background:#ffd257;color:#1b1200;border-radius:999px;padding:2px 9px;font-size:13px}
@keyframes rlmspbob{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-5px) rotate(3deg)}}
.rlm-prompt em{font-style:normal;color:#ffe08a}
.rlm-prompt.nudge{animation:rlmnudge .4s}
@keyframes rlmnudge{0%,100%{transform:translateX(-50%)}25%{transform:translateX(calc(-50% - 6px))}75%{transform:translateX(calc(-50% + 6px))}}
@media (max-width:520px){.rlm-chinv{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.rlm-chit small{display:none}}
/* market: filters, any kind of listing, the sell dialog */
.bsx-mkh{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.bsx-mkh .btn{width:auto}
.bsx-mkf{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 8px}
.bsx-mkf button{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:var(--p2);border:1px solid var(--ln);color:var(--tx);font-weight:800;font-size:13px}
.bsx-mkf button em{font-style:normal;font-size:11px;padding:1px 7px;border-radius:99px;background:#ffffff14;color:var(--mu)}
.bsx-mkf button[aria-selected=true]{background:color-mix(in srgb,var(--ac,#39c6ff) 18%,var(--p2));border-color:color-mix(in srgb,var(--ac,#39c6ff) 60%,transparent);color:#fff}
.bsx-cage.plain{background:var(--p2);box-shadow:inset 0 0 0 1px var(--ln)}
.bsx-gsw.sm{display:inline-block;border-radius:8px;background:linear-gradient(160deg,var(--ga),var(--gb));box-shadow:inset 0 -5px 0 #0003,inset 0 2px 0 #fff6}
.bsx-sellgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;max-height:260px;overflow:auto;padding:2px}
.bsx-sello{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:12px;background:var(--p2);border:1px solid var(--ln);color:var(--tx);text-align:center}
.bsx-sello b{font-size:12.5px;line-height:1.2}.bsx-sello small{color:var(--mu);font-weight:800}
.bsx-sello.on{border-color:#39c6ff;box-shadow:0 0 0 2px #39c6ff55;background:color-mix(in srgb,#39c6ff 12%,var(--p2))}
.bsx-sellrow{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bsx-isell{margin-top:2px;font-size:12px}
.rlm-cb{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(120,20,30,.85);color:#ffd0d6;font:800 12px/1 Inter,system-ui,sans-serif;box-shadow:0 0 0 1px #ff5a6e88,0 0 16px #ff3b5a55}
.rlm-cb::before{content:"";width:8px;height:8px;border-radius:50%;background:#ff5a6e;animation:rlmPulse 1s infinite}
.rlm-cb.nudge{animation:rlmcbn .45s}
@keyframes rlmcbn{0%,100%{transform:none}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.rlm-leave.locked{opacity:.5}
.rlm-slot.gone{display:none}
.rlm-slot.ench{box-shadow:inset 0 0 0 2px #c98bff,0 0 14px #b26bff66}
.rlm-slot.ench .itemart{filter:drop-shadow(0 0 4px #d9a6ff)}
.rlm-tb[hidden]{display:none!important}
/* King of the Hill panel */
.rlm-koth{position:absolute;left:50%;top:calc(104px + env(safe-area-inset-top));transform:translateX(-50%);min-width:240px;max-width:min(92vw,320px);padding:10px 14px 11px;border-radius:16px;background:linear-gradient(180deg,rgba(40,30,8,.92),rgba(16,20,30,.9));box-shadow:0 0 0 1px #ffd25766,0 12px 30px #0008;color:#fff;cursor:pointer;z-index:6;pointer-events:auto}
.rlm-koth.cont{box-shadow:0 0 0 1px #ff5a6e,0 0 24px #ff3b5a55,0 12px 30px #0008}
.rlm-koth.done{opacity:.92}
.rlm-kh{display:flex;align-items:center;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.rlm-kh>b{font-weight:900;color:#ffe08a}
.rlm-kt{margin-left:auto;font:800 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff;letter-spacing:0}
.rlm-kcrown{width:20px;height:14px;background:linear-gradient(#ffd257,#e0a100);clip-path:polygon(0 100%,4% 20%,28% 55%,50% 0,72% 55%,96% 20%,100% 100%)}
.rlm-kking{margin-top:6px;font-size:14px}.rlm-kking b{color:#ffe08a}.rlm-kcont{color:#ff8a9a;font-weight:900;animation:rlmPulse 1s infinite}
.rlm-kbar{margin-top:7px;height:6px;border-radius:99px;background:#ffffff1c;overflow:hidden}.rlm-kbar i{display:block;height:100%;background:linear-gradient(90deg,#ffd257,#fff3b0);border-radius:inherit;transition:width .4s}
.rlm-ktop{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:3px;font-size:12px;counter-reset:k}
.rlm-ktop li{display:flex;gap:8px;align-items:center;counter-increment:k}.rlm-ktop li::before{content:counter(k);width:16px;height:16px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:10px;background:#ffffff1a}
.rlm-ktop li:first-child::before{background:#ffd257;color:#2a1d00}.rlm-ktop li span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rlm-ktop li.me span{color:#9fe7ff;font-weight:800}
.rlm-kme{display:block;margin-top:4px;color:#9fe7ff;font-weight:700}
.rlm-koth.min .rlm-ktop,.rlm-koth.min .rlm-kme{display:none}
.rlm-kothwin{display:flex;flex-direction:column;align-items:center;gap:2px;padding:16px;border-radius:16px;background:linear-gradient(160deg,#3a2f12,#1a2230);box-shadow:inset 0 0 0 1px #ffd25766}.rlm-kothwin b{font-size:34px;font-weight:900;color:#ffe08a}
.rlm-kform{display:flex;flex-direction:column;gap:8px}.rlm-kform .btn{width:auto}
.rlm-kdet summary{cursor:pointer;font-weight:800}
.rlm-kprize{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,54px);gap:5px 6px;align-items:center;margin-top:8px;font-size:12px}.rlm-kprize>b{text-align:center;color:var(--mu)}
.rlm-kprize .inp{width:100%;padding:5px 6px;text-align:center}.rlm-kpi{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@media (max-width:640px){.rlm-koth{top:calc(150px + env(safe-area-inset-top));min-width:200px;padding:8px 12px}}
/* ---------- village shops (realm cabins) ---------- */
.vshop{display:flex;flex-direction:column;gap:12px;min-width:min(560px,86vw)}
.vshop-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:4px;border-radius:14px;background:var(--p2);border:1px solid var(--ln)}
.vshop-tabs button{padding:9px 6px;border-radius:10px;font-weight:800;font-size:13px;color:var(--mu);background:none;border:0}
.vshop-tabs button[aria-selected=true]{color:#fff;background:linear-gradient(180deg,var(--tc,#3a7bd5),color-mix(in srgb,var(--tc,#3a7bd5) 60%,#000));box-shadow:0 4px 14px color-mix(in srgb,var(--tc,#3a7bd5) 40%,transparent)}
.vshop-tabs .t-shop{--tc:#c5503f}.vshop-tabs .t-market{--tc:#3b6fb6}.vshop-tabs .t-sell{--tc:#3f8a5a}.vshop-tabs .t-bank{--tc:#7a4fb3}.vshop-tabs .t-trade{--tc:#b98a3a}
.vshop-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--hc) 34%,var(--p2)),var(--p2));border:1px solid color-mix(in srgb,var(--hc) 45%,transparent)}
.vshop-head.k-shop{--hc:#c5503f}.vshop-head.k-market{--hc:#3b6fb6}.vshop-head.k-sell{--hc:#3f8a5a}.vshop-head.k-bank{--hc:#7a4fb3}.vshop-head.k-trade{--hc:#b98a3a}
.vshop-head>div:first-child{display:flex;flex-direction:column;gap:2px}.vshop-head>div:first-child b{font-size:19px;font-weight:900}.vshop-head>div:first-child small{color:var(--mu);font-weight:700}
.vshop-bank{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.vshop-bank small{font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--mu);font-weight:800}.vshop-bank b{display:flex;align-items:center;gap:5px;font-size:17px;font-weight:900;color:#ffe08a}
.vshop-body{display:flex;flex-direction:column;gap:10px;max-height:min(56vh,520px);overflow:auto;padding-right:2px}
.vshop-body h4{margin:6px 0 0;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--mu)}
.vshop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.vshop-card{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:12px;border-radius:14px;background:var(--p2);border:1px solid var(--ln)}
.vshop-card.on{border-color:#5fd38a88;box-shadow:inset 0 0 0 1px #5fd38a44}.vshop-card b{font-weight:900}.vshop-card small{color:var(--mu);font-size:11.5px;font-weight:600}
.vshop-card .btn{width:100%;margin-top:auto}
.vshop-kitit{display:flex;gap:2px}
.vshop-items{display:flex;flex-direction:column;gap:6px}
.vshop-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:9px 11px;border-radius:12px;background:var(--p2);border:1px solid var(--ln)}
.vshop-row.mine{border-color:#39c6ff55}.vshop-rt{display:flex;flex-direction:column;gap:1px;min-width:0}.vshop-rt b{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vshop-rt small{color:var(--mu);font-size:11.5px}
.vshop-row>:last-child{justify-self:end}.vshop-row .vshop-qty{grid-column:3/5}
.vshop-qty{display:flex;gap:5px}.vshop-qty .btn{width:auto;padding-inline:10px}
.vshop-price{display:inline-flex;align-items:center;gap:4px;font-weight:900;color:#ffe08a}
.vshop-chips{display:flex;gap:6px;flex-wrap:wrap}
.vshop-chips button{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:var(--p2);border:1px solid var(--ln);color:var(--tx);font-weight:800;font-size:12.5px}
.vshop-chips button em{font-style:normal;font-size:11px;color:var(--mu)}.vshop-chips button[aria-pressed=true]{border-color:#39c6ff;background:color-mix(in srgb,#39c6ff 16%,var(--p2))}
.vshop-mkh{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.vshop-mkh .btn{width:auto}
.vshop-empty{display:flex;flex-direction:column;align-items:center;gap:4px;padding:26px 10px;border-radius:14px;border:1px dashed var(--ln);color:var(--mu)}.vshop-empty b{color:var(--tx)}
.vshop-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vshop-two label{display:flex;flex-direction:column;gap:4px}.vshop-two .btn{width:100%}
.vshop-stat{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:14px;background:var(--p2);border:1px solid var(--ln)}.vshop-stat small{font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:800;color:var(--mu)}
.vshop-stat b{display:flex;align-items:center;gap:6px;font-size:21px;font-weight:900}.vshop-stat.gold b{color:#ffe08a}
.vshop-form{display:flex;flex-direction:column;gap:10px}
.vshop-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;max-height:240px;overflow:auto}
.vshop-pick button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 5px;border-radius:12px;background:var(--p2);border:1px solid var(--ln);color:var(--tx);font-size:12px;font-weight:700;text-align:center}
.vshop-pick button em{font-style:normal;color:var(--mu);font-weight:800}.vshop-pick button.on{border-color:#39c6ff;box-shadow:0 0 0 2px #39c6ff55}
.vsg{display:inline-block;flex:none;border-radius:9px;background:linear-gradient(160deg,var(--ga),var(--gb));box-shadow:inset 0 -6px 0 #0003,inset 0 2px 0 #fff6}
.vsg.ench,.itemart.ench{position:relative;box-shadow:inset 0 -6px 0 #0003,inset 0 2px 0 #fff6,0 0 10px #c98bff99}
.itemart.ench{border-radius:6px;box-shadow:0 0 10px #c98bff88}
@media (max-width:560px){.vshop{min-width:0}.vshop-row{grid-template-columns:auto minmax(0,1fr) auto}.vshop-row .vshop-qty{grid-column:1/-1;justify-content:flex-end}.vshop-row .vshop-price{grid-column:3}.vshop-tabs button{font-size:12px;padding:8px 2px}}
/* ender chest */
.rlm-chh em{font-style:normal;text-transform:none;letter-spacing:0;color:#7cf2c4}
.rlm-enbuy{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:14px;background:linear-gradient(135deg,#12302c,var(--p2));border:1px solid #3f6b6377}
.rlm-enbuy b{display:block}.rlm-enbuy .btn{width:auto}
.rlm-enart{position:relative;width:38px;height:34px;border-radius:7px;background:linear-gradient(#26413f 0 38%,#1d3134 38%);box-shadow:inset 0 0 0 2px #0f1a1c}
.rlm-enart i{position:absolute;left:50%;top:38%;width:12px;height:8px;border-radius:50%;transform:translate(-50%,-50%);background:#7cf2c4;box-shadow:0 0 10px #7cf2c4}
.rlm-ender{display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:14px;background:linear-gradient(160deg,#10241f,var(--p2));border:1px solid #3f6b6355}
.rlm-enh,.rlm-enrow{display:grid;grid-template-columns:minmax(0,1fr) 46px 46px 120px;gap:6px;align-items:center}
.rlm-enh small{text-align:center;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--mu)}
.rlm-enrow{padding:5px 6px;border-radius:10px;background:#ffffff08}.rlm-enrow b{text-align:center;font-weight:900}.rlm-enrow b.en{color:#7cf2c4}
.rlm-enn{display:flex;align-items:center;gap:7px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:700;font-size:13px}.rlm-enn .rlm-chg{width:18px;height:18px;border-radius:5px}
.rlm-enb{display:flex;gap:4px;justify-content:flex-end}.rlm-enb .btn{width:auto;padding:5px 9px;font-size:12px}
.rlm-chwarn{display:flex;gap:8px;align-items:flex-start;margin:0;padding:10px 12px;border-radius:12px;background:#ff5a6e14;border:1px solid #ff5a6e44;font-size:12.5px;color:#ffd0d6}.rlm-chwarn svg{width:16px;height:16px;flex:none;margin-top:1px}
@media (max-width:520px){.rlm-enh,.rlm-enrow{grid-template-columns:minmax(0,1fr) 34px 34px 96px}}
/* ---------- Snow Launch (flight) ---------- */
.astage{padding:0!important;justify-content:center;background:linear-gradient(#081631 0 50%,#0c2a4f 50%);min-height:0;align-self:stretch;height:auto!important}
.acv{display:block;flex:none;width:100%;height:auto;aspect-ratio:16/9}
.ahud{position:absolute;top:12px;left:12px;display:flex;gap:6px;flex-wrap:wrap;pointer-events:none}
.ahud span{padding:5px 10px;border-radius:999px;background:rgba(6,16,30,.6);backdrop-filter:blur(4px);font-size:12px;font-weight:800;color:#dfe9f5}
.ahud .aspdtag{color:#fff}.ahud .aspdtag.s-slow{background:#1f8a5acc}.ahud .aspdtag.s-normal{background:#2f6fd6cc}.ahud .aspdtag.s-fast{background:#c77a14cc}.ahud .aspdtag.s-turbo{background:#c2343dcc}
.ahud .amax{color:#ffe07a}
.ahist{position:absolute;top:12px;right:12px;display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:55%;pointer-events:none}
.ahp{padding:4px 9px;border-radius:999px;font:800 11.5px/1 Inter,system-ui,sans-serif;background:rgba(6,16,30,.6)}.ahp.w{color:#7cf29a;box-shadow:inset 0 0 0 1px #7cf29a66}.ahp.l{color:#ff8a9a;box-shadow:inset 0 0 0 1px #ff8a9a44;text-decoration:line-through;text-decoration-color:#ff8a9a99}
.abanner{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%) scale(.8);opacity:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 26px;border-radius:18px;background:rgba(6,16,30,.82);transition:opacity .25s,transform .35s cubic-bezier(.2,1.5,.4,1)}
.abanner.on{opacity:1;transform:translate(-50%,-50%) scale(1)}.abanner b{font-size:26px;font-weight:900}.abanner small{font-weight:800;font-size:14px}
.abanner.w{box-shadow:0 0 0 2px #7cf29a,0 0 40px #7cf29a55}.abanner.w b{color:#b8ffcf}.abanner.w small{color:#7cf29a}
.abanner.l{box-shadow:0 0 0 2px #ff6a7a88}.abanner.l b{color:#ffd0d6}.abanner.l small{color:#ff8a9a}
.aspeeds{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.aspd{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border-radius:12px;background:var(--p2);border:1px solid var(--ln);color:var(--tx)}
.aspd span{font-weight:900;font-size:13px}.aspd small{font-size:10.5px;color:var(--mu);font-weight:700}
.aspd.on{border-color:var(--sc);background:color-mix(in srgb,var(--sc) 20%,var(--p2));box-shadow:0 0 0 1px var(--sc)}
.aspd.s-slow{--sc:#3fbf7a}.aspd.s-normal{--sc:#39a0ff}.aspd.s-fast{--sc:#ffa63d}.aspd.s-turbo{--sc:#ff5a6a}
.aspi{display:flex;gap:2px;height:10px;align-items:flex-end}.aspi b{width:4px;border-radius:2px;background:var(--sc)}.aspi b:nth-child(1){height:4px}.aspi b:nth-child(2){height:6px}.aspi b:nth-child(3){height:8px}.aspi b:nth-child(4){height:10px}
.aspd:disabled{opacity:.6}
.ainfo{margin:2px 0 0;font-size:12px;color:var(--mu);line-height:1.45}
/* ---------- Texas Hold'em table (hx) ---------- */
.hx{display:flex;flex-direction:column;gap:14px;max-width:1100px;margin:0 auto}
.hx-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.hx-head>b{text-align:center;font-weight:900}.hx-head .btn{width:auto}.hx-hand{color:var(--mu);font-weight:700;font-size:13px}
.hx-felt{position:relative;aspect-ratio:2.05/1;margin:28px 6% 40px;container-type:inline-size}
.hx-rail{position:absolute;inset:-3.2%;border-radius:999px;background:linear-gradient(180deg,#6b3f22,#3c2314 60%,#2a170c);box-shadow:0 30px 60px #0009,inset 0 2px 0 #ffffff22,inset 0 -6px 14px #0007}
.hx-rail::after{content:"";position:absolute;inset:2.4%;border-radius:inherit;box-shadow:inset 0 0 0 2px #c9a05a55}
.hx-cloth{position:absolute;inset:0;border-radius:999px;background:radial-gradient(ellipse 70% 60% at 50% 45%,#1f8a5c,#106242 62%,#0a4a32);box-shadow:inset 0 0 70px #0008,inset 0 0 0 3px #0a3a28;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:30%}
.hx-cloth::before{content:"";position:absolute;inset:9% 14%;border-radius:999px;border:2px solid #ffffff12}
.hx-logo{font-weight:900;letter-spacing:.32em;font-size:clamp(10px,1.5cqw,15px);color:#ffffff22}.hx-sub{font-weight:800;letter-spacing:.3em;font-size:clamp(8px,1cqw,11px);color:#ffffff18;margin-top:4px}
.hx-deck{position:absolute;left:50%;top:22%;width:34px;height:48px;transform:translate(-50%,-50%) rotate(-8deg)}.hx-deck i{position:absolute;inset:0;border-radius:6px;background:linear-gradient(135deg,#c2343d,#7d1b22);box-shadow:inset 0 0 0 2px #fff,0 2px 4px #0006}.hx-deck i:nth-child(2){transform:translate(2px,-2px)}.hx-deck i:nth-child(3){transform:translate(4px,-4px)}
.hx-mid{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;width:62%}
.hx-pot{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;border-radius:999px;background:#05130dcc;box-shadow:inset 0 0 0 1px #ffffff1c;color:#dfe9e3;font-size:13px}.hx-pot b{font-size:16px;color:#ffe08a;font-variant-numeric:tabular-nums}
.hx-board{display:flex;gap:2%;justify-content:center;width:100%}
.hx-board .pc,.hx-slot{--cw:min(70px,8.4cqw);flex:none}
.hx-slot{width:var(--cw);height:calc(var(--cw)*1.42);border-radius:8px;border:2px dashed #ffffff1f;background:#00000014}
.hx-board .pc+.pc{margin-left:0}
.hx-res{min-height:34px;display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateY(6px);transition:.3s}.hx-res.on{opacity:1;transform:none}.hx-res b{font-weight:900;color:#fff;text-shadow:0 2px 6px #0008}.hx-res small{color:#ffe08a;font-weight:800}
.hx-seats{position:absolute;inset:0}
.hx-seat{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;z-index:2;width:min(150px,17cqw)}
.hx-seat.empty small{padding:6px 12px;border-radius:999px;background:#05130d88;color:#ffffff55;font-weight:700;font-size:12px}
.hx-cards{display:flex;justify-content:center;min-height:calc(min(54px,6.4cqw)*1.42);margin-bottom:-14px;position:relative;z-index:1}
.hx-cards .pc{--cw:min(54px,6.4cqw)}.hx-cards .pc+.pc{margin-left:calc(var(--cw)*-.38)}.hx-cards .pc:first-child{transform:rotate(-6deg)}.hx-cards .pc:last-child{transform:rotate(6deg)}
.hx-seat.me .hx-cards .pc{--cw:min(76px,9cqw)}.hx-seat.me .hx-cards{min-height:calc(min(76px,9cqw)*1.42)}
.hx-seat.folded .hx-cards{opacity:.35;filter:grayscale(.6)}.hx-seat.folded .hx-plate{opacity:.6}
.hx-plate{position:relative;z-index:2;display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:linear-gradient(180deg,#14202e,#0b131d);box-shadow:0 6px 14px #0008,inset 0 0 0 1px #ffffff1a;min-width:120px}
.hx-seat.act .hx-plate{box-shadow:0 0 0 2px #ffd257,0 0 24px #ffd25766,0 6px 14px #0008}
.hx-seat.win .hx-plate{box-shadow:0 0 0 2px #7cf29a,0 0 28px #7cf29a77,0 6px 14px #0008}
.hx-avw{position:relative;width:34px;height:34px;flex:none}
.hx-av{position:absolute;inset:3px;border-radius:50%;display:grid;place-items:center;font-weight:900;color:#0b1320;background:var(--c,#39c6ff);box-shadow:inset 0 -3px 0 #0003}
.hx-av.bot{background:#2a3a4e;color:#9fc8ec}
.hx-timer{position:absolute;inset:0;border-radius:50%;background:conic-gradient(#ffd257 calc(var(--p,1)*360deg),#ffffff18 0)}
.hx-pt{display:flex;flex-direction:column;min-width:0}.hx-pt b{font-size:12.5px;font-weight:800;color:#fff;max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-pt small{font-size:12px;font-weight:900;color:#ffe08a;font-variant-numeric:tabular-nums}
.hx-seat.allin .hx-pt small{color:#ff8a9a}
.hx-dealer{position:absolute;right:-6px;top:-6px;width:20px;height:20px;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center;font:900 11px/1 Inter,system-ui,sans-serif;font-style:normal;box-shadow:0 2px 4px #0008}
.hx-last{padding:2px 9px;border-radius:999px;background:#05130dcc;font-size:11px;font-weight:800;color:#dfe9e3;white-space:nowrap}.hx-last.w{background:#1f8a5c;color:#fff}.hx-last.f{color:#ffffff77}
.hx-bet{position:absolute;display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 3px;border-radius:999px;background:#05130dcc;color:#fff;font-size:12px;font-weight:800;white-space:nowrap}
.hx-seat.p0 .hx-bet{top:-26%;left:50%;transform:translateX(-50%)}.hx-seat.p3 .hx-bet{bottom:-26%;left:50%;transform:translateX(-50%)}
.hx-seat.p1 .hx-bet,.hx-seat.p2 .hx-bet{left:105%;top:52%}.hx-seat.p4 .hx-bet,.hx-seat.p5 .hx-bet{right:105%;top:52%}
.hx-chip{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle,#ffd257 0 34%,#c2343d 35% 62%,#fff 63% 70%,#c2343d 71%);box-shadow:0 1px 2px #0008;flex:none}
.hx-hi{filter:drop-shadow(0 0 8px #ffe066)}.hx-board .pc.hx-hi{transform:translateY(-6px)}
@keyframes hxdeal{from{transform:translate(var(--fx),var(--fy)) rotate(-30deg) scale(.55);opacity:0}30%{opacity:1}to{opacity:1}}
.pc.hx-in{animation:hxdeal .38s cubic-bezier(.2,.8,.25,1) both}
@keyframes hxflip{from{transform:rotateY(180deg)}to{transform:rotateY(0)}}
.pc.hx-flip .pin{animation:hxflip .42s cubic-bezier(.3,.7,.2,1) var(--ad,0ms) both}
.hx-acts{min-height:96px}
.hx-wait{display:flex;justify-content:center;padding:18px}.hx-wait .btn{width:auto}
.hx-btns{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:10px;max-width:760px;margin:0 auto}
.hx-btns .btn{height:52px;font-size:16px;font-weight:900;border-radius:14px}
.hx-fold{background:linear-gradient(180deg,#3a1d24,#2a141a);color:#ff8a9a;box-shadow:inset 0 0 0 1px #ff5a6e55}
.hx-call{background:linear-gradient(180deg,#1d3a2c,#142a20);color:#7cf29a;box-shadow:inset 0 0 0 1px #5fd38a55}.hx-call b{font-variant-numeric:tabular-nums}
.hx-raise{background:linear-gradient(180deg,#ffd257,#e0a100);color:#2a1d00;box-shadow:0 6px 18px #ffb02044}
.hx-raiserow{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;max-width:760px;margin:10px auto 0}
.hx-pre{display:flex;gap:6px}.hx-pre .chip{padding:6px 12px;border-radius:999px;background:var(--p2);border:1px solid var(--ln);color:var(--tx);font-weight:800;font-size:12.5px}
.hx-slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:99px;background:linear-gradient(90deg,#ffd257 var(--v,0%),#ffffff1c 0);outline:0}
.hx-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #ffd25788,0 2px 6px #0008;cursor:pointer}
.hx-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:0;box-shadow:0 0 0 4px #ffd25788}
.hx-hist{max-width:760px;margin:0 auto;width:100%}
@media (max-width:700px){
  .hx-felt{aspect-ratio:.82/1;margin:26px 2% 30px}
  .hx-cloth{padding-bottom:42%}
  .hx-seat{width:28cqw}.hx-plate{min-width:0;padding:4px 9px 4px 4px;gap:6px}.hx-avw{width:28px;height:28px}.hx-pt b{max-width:62px;font-size:11.5px}.hx-pt small{font-size:11px}
  .hx-cards .pc{--cw:11cqw}.hx-cards{min-height:calc(11cqw*1.42)}.hx-seat.me .hx-cards .pc{--cw:16cqw}.hx-seat.me .hx-cards{min-height:calc(16cqw*1.42)}
  .hx-board .pc,.hx-slot{--cw:14.5cqw}.hx-mid{width:92%;top:49%}
  .hx-seat.p1 .hx-bet,.hx-seat.p2 .hx-bet{left:auto;right:auto;top:auto;bottom:-22px;left:50%;transform:translateX(-50%)}.hx-seat.p4 .hx-bet,.hx-seat.p5 .hx-bet{right:auto;top:auto;bottom:-22px;left:50%;transform:translateX(-50%)}
  .hx-btns{grid-template-columns:1fr 1fr 1.3fr;gap:7px}.hx-btns .btn{height:48px;font-size:14px}.hx-raiserow{grid-template-columns:1fr}.hx-pre{justify-content:center}
}
.hx-cloth{justify-content:center;padding:0}.hx-logo{position:absolute;bottom:20%;left:0;right:0;text-align:center}.hx-sub{position:absolute;bottom:15%;left:0;right:0;text-align:center}
@media (max-width:700px){.hx-cloth{padding:0}.hx-logo{bottom:24%}.hx-sub{bottom:20%}
  .hx-board .pc,.hx-slot{--cw:11.6cqw}.hx-mid{width:70%;top:46%;gap:6px}
  .hx-seat.p1{left:11%!important;top:68%!important}.hx-seat.p5{left:89%!important;top:68%!important}.hx-seat.p2{left:11%!important;top:27%!important}.hx-seat.p4{left:89%!important;top:27%!important}
  .hx-seat.p1,.hx-seat.p2,.hx-seat.p4,.hx-seat.p5{width:24cqw}.hx-seat.p1 .hx-cards .pc,.hx-seat.p2 .hx-cards .pc,.hx-seat.p4 .hx-cards .pc,.hx-seat.p5 .hx-cards .pc{--cw:9cqw}
  .hx-seat.p1 .hx-cards,.hx-seat.p2 .hx-cards,.hx-seat.p4 .hx-cards,.hx-seat.p5 .hx-cards{min-height:calc(9cqw*1.42)}}
@media (max-width:700px){.acv{aspect-ratio:4/3}}
.fsico{display:inline-flex;vertical-align:-3px}.fsui .fsico svg{width:26px;height:26px}.fscost{display:inline-flex;align-items:center;gap:3px}.btn .fsico{margin-right:3px}
.crb.prac{border-color:#7cf29a44}.crb.prac.on{border-color:#7cf29a;background:#123d2c;box-shadow:0 0 0 1px #7cf29a55}.crb.prac b{display:grid;place-items:center;height:18px;color:#7cf29a}
/* v94: inventory, elytra, enchantments, owner auto crystal */
.rlm-bag{width:18px;height:17px;position:relative;display:block;border:2.2px solid #fff;border-radius:3px 3px 6px 6px;margin-top:3px}.rlm-bag::before{content:'';position:absolute;left:50%;top:-7px;width:8px;height:6px;margin-left:-4px;border:2.2px solid #fff;border-bottom:0;border-radius:5px 5px 0 0}.rlm-bag::after{content:'';position:absolute;left:3px;right:3px;top:4px;height:2px;border-radius:2px;background:#fff;opacity:.75}
.rlm-ghost{display:inline-grid;place-items:center;height:16px;padding:0 6px;border-radius:8px;background:#ff3b6b22;color:#ff8aa6;font:900 9px/1 Inter,system-ui,sans-serif;letter-spacing:.08em;border:1px solid #ff3b6b55}
.rlm-slot.worn{box-shadow:inset 0 0 0 2px #b9c6e8,0 0 12px #b9c6e866}.rlm-slot.worn::after{content:'ON';position:absolute;left:3px;top:2px;font:900 8px/1 Inter,system-ui,sans-serif;color:#dfe7ff;letter-spacing:.06em}
.rlm-slot.steal{box-shadow:inset 0 0 0 2px #ff5f7e,0 0 14px #ff3b5c66}.rlm-slot.ench.steal{box-shadow:inset 0 0 0 2px #c98bff,inset 0 0 0 4px #ff5f7e,0 0 16px #ff5fa266}
.rlm-tb.glide{position:relative}.rlm-fwn{position:absolute;right:-2px;top:-2px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#ff5a5a;color:#fff;font:900 10px/17px Inter,system-ui,sans-serif;font-style:normal;text-align:center}
.rlm-tb.wear.on{border-color:#b9c6e8;box-shadow:0 0 12px #b9c6e877}
.rlm-bpb{font-style:normal;font-size:9px;font-weight:900;color:#e3c8ff;background:#7a4fb355;border:1px solid #b78cff66;border-radius:6px;padding:2px 4px;letter-spacing:.04em}
.rlm-armor.bp{box-shadow:0 0 0 1px #b78cff55,0 0 10px #8a5cff44}.rlm-elyb{display:inline-grid;place-items:center}
.rlm-invp{display:flex;flex-direction:column;gap:14px;min-width:min(560px,86vw)}
.rlm-ieq{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.rlm-ieqc{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border-radius:14px;background:var(--p2);border:1px solid var(--ln);text-align:center;min-width:0}
.rlm-ieqc small{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}.rlm-ieqc b{font-size:13px;line-height:1.2}.rlm-ieqc em{font-style:normal;font-size:11px;color:var(--mut)}
.rlm-ieqc .rlm-gear{width:34px;height:34px}.rlm-ieqc.none{opacity:.6}.rlm-ieqc.ench{border-color:#b78cff66;box-shadow:inset 0 0 18px #8a5cff1f}.rlm-ieqc.ely{border-color:#b9c6e888}
.rlm-ench{font-size:10px;font-weight:900;color:#d9b8ff;letter-spacing:.03em}.rlm-ieqc .btn{margin-top:4px}
.rlm-igrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px}
.rlm-iit{display:grid;grid-template-columns:30px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:8px 10px;border-radius:12px;background:var(--p2);border:1px solid var(--ln);min-width:0}
.rlm-iit .itemart{grid-row:1/3;grid-column:1;position:static}.rlm-iit span{grid-column:2;grid-row:1;font-weight:800;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rlm-iit small{grid-column:2;grid-row:2;font-size:11px;color:var(--mut);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rlm-iit b{grid-column:3;grid-row:1/3;font-size:16px;font-variant-numeric:tabular-nums}.rlm-iit.none{opacity:.42}
.rlm-inote{margin:0}
@media (max-width:520px){.rlm-ieq{gap:6px}.rlm-ieqc{padding:10px 4px}.rlm-ieqc b{font-size:12px}.rlm-igrid{grid-template-columns:1fr}}
.rlm-kauto{margin-top:12px;padding-top:12px;border-top:1px solid var(--ln);display:grid;gap:8px}.rlm-kauto h5{margin:0;font-size:13px}
.rlm-koth.next{cursor:default}.rlm-koth.next .rlm-kh b:first-of-type{font-weight:700;opacity:.85}
.vshop-load{display:flex;align-items:center;justify-content:center;gap:6px;min-height:260px}.vshop-load i{width:9px;height:9px;border-radius:50%;background:var(--acc,#39c6ff);animation:vsl 1s ease-in-out infinite}.vshop-load i:nth-child(2){animation-delay:.15s}.vshop-load i:nth-child(3){animation-delay:.3s}.vshop-load small{margin-left:10px;color:var(--mut)}@keyframes vsl{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}
/* admin guide (settings) */
.agd-intro h3{margin:0 0 4px}.agd-intro p{margin:0 0 6px}
.agd{border:1px solid var(--ln);border-radius:14px;background:var(--p2);margin:0 0 8px;overflow:hidden}
.agd summary{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;list-style:none}.agd summary::-webkit-details-marker{display:none}
.agd summary::after{content:'';margin-left:auto;width:8px;height:8px;border-right:2px solid var(--mut);border-bottom:2px solid var(--mut);transform:rotate(45deg);transition:transform .2s;flex:none}.agd[open] summary::after{transform:rotate(-135deg)}
.agd-ic{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--acc,#39c6ff) 18%,transparent);color:var(--acc,#39c6ff);font-weight:900;font-size:13px}
.agd-tt{display:grid;min-width:0}.agd-tt b{font-size:14px}.agd-tt small{color:var(--mut);font-size:12px}
.agd-body{padding:0 14px 14px 56px;display:grid;gap:8px}
.agd-steps{margin:0;padding-left:18px;display:grid;gap:7px;font-size:13px;line-height:1.45}.agd-steps b{color:var(--tx,#fff)}
.agd-tip{margin:0;padding:9px 11px;border-radius:10px;background:color-mix(in srgb,var(--acc,#39c6ff) 9%,transparent);font-size:12.5px;line-height:1.45;color:var(--mut)}
@media (max-width:560px){.agd-body{padding-left:14px}}
.bsx-ench{display:inline-block;margin-top:2px;font-size:11px;font-weight:900;color:#d9b8ff;background:#7a4fb333;border:1px solid #b78cff55;border-radius:7px;padding:3px 7px}
/* v96 casino touches */
.dmban{min-height:26px;margin:4px auto 0;padding:4px 14px;border-radius:999px;font-weight:900;font-size:14px;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s;text-align:center;width:max-content;max-width:90%}
.dmban.on{opacity:1;transform:none}.dmban.w{background:color-mix(in srgb,var(--win) 22%,transparent);color:var(--win)}.dmban.p{background:#ffffff14;color:var(--mut)}.dmban.l{background:#ffffff0d;color:var(--mut)}
.dmban.big{animation:dmbig 1.2s ease-in-out 2;box-shadow:0 0 22px color-mix(in srgb,var(--win) 45%,transparent)}@keyframes dmbig{50%{transform:scale(1.08)}}
.stage.diamonds .hist{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:5px;justify-content:flex-end}
.lquick{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:10px;position:relative;z-index:1;width:100%;max-width:520px}.lquick .btn{width:auto;flex:1 1 0;min-width:46px;margin:0}
.kc.hot::after{content:'';position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:#ff8a3d;box-shadow:0 0 6px #ff8a3d}.kc{position:relative}
.fnext{display:block;font-size:12px;font-weight:700;opacity:.65;margin-top:2px;letter-spacing:.02em}
.stage.wheelg .hist{position:absolute;top:10px;right:10px;display:flex;gap:5px}.stage.wheelg .hist .hp{border-bottom:2px solid var(--c)}
.bcroad{display:flex;align-items:center;gap:10px;width:100%;max-width:560px;margin-top:12px;padding:8px 10px;border-radius:12px;background:#0006;border:1px solid #ffffff14}
.bcbeads{flex:1;display:grid;grid-template-columns:repeat(15,1fr);gap:3px;min-height:20px}.bcbeads .bd{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font:900 9px/1 Inter,system-ui,sans-serif;font-style:normal;color:#fff}
.bd.player{background:#2f7dff}.bd.banker{background:#ff4d5e}.bd.tie{background:#21c47a}
.bctally{display:grid;gap:2px;font-size:11px;font-weight:800;white-space:nowrap}.bctally .player{color:#6fa6ff}.bctally .banker{color:#ff7a86}.bctally .tie{color:#4fe39c}
.podds{margin-top:8px;font-size:12.5px;color:var(--mut);text-align:center}.podds b{color:var(--tx,#fff)}.podds b.bad{color:#ff7a86}
.dtodds{z-index:6}.mpre{display:flex;gap:6px;margin:-2px 0 10px}.mpre .btn{flex:1;min-width:0;padding-left:0;padding-right:0}
.bjbs{margin:2px 0 0;font-size:12.5px;color:var(--mut);text-align:center}.bjbs b{color:var(--acc,#39c6ff)}
.bjbstog{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--mut);cursor:pointer;margin-top:4px}.bjbstog input{accent-color:var(--acc,#39c6ff)}
.btn.bsug{box-shadow:inset 0 0 0 2px var(--acc,#39c6ff),0 0 14px color-mix(in srgb,var(--acc,#39c6ff) 40%,transparent)}
.vpsug{}
.cquick{display:flex;gap:5px;margin:-4px 0 10px}.cquick .btn{flex:1;min-width:0;padding-left:0;padding-right:0}
.rstats{display:grid;gap:5px;margin-top:8px;width:100%;max-width:200px;font-size:11px;font-weight:700;color:var(--mut)}
.rsbar{display:flex;height:6px;border-radius:3px;overflow:hidden;background:#ffffff14}.rsbar i.red{background:#e8384f}.rsbar i.black{background:#3a4a5a}.rsbar i.green{background:#1fbf6a}
.rsrow{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.rsrow .red{color:#ff6b7c}.rsrow .black{color:#a9b8c8}.rsrow .green{color:#3fe08a}
.rsn{font-style:normal;min-width:20px;height:20px;border-radius:4px;display:grid;place-items:center;color:#fff;font-size:10px}.rsn.red{background:#e8384f;color:#fff}.rsn.black{background:#2a3644;color:#fff}.rsn.green{background:#1fbf6a;color:#fff}
.rrstat{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;font-size:12px;color:var(--mut);margin:8px 0 2px;min-height:16px}.rrstat .red{color:#ff6b7c}.rrstat .black{color:#a9b8c8}.rrstat .snow{color:#8fe3ff}
.ssess{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;margin-top:8px;padding:8px 10px;border-radius:10px;background:#ffffff08;border:1px solid #ffffff10;font-size:12px;color:var(--mut)}.ssess b{color:var(--tx,#fff);font-variant-numeric:tabular-nums}.ssess .up b{color:var(--win)}.ssess .dn b{color:#ff7a86}
.dtchip{position:relative}.dtn{position:absolute;top:-7px;right:-5px;font-style:normal;font-size:9.5px;font-weight:900;padding:1px 5px;border-radius:7px;background:var(--c);color:#0b141c;box-shadow:0 2px 6px #0006}
.tcbest{display:block;font-size:11px;font-weight:800;color:#ffcf3d;letter-spacing:.04em;margin-top:2px}
.pkchip{position:relative}
/* low-effects mode (slow devices): no backdrop blur, lighter shadows */
html.lowfx *,html.lowfx *::before,html.lowfx *::after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html.lowfx .stage{box-shadow:none}html.lowfx .scrim{background:rgba(5,10,18,.82)}
html.lowfx .card,html.lowfx .gcard{box-shadow:0 2px 6px rgba(0,0,0,.25)!important}
@media (max-width:899px){.bdfab{left:auto!important;right:10px;bottom:calc(76px + env(safe-area-inset-bottom,0px));width:44px;height:44px;opacity:.9}.bdfab:active{left:auto!important;transform:scale(.94)}.bdfab .sbart svg,.bdfab .foxart svg{width:34px;height:34px}.bdpanel{left:auto;right:10px}}
.wnico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#ffffff14;color:#fff}.wnico svg{width:24px;height:24px}
.hslide.s28{background:linear-gradient(115deg,#ff8a5c,#7a2a8a 48%,#1b1446)}
.wnf.big .wnart .itemart{width:64px!important;height:64px!important}
/* hero pictures: a soft shade behind the words so they stay readable over the moving realm */
.wnhero2::after,.rlm-hero::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(8,16,30,.62),rgba(8,16,30,.28) 45%,transparent 70%)}
@media (max-width:900px){.wnhero2::after,.rlm-hero::after{background:linear-gradient(180deg,rgba(8,16,30,.42),rgba(8,16,30,.58) 50%,rgba(8,16,30,.86))}}
@media (max-width:560px){.lbpv{font-size:12.5px;letter-spacing:-.01em;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.lbpc{padding-left:4px;padding-right:4px}}
.bdfab{transition:opacity .25s ease,transform .25s ease}.bdfab.scrolling{opacity:.22!important;transform:scale(.88)}
/* in the realm: messages pop up in the middle above the hotbar, clear of the minimap and the side panel */
body.rlm-lock .toasts{top:auto;bottom:150px;left:50%;right:auto;transform:translateX(-50%);align-items:center;width:max-content;max-width:min(92vw,520px)}
@media (max-width:899px){body.rlm-lock .toasts{bottom:auto;top:64px}}
.rlm-slot.worn::after{left:auto;right:3px;top:auto;bottom:auto;top:2px;padding:1px 3px;border-radius:4px;background:#b9c6e8;color:#1b2238}
/* phones: the hotbar stops before the minimap and scrolls sideways instead of running off the screen */
.rlm-game.touch .rlm-hotbar{max-width:calc(100vw - 140px - env(safe-area-inset-left) - env(safe-area-inset-right));overflow-x:auto;overscroll-behavior:contain;scrollbar-width:none}
.rlm-game.touch .rlm-hotbar::-webkit-scrollbar{display:none}.rlm-game.touch .rlm-slot{flex:none}
a.secoff{display:none!important}
.adsws{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.adsw{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px;padding:10px 14px;border-radius:12px;border:1px solid var(--ln);background:var(--p2);color:inherit;text-align:left;cursor:pointer}
.adsw span{display:grid;min-width:0}.adsw b{font-size:14px}.adsw small{font-size:11.5px;color:var(--mut)}
.adsw em{font-style:normal;font-weight:900;font-size:12px;padding:5px 10px;border-radius:99px;background:#ff4d6a26;color:#ff7a86}.adsw.on em{background:color-mix(in srgb,var(--win) 20%,transparent);color:var(--win)}
.adsw:not(.on){opacity:.75;border-style:dashed}
/* the realm redraws every frame, so blurring what's behind the HUD costs a lot on every frame: solid panels instead */
.rlm-game *,.rlm-game *::before,.rlm-game *::after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.rlm-game .rlm-ib,.rlm-game .rlm-hotbar,.rlm-game .rlm-tb,.rlm-game .rlm-armor,.rlm-game .rlm-side,.rlm-game .rlm-koth{background-color:rgba(10,18,30,.84)}
/* touch screens: buttons big enough for a thumb */
@media (pointer:coarse){
  .btn.sm{min-height:38px}.ibtn{min-width:40px;min-height:40px}.ibtn.sm{min-width:36px;min-height:36px}
  .chip{min-height:36px}.tabs button,.seg button{min-height:38px}
  .rlm-ib{width:46px;height:46px}.lbtab{min-height:44px}
}

/* snow strip in chat: the Make it snow button no longer stretches over the pot */
.rbstrip .rbmake{width:auto!important;min-width:0}.rbstrip .rbinfo{flex:1 1 auto;min-width:0;overflow:hidden}.rbstrip .rbinfo>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rbstrip .rbmore{flex:none}
/* admin: tidy tool grid + compact section switches on phones */
.adtools{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.adtools .adtool{justify-content:flex-start;min-height:52px;padding:12px 14px;border-radius:12px;background:linear-gradient(180deg,#ffffff0a,#ffffff04),var(--p2);font-weight:700}
.adtools .adtool svg{width:20px;height:20px;padding:6px;box-sizing:content-box;border-radius:9px;background:#39c6ff1f;color:#7fdcff;flex:none}
.adtools .adtool:hover{background:linear-gradient(180deg,#39c6ff1a,#39c6ff08),var(--p2);border-color:#39c6ff55}
@media (max-width:640px){.adtools{grid-template-columns:1fr 1fr;gap:8px}.adtools .adtool{font-size:13px;padding:10px;min-height:48px;line-height:1.2}
.adsws{grid-template-columns:1fr 1fr!important;gap:6px}.adsw{padding:9px 10px!important}.adsw small{display:none}.adsw b{font-size:13px}}

/* v109: ender chest amounts, Realm arcade links */
.rlm-enbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px}
.rlm-enq{width:64px;flex:none}
.rlm-enbar .btn{width:auto;flex:1 1 0;min-width:0;white-space:nowrap;padding-inline:8px}
.rlm-enn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rlm-enn small{font-weight:500}
.rlm-arcade{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}

/* ---- homepage (v111) ---- */
.xcard{flex:1 1 calc(20% - 10px);min-width:0}
@container (max-width:559.98px){.xcard{flex-basis:calc(50% - 5px)}}
.hmhead{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;min-width:0}
.hmhead .whead{flex:1}
.hmhead h1{display:flex;align-items:center;gap:8px;margin:0;font-size:22px;letter-spacing:-.3px;line-height:1.2;min-width:0}
.hmhead h1>span:first-child{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hmhead p{margin:3px 0 0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hmhead .whav .av,.hmhead .whav>*{width:44px;height:44px;font-size:18px}
.hmhead .lvwho{flex:none;padding:7px 14px 7px 12px;border-radius:999px}
.hmhead .lvwho>div:last-child{flex:none}
.hmwrap{container-type:inline-size}
.hmtoday{display:grid;grid-template-columns:1.15fr 1fr 1fr 1.15fr;gap:10px;margin-bottom:14px}
.hmtoday:has(.lvsnow[hidden]){grid-template-columns:1.3fr 1fr 1fr}
.hmtoday>*{min-width:0;width:auto;min-height:74px;margin:0;padding:11px 13px;border:0;border-radius:14px;background:var(--p1);box-shadow:inset 0 0 0 1px #ffffff12}
.hmtoday .rcard{display:flex;flex-direction:column;justify-content:center}
.hmtoday .rbtop{flex-wrap:wrap;row-gap:2px}
.hmtoday .dcard.ready{box-shadow:inset 0 0 0 1px var(--acc),0 6px 18px color-mix(in srgb,var(--acc) 22%,transparent)}
.hmtoday .dcard>div:nth-child(2){flex:1;min-width:0;line-height:1.25}
.hmtoday .dcard small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:11.5px;white-space:normal}
.hmtoday .dcard:not(.ready) .dgo{display:none}
.hmtoday .dgo{flex:none}
.hmtoday .lvsico{width:36px;height:36px}
.hmtoday .lvgo{padding:7px 10px;font-size:12px;white-space:nowrap}
.lsearch{margin-bottom:12px}
.hmnow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}
.hmcard{min-width:0;display:flex;flex-direction:column;padding:12px 8px 8px;border-radius:14px;background:var(--p1);box-shadow:inset 0 0 0 1px #ffffff12}
.hmcard header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 8px 8px}
.hmcard h3{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:800}
.hmcard h3 svg{flex:none;width:17px;height:17px;color:var(--acc)}
.hmcard header a{flex:none;display:inline-flex;align-items:center;gap:2px;color:var(--mu);font-size:12.5px;font-weight:700}
.hmcard header a:hover{color:#fff}
.hmcard header a svg{width:12px;height:12px}
.hmlist{display:flex;flex-direction:column;gap:2px;min-height:238px}
.hmrow{display:flex;align-items:center;gap:10px;flex:none;width:100%;min-height:46px;padding:6px 8px;border:0;border-radius:10px;background:none;color:var(--tx);font:inherit;text-align:left;cursor:pointer;transition:background .15s}
.hmrow:hover{background:var(--p2)}
.hmrow.me{background:#39c6ff14}
.hmrow.sk{background:#ffffff08;cursor:default;pointer-events:none}
.hmrow .gthumb{flex:none}
.hmrow .cav,.hmrow .av{flex:none;width:30px;height:30px;font-size:13px}
.hmmain{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.hmmain b{display:flex;align-items:center;gap:5px;font-size:13.5px;font-weight:800;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hmmain small{color:var(--mu);font-size:11.5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hmend{flex:none;display:flex;flex-direction:column;align-items:flex-end;line-height:1.25}
.hmend b{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}
.hmend b.up{color:var(--win)}
.hmend small{color:var(--mu);font-size:11.5px}
.hmend .coin{width:13px;height:13px}
.hmpl{flex:none;width:20px;text-align:center;font-weight:900;font-size:13px;color:var(--mu);font-variant-numeric:tabular-nums}
.hmpl.p1{color:var(--gold)}.hmpl.p2{color:#d3deea}.hmpl.p3{color:#e0a26a}
.hmic{flex:none;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;color:var(--hc);background:color-mix(in srgb,var(--hc) 16%,transparent)}
.hmic svg{width:17px;height:17px}
.hmgo{flex:none;width:12px;height:12px;color:var(--mu2)}
.hmlive{flex:none;padding:2px 7px;border-radius:999px;background:#21e07a24;color:var(--win);font-style:normal;font-size:10.5px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.hmnote{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px;text-align:center;color:var(--mu);font-size:13px}
.hmnote p{margin:0}
.hmnote a{color:var(--acc);font-weight:800}
@container (max-width:859.98px){
  .hmtoday,.hmtoday:has(.lvsnow[hidden]){grid-template-columns:repeat(2,minmax(0,1fr))}
  .hmtoday .rcard,.hmtoday .lvsnow{grid-column:1/-1}
  .hmtoday>*{min-height:62px}
  .hmnow{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(340px,86%);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .hmnow::-webkit-scrollbar{display:none}
  .hmcard{scroll-snap-align:start}
}
@container (max-width:460px){.hmtoday .dgo{display:none}.hmtoday .dcard{padding:10px 11px}.hmtoday .lvsico{width:34px;height:34px}}
@media(max-width:560px){
  .hmhead .lvwho>div:last-child small{display:none}
  .hmhead .lvwho .lvfaces{display:none}
  .hmhead .lvwho{padding:6px 11px}
  .hmhead .lvwho b{font-size:13px}
  .hmhead h1{font-size:18px}
  .hmhead h1>span:first-child{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .hmhead .hmtag{display:none}
  .hmhead .whav .av,.hmhead .whav>*{width:38px;height:38px;font-size:16px}
  .hmhead{gap:10px}
}
/* sideways rows on phones run off the edge of the screen, not 12px short of it */
@media(max-width:700px){
  .page>.row,.gwrap>.row{margin-inline:-12px;padding-inline:12px}
  .page>.row>.track,.gwrap>.row>.track,.page>.hero .hero-track,.hmwrap>.hmnow{margin-inline:-12px;padding-inline:12px;scroll-padding-inline:12px}
}
/* phone top bar: the balance always fits between the logo and the buttons */
@media(max-width:480px){
  .top{display:flex;gap:6px}
  .top .tl{flex:none}
  .top .wallet{flex:0 1 auto;min-width:0;margin-inline:auto;justify-self:auto}
  .top .tr{flex:none;margin-left:0}
  .top .onlpill,.top .rankchip{display:none}
  .top .wpill{min-width:0;padding:0 8px;font-size:13px}
}
@media(max-width:350px){.top{padding-inline:8px;gap:4px}.top .brand .lg{width:24px;height:24px}.top .wpill{padding:0 6px;font-size:12px}.top .wpill .coin{display:none}.top .wcur{padding:0 8px}}
/* tablets: five tiles across, not three huge ones */
@media(min-width:561px) and (max-width:900px){.track{grid-auto-columns:calc((100% - 4*10px)/4.6)}}
/* low-power devices: no endless loops on the lobby */
html.lowfx .xtag.live::after,html.lowfx .onlpill i::after,html.lowfx .lvsnow.on .lvsico{animation:none}
/* the fox stays clear of the chat's Send button */
@media(min-width:1101px){body.chatopen .bdfab{right:346px}}
@media(max-width:1100px){body.chatopen .bdfab{display:none}}

/* ---- chat (v112) ---- */
.clive.off{color:var(--gold)}.clive.off::before{background:var(--gold);box-shadow:none}
.cmain{position:relative}
.cjump{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);z-index:3;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:0;border-radius:999px;background:var(--acc);color:var(--accd);font:800 12.5px Inter,system-ui,sans-serif;cursor:pointer;box-shadow:0 6px 16px #0007}
.cjump[hidden]{display:none}.cjump svg{width:12px;height:12px;transform:rotate(90deg)}
.cnew{animation:cin .18s ease-out}@keyframes cin{from{opacity:0;transform:translateY(6px)}}
.cacts{position:absolute;top:-10px;right:6px;z-index:2;display:none;gap:1px;padding:2px;border-radius:9px;background:var(--p2);box-shadow:0 4px 12px #0007,inset 0 0 0 1px #ffffff14}
.cmsg.cwm:hover .cacts,.cmsg.cwm:focus-within .cacts,.cmsg.cwm.show .cacts{display:flex}
.cact{width:26px;height:26px;display:grid;place-items:center;border:0;border-radius:7px;background:none;color:var(--mu);font-size:14px;line-height:1;cursor:pointer}
.cact:hover{background:var(--p3)}
.crx{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.crxb{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 7px;border:0;border-radius:999px;background:#ffffff0d;color:var(--tx);font-size:13px;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff14}
.crxb b{font-size:11.5px;font-weight:800;color:var(--mu);font-variant-numeric:tabular-nums}
.crxb.me{background:#39c6ff24;box-shadow:inset 0 0 0 1px var(--acc)}.crxb.me b{color:var(--acc2)}
.cmenu{display:flex;flex-direction:column;gap:8px;min-width:min(300px,78vw)}.cmenu p{margin:0}
.cmenu .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}.cmenu .btn svg{width:16px;height:16px}
.chatbtn.cunread::before,.ctab.cunread::before{content:'';position:absolute;top:5px;right:5px;width:8px;height:8px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 2px var(--top)}
.ctab{position:relative}
@media(max-width:900px){.cform .tin{font-size:16px}.cact{width:32px;height:32px;font-size:16px}.crxb{height:28px}}

/* ---- My items (v112) ---- */
.lxinvtools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.lxinvq{min-width:0;width:190px}
.lxinvi{cursor:pointer;position:relative}
.lxrar{font-style:normal;font-size:10.5px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:var(--rc)}
.lxitem{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:center;min-width:min(460px,80vw)}
.lxitem>svg,.lxitem>img{width:100%;height:auto}
.lxitem em{display:block;font-style:normal;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--rc)}
.lxitem>div>b{display:inline-flex;align-items:center;gap:5px;margin-top:4px;font-size:20px}
.lxitem p{margin:8px 0 12px;color:var(--mu);font-size:13.5px;line-height:1.45}
.lxitembtns{display:flex;gap:8px;flex-wrap:wrap}.lxitembtns .btn{width:auto;display:inline-flex;align-items:center;gap:6px;padding-inline:16px}.lxitembtns svg{width:15px;height:15px}
.lxhist{margin-top:22px}
.lxhrows{display:flex;flex-direction:column;gap:2px;background:var(--p1);border-radius:14px;padding:6px;box-shadow:inset 0 0 0 1px #ffffff12}
.lxhrow{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:10px}
.lxhrow>svg,.lxhrow>img{flex:none;width:32px;height:32px}
.lxhrow>span{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.lxhrow>span b{font-size:13.5px}.lxhrow>span small{color:var(--mu);font-size:11.5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.lxhrow>.amt{flex:none;display:inline-flex;align-items:center;gap:4px;font-size:13px;font-variant-numeric:tabular-nums}
@media(max-width:560px){.lxitem{grid-template-columns:96px minmax(0,1fr);gap:12px}.lxinvq{width:100%}.lxinvtools{width:100%}}

/* ---- My Bets (v112) ---- */
.mbtbl tr.mbday td{display:table-cell;padding:12px 10px 6px;background:none;border:0}
.mbtbl tr.mbday b{margin-right:10px;font-size:13px}
.mbtbl tr.mbday .amt{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:800}
.mbref{border:0;background:none;padding:2px 4px;border-radius:5px;color:var(--mu);font:600 11.5px ui-monospace,Consolas,monospace;cursor:copy}
.mbref:hover{background:var(--p2);color:#fff}
.mbfil .btn{width:auto;flex:none;padding-inline:12px}
@media(max-width:700px){.mbtbl th:nth-child(9),.mbtbl td:nth-child(9){display:none}}
/* Snow Pulse: launching a coin, creator panel, slippage */
.axlaunchb{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 12px;border-radius:9px;border:0;background:var(--ax,#2fe0a0);background:#2fe0a0;color:#06291c;font-weight:800;font-size:12.5px;cursor:pointer;flex:none}
.axlaunchb .axi{width:14px;height:14px}
.axlaunchb:hover{filter:brightness(1.08)}
.axlaunch{display:flex;flex-direction:column;gap:12px;min-width:0}
.axlhead{display:flex;align-items:center;gap:12px}
.axlpic{width:64px;height:64px;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:hsl(var(--h) 60% 42%);flex:none}
.axlpic img{width:100%;height:100%;object-fit:cover}.axlpic svg{width:34px;height:34px}
.axl2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.axlf{display:flex;flex-direction:column;gap:4px;min-width:0}.axlf small{color:var(--muted,#9aa3b2);font-size:12px}
.axlf .tin{width:100%;box-sizing:border-box}.axldesc{resize:vertical;min-height:58px;font:inherit}
.axlr{display:flex;align-items:center;gap:10px}.axlr input{flex:1;min-width:0}.axlr b{min-width:44px;text-align:right}
.axldist{position:relative;height:24px;border-radius:7px;background:#2fe0a01f;overflow:hidden}
.axldist i{position:absolute;inset:0 auto 0 0;background:#ff6b4a99;transition:width .15s}
.axldist em{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-size:11.5px;font-weight:700;color:#fff}
.axlcost{display:grid;grid-template-columns:1fr auto;gap:3px 12px;margin:0;font-size:13px}.axlcost span{color:var(--muted,#9aa3b2)}
.axlcost b:last-child,.axlcost span:nth-last-child(2){font-size:14px;color:#fff}
.axlnote{margin:0;font-size:12px;line-height:1.45;color:var(--muted,#9aa3b2)}
.axby{font-size:11.5px}.axby b{color:#fff}
.axcdesc{margin:0 0 10px;font-size:13px;line-height:1.45;color:var(--axm);overflow-wrap:anywhere}
.axcsale span{font-size:11.5px}.axcsale b{font-size:11.5px}
.axest.bad{color:#ff8a6a}
.axslip{display:flex;align-items:center;justify-content:space-between;gap:8px}.axslip small{color:var(--axm);font-size:11.5px}
.axslipin{background:#ffffff10;color:#fff;border:1px solid #ffffff1f;border-radius:7px;padding:3px 6px;font-size:12px}
.axslipin option{color:#111}
.axsignin{width:100%}
.axk.kp{background:#7ad8ff26;color:#9ee3ff}
@media(max-width:700px){.axlaunchb span{display:none}.axlaunchb{padding:0 9px}}
.axltk{text-transform:uppercase}
@media(max-width:900px){body.ax-mbar .bdfab{display:none}}

/* Snow Pulse: Trade Replay */
.axtabs{overflow-x:auto;scrollbar-width:none;max-width:100%}.axtabs::-webkit-scrollbar{display:none}
.axlink{background:none;border:0;padding:0;color:#7ab8ff;font:700 11.5px Inter,system-ui,sans-serif;cursor:pointer;text-decoration:none}.axlink:hover{text-decoration:underline}
.axby a{color:inherit;text-decoration:none}
.axwstar{background:none;border:0;padding:0 2px;color:var(--axm);font-size:14px;line-height:1;cursor:pointer;flex:none}.axwstar.on{color:#ffd23d}
.rplgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.rplrow{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--axl);color:inherit;text-decoration:none;min-width:0}.rplrow:hover{background:#ffffff08}.rplrow:last-child{border-bottom:0}
.rplnm{display:flex;flex-direction:column;min-width:0;flex:1}.rplnm small,.rplst small{color:var(--axm);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rplst{display:flex;flex-direction:column;align-items:flex-end;flex:none;font-size:13px}
.rplhead{flex-wrap:wrap;gap:12px;align-items:center}.rplhead>.btn{margin-left:auto}
.rplsum{margin:10px 0}
.rplctl{display:flex;align-items:center;gap:12px;padding:10px 12px;border-top:1px solid var(--axl);flex-wrap:wrap}.rplslider{flex:1;min-width:140px}.rplplay{min-width:70px}
.rpljump{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.rplfeed{margin-top:10px}.rpllog{max-height:360px;overflow:auto}
.rplln{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:10px;width:100%;align-items:center;padding:7px 12px;background:none;border:0;border-bottom:1px solid var(--axl);color:inherit;text-align:left;font:600 12.5px Inter,system-ui,sans-serif;cursor:pointer}.rplln:hover{background:#ffffff08}.rplln small{color:var(--axm);font-size:11.5px}.rplln.ev{background:#ffffff06;font-weight:800}
.rplnote{margin:10px 2px}
/* Snow Pulse: copy trading */
.cptform .axlaunch{padding:12px}
.cptrow{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--axl);flex-wrap:wrap}.cptrow.off{opacity:.7}.cptm{flex:1;min-width:190px;display:flex;flex-direction:column;gap:2px}.cptm b{display:flex;gap:6px;align-items:center}.cptm small{color:var(--axm);font-size:11.5px}
.cptlogp{margin-top:10px}.cptlog{max-height:340px;overflow:auto}
.cptln{display:grid;grid-template-columns:38px minmax(0,1fr);gap:8px;padding:7px 12px;border-bottom:1px solid var(--axl);font-size:12.5px}.cptln small{color:var(--axm)}.cptln.skip{color:var(--axm)}
/* Snow Social */
.sncgrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px;align-items:start}.sncmain{display:flex;flex-direction:column;gap:10px;min-width:0}.sncaside{display:flex;flex-direction:column;gap:10px;min-width:0}
.snccomp{padding:10px 12px;display:flex;flex-direction:column;gap:8px}.sncta{width:100%;box-sizing:border-box;resize:vertical;font:inherit}.sncfoot{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sncfoot small{color:var(--axm)}.sncsel{width:auto;max-width:130px}
.sncprev img{max-height:120px;border-radius:8px;display:block}.sncmoods{display:inline-flex;gap:4px}.sncmood{background:#ffffff10;border:1px solid transparent;border-radius:8px;color:var(--axm);padding:5px 8px;font:700 12px Inter,system-ui,sans-serif;cursor:pointer}.sncmood[aria-pressed=true]{border-color:#7ad8ff;color:#fff}
.sncfeed{display:flex;flex-direction:column;gap:8px}.sncmore{margin:8px auto;display:block}
.sncpost{display:flex;gap:10px;background:var(--ax1);border:1px solid var(--axl);border-radius:12px;padding:12px;min-width:0}.sncav{flex:none;text-decoration:none}.sncb{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.snch{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.snch a{color:inherit;text-decoration:none}.snch small{color:var(--axm);font-size:11.5px}.sncb>p{margin:0;font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.sncimg{max-width:100%;max-height:360px;border-radius:10px;align-self:flex-start;display:block}
.snccw{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.snccoin{display:inline-flex;align-items:center;gap:7px;background:#ffffff0a;border-radius:9px;padding:5px 9px;color:inherit;text-decoration:none;font-size:12.5px;min-width:0;max-width:100%}.snccoin small{color:var(--axm)}.snccoin em{font-style:normal;font-weight:700}
.sncacts{display:flex;align-items:center;gap:10px}.sncact{background:none;border:0;color:var(--axm);font:700 12.5px Inter,system-ui,sans-serif;cursor:pointer;padding:3px 2px}.sncact:hover{color:#fff}.sncact.on{color:#ff6b8a}
.sncreps{display:flex;flex-direction:column;gap:5px;border-left:2px solid var(--axl);padding-left:9px}.sncrep{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap;font-size:13px}.sncrep a{color:inherit;text-decoration:none}.sncrep span{overflow-wrap:anywhere;min-width:0}.sncrep small{color:var(--axm);font-size:11px}.sncx{background:none;border:0;color:var(--axm);cursor:pointer;font-size:13px;padding:0 3px}
.sncrbox{display:flex;gap:6px}.sncrbox .tin{flex:1;min-width:0}
.sncside{display:flex;flex-direction:column}.sncpop{display:flex;flex-direction:column;gap:1px;padding:8px 12px;border-bottom:1px solid var(--axl);color:inherit;text-decoration:none;font-size:12.5px;min-width:0}.sncpop span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sncpop small{color:var(--axm);font-size:11px}.sncpop:last-child{border-bottom:0}
.sncprof{padding:14px}.sncphead{display:flex;align-items:center;gap:12px}.sncpn{flex:1;min-width:0}.sncpn h1{margin:0;font-size:20px}.sncpn small{color:var(--axm)}.sncpstats{display:flex;gap:16px;margin-top:10px;font-size:13px;color:var(--axm)}.sncpstats b{color:#fff}
.sncin{display:flex;flex-direction:column;gap:8px;padding:0 10px}.sncmoodbar{display:flex;align-items:center;gap:10px;font-size:12.5px;flex-wrap:wrap}.sncmoodbar small{color:var(--axm)}.sncbar{width:120px;height:7px;border-radius:9px;background:#f6465d66;overflow:hidden;display:inline-block}.sncbar i{display:block;height:100%;background:#1ec98a}
@media(max-width:900px){.sncgrid,.rplgrid{grid-template-columns:minmax(0,1fr)}}
.sncrbox .btn,.sncfoot .btn{width:auto;flex:none}.rplctl .btn,.cptrow .btn{width:auto;flex:none}

/* Snow Realm: materials, crafting, building; Snow Bases: team */
.rlm-buildchip{position:absolute;left:50%;top:64px;transform:translateX(-50%);z-index:6;background:#2fe0a0;color:#06291c;border:0;border-radius:9px;padding:6px 12px;font:800 12.5px Inter,system-ui,sans-serif;cursor:pointer}
.rlm-mats{margin-top:12px}.rlm-matsh{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.rlm-matsh h4{margin:0}.rlm-matsh .btn{width:auto;flex:none}
.rlm-matl{display:flex;flex-wrap:wrap;gap:6px}.rlm-mat{display:inline-flex;gap:5px;align-items:center;background:#ffffff0d;border:1px solid transparent;border-radius:8px;padding:4px 8px;font:600 12.5px Inter,system-ui,sans-serif;color:inherit}.rlm-mat.blk{cursor:pointer;background:#2fe0a01a}.rlm-mat.on{border-color:#2fe0a0}
.rlm-craft{display:flex;flex-direction:column;gap:6px;max-height:68vh;overflow:auto}
.rlm-rec{display:flex;align-items:center;gap:8px;padding:7px 2px;border-bottom:1px solid #ffffff14}.rlm-rec.no{opacity:.72}.rlm-recm{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.rlm-recm small{color:var(--muted,#9aa3b2);font-size:11.5px}.rlm-rec .btn{width:auto;flex:none}.rlm-rec em{font-style:normal;color:#2fe0a0;font-size:12px}
.bsx-team{display:flex;flex-direction:column;gap:8px}.bsx-trow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bsx-trow>b{min-width:90px}.bsx-trow .tin{flex:1;min-width:120px}.bsx-trow .btn{width:auto;flex:none}.bsx-flags{display:flex;gap:4px;flex:1;flex-wrap:wrap}.bsx-flags .btn{padding-inline:8px}.bsx-tof{display:flex;flex-direction:column;gap:6px;border-top:1px solid #ffffff14;padding-top:8px}
/* Vault, referrals, PvP Club */
.vrate{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0}.vrate>div{background:#ffffff0a;border-radius:9px;padding:7px 9px;min-width:0;display:flex;flex-direction:column}.vrate small{color:var(--muted,#9aa3b2);font-size:11px}.vrate b{font-size:13px}
.vlog{display:flex;flex-direction:column;margin-top:8px}.vlrow{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:12.5px;border-bottom:1px solid #ffffff10}.vlrow span{flex:1}.vlrow small{color:var(--muted,#9aa3b2)}
.refpage{display:flex;flex-direction:column;gap:12px;max-width:760px;margin:0 auto}.refc{padding:16px;display:flex;flex-direction:column;gap:8px}.refc h1,.refc h3{margin:0}.refc ul{margin:0;padding-left:18px;font-size:13.5px;line-height:1.55}
.refcode{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.refcode b{font-size:20px;letter-spacing:1.5px;flex:1;min-width:120px}.refcode small{width:100%;color:var(--muted,#9aa3b2)}.refcode .btn{width:auto;flex:none}
.refstats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.refstats .card{padding:10px 12px;display:flex;flex-direction:column;min-width:0}.refstats small{color:var(--muted,#9aa3b2);font-size:12px}.refstats b{font-size:18px}
.refrow{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid #ffffff10;font-size:13px;flex-wrap:wrap}.refrow:last-child{border-bottom:0}.refrow>span{flex:1;min-width:120px}.refrow small{color:var(--muted,#9aa3b2)}.refrow.me{background:#2fe0a014}.refrow em{font-style:normal}
.refbar{height:6px;border-radius:6px;background:#ffffff14;overflow:hidden;min-width:80px}.refbar i{display:block;height:100%;background:#2fe0a0}
.rlm-queue{top:96px;background:#ffcf3d;color:#2a1d00}
.adfld{display:inline-flex;flex-direction:column;gap:2px;max-width:130px}
@media(max-width:560px){.vrate{grid-template-columns:1fr}}
/* Settings: saved note, account forms; accessibility */
.ssaved{margin-left:auto;font-size:12px;font-weight:700;color:#2fe0a0;opacity:0;transition:opacity .2s;white-space:nowrap;pointer-events:none}.ssaved.on{opacity:1}
.sbox{display:flex;flex-direction:column;gap:6px}.sform{display:flex;flex-direction:column;gap:8px;width:100%}.sform .tin{width:100%;box-sizing:border-box}
.sdanger{margin-top:6px}.sdanger summary{cursor:pointer;font-weight:700;color:#ff8a6a;padding:6px 0}
body.hc{--muted:#dbe2ee}body.hc .card,body.hc .srow{border-color:#ffffff66}body.hc .muted,body.hc small{color:#dbe2ee}
body.boldtxt{font-weight:600}body.boldtxt small,body.boldtxt p{font-weight:600}
body.cbsafe .up,body.cbsafe .win{color:#5ab0ff!important}body.cbsafe .dn,body.cbsafe .loss{color:#ffb020!important}
body.focusvis :focus{outline:2px solid #fff!important;outline-offset:2px}
body.notrans *,body.notrans *::before,body.notrans *::after{transition:none!important}
body.chatnotime .cmt,body.chatnotime .cmh small{display:none}body.chatcompact .cmsg{padding-top:1px;padding-bottom:1px;font-size:12.5px}
.sbox em{font-style:normal}

.srename{flex-wrap:wrap}.srename>div:first-child{flex:1 1 100%;min-width:0}.srename .two{display:flex;gap:8px}.srename .two .tin{flex:1;min-width:0}.srename .two .btn{flex:none;width:auto}

/* v121: Admin player file, suspicious log, maintenance */
.maintbar{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:9000;max-width:min(92vw,560px);padding:10px 16px;border-radius:12px;background:#3a2a06;border:1px solid #ffd23d66;color:#ffe9a8;font-weight:700;font-size:13px;text-align:center;box-shadow:0 8px 28px #0008}
@media (max-width:1100px){.maintbar{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}
.adpf{display:grid;gap:10px;min-width:0}.adpfa{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.adpfa .tin,.adpfa .sel{width:auto;flex:1 1 130px;min-width:0}.adpfa .btn{width:auto;flex:none}.adpfa .adchk{flex:none}.adpfl{display:flex;gap:6px;flex-wrap:wrap}.adpfl .btn{width:auto}
.adflag{display:grid;gap:6px;padding:10px 12px;border-radius:10px;background:var(--p2);border:1px solid #ffffff10;border-left:3px solid #9fd8ff;min-width:0;overflow-wrap:anywhere}.adflag.med{border-left-color:#ffd23d}.adflag.high{border-left-color:#ff8a9a}.adflag.low{border-left-color:#7c93ad}
.adfh{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.adfh span{flex:1;min-width:120px}.adfh em{font-style:normal;font-size:11px;font-weight:800;color:#d6e0ec}
.ocbulk{margin-top:8px}.ocbulk .tin{max-width:110px}.pcmsg pre{max-height:180px;overflow:auto;font-size:12px}

/* v123: Pool for a stake */
.poolhead{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;max-width:440px;margin:0 auto 8px;padding:8px 10px;border-radius:14px;background:var(--p2);border:1px solid #ffffff14}
.phside{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;min-width:0;padding:4px 6px;border-radius:10px;border:1px solid transparent}.phside.on{border-color:#4fd1ff;background:#4fd1ff14}.phside b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.phside small{grid-column:2;font-size:11px}.phside .av{grid-row:span 2}
.phmid{display:grid;justify-items:center;gap:1px;text-align:center}.phmid small{font-size:10px;color:var(--muted,#9fb3c8);font-weight:700}.phmid b{font-size:18px;color:#ffd23d}
.poolaim{display:flex;gap:8px;justify-content:center;max-width:440px;margin:8px auto 0}.poolaim .btn{flex:1;width:auto;touch-action:none;user-select:none}
.pwl{display:grid;gap:14px;min-width:0}.pwl section{display:grid;gap:8px;min-width:0}.pwchips{display:flex;gap:6px;flex-wrap:wrap}.pwlist{display:grid;gap:6px}.pwrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:8px 10px;border-radius:10px;background:var(--p2)}.pwrow .btn{width:auto;flex:none}.pwhost{display:flex;gap:8px;align-items:center;flex:1;min-width:130px}.pwst{font-weight:800;color:#ffd23d}.pwrules summary{cursor:pointer;font-weight:700;font-size:13px}

/* v124: new casino games */
.molesg,.drillg,.bumperg{gap:12px;background:linear-gradient(#10243a,#0a1420)}.warg{gap:12px;background:radial-gradient(circle at 50% 40%,#1b5a3f,#0a2118)}
.mlgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(100%,340px)}.mlhole{position:relative;aspect-ratio:1;border:2px solid #ffffff14;border-radius:50%;background:#16304a;cursor:pointer;overflow:hidden;padding:0}.mlhole.on{border-color:#ffd23d;box-shadow:0 0 0 2px #ffd23d55}.mlhole:disabled{cursor:default}
.mlpit{position:absolute;left:12%;right:12%;bottom:14%;height:34%;border-radius:50%;background:#050a12}.mlmole{position:absolute;left:18%;right:18%;bottom:-70%;transition:bottom .16s ease-out}.mlface{width:100%;height:auto;display:block}.mlhole.up .mlmole{bottom:12%}.mlpow{position:absolute;inset:0;border-radius:50%;pointer-events:none}.mlhole.hit .mlpow{background:radial-gradient(circle,#ffd23d88,#0000 70%)}.mlhole.hit .mlmole{transform:scaleY(.72)}
.mlcount{font-weight:800;font-size:14px;color:#d6e6f5}.mltable{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;width:min(100%,420px)}.mlpay{display:grid;justify-items:center;padding:5px 2px;border-radius:8px;background:#ffffff0d;min-width:0}.mlpay small{font-size:10px;color:#9fb7cf}.mlpay b{font-size:12px}.mlpay.on{background:#ffd23d33;box-shadow:inset 0 0 0 1px #ffd23d}
.mlres{min-height:30px;font-size:22px;font-weight:900;opacity:0}.mlres.on{opacity:1}.mlres.w{color:#7cf29a}.mlres.l{color:#ff8a9a}
.drrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(100%,420px)}.drcol{display:grid;gap:6px;justify-items:center;min-width:0}.drshaft{position:relative;width:100%;height:260px;border-radius:12px;overflow:hidden;background:#0a1626;display:grid;grid-auto-rows:1fr}.drlay{background:color-mix(in srgb,#bfe6ff calc(100% - var(--k)*11%),#123a5c)}
.drtrail{position:absolute;left:50%;top:0;width:14px;margin-left:-7px;height:0;background:#050a12}.drgoal{position:absolute;left:0;right:0;border-top:2px dashed #ffd23d;font-size:10px;font-weight:800;color:#ffd23d;padding-left:4px}.drbit{position:absolute;left:50%;width:26px;margin-left:-13px;height:32px;top:-16px;background:#ffd23d;clip-path:polygon(0 0,100% 0,50% 100%)}.drbit i{display:none}.drcol.dig .drbit{animation:drshake .08s linear infinite}@keyframes drshake{50%{margin-left:-11px}}.drval{font-size:14px}.drcol.hit .drval{color:#7cf29a}.drcol.miss .drval{color:#ff8a9a}
.wrside{display:grid;justify-items:center;gap:6px;min-height:150px}.wrside small{font-weight:700;color:#cfe8d9}.wrcards{display:flex;gap:8px;justify-content:center;min-height:118px}.wrvs{font-weight:900;font-style:italic;color:#ffd23d;letter-spacing:2px}.wrpick{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.wrpick .btn{width:auto}.tcprank{font-size:12px;font-weight:800;color:#ffd23d;min-height:16px}.tcpbonus{display:grid;gap:2px;width:min(100%,260px);font-size:12px;opacity:.85}
.bmwrap{width:min(100%,300px)}.bmboard{width:100%;height:auto;display:block}.bmscore{font-size:28px;font-weight:900;color:#ffd23d}.bmhit{animation:bmhit .24s ease-out}@keyframes bmhit{0%{fill-opacity:.9}100%{fill-opacity:.18}}
.warg .pc.sm{--cw:86px}@media (max-width:420px){.warg .pc.sm{--cw:74px}}

/* v125: duels */
.dlbar{max-width:640px}.dlside{display:grid;gap:10px;max-width:640px;margin:10px auto 0}.dlchars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.dlchar{display:grid;gap:2px;justify-items:center;padding:10px 6px;border-radius:12px;border:2px solid #ffffff14;background:var(--p2);color:#fff;cursor:pointer;min-width:0}.dlchar b{color:var(--c);font-size:14px}.dlchar small{font-size:11px;color:#9fb7cf}.dlchar.on{border-color:var(--c);box-shadow:0 0 0 1px var(--c)}
.dlpad{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;max-width:640px;margin:8px auto 0}.dlkey{touch-action:none;user-select:none;padding:12px 4px;width:auto}.dlhelp{margin:0}@media (max-width:480px){.dlchars{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dlchars{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.dlchar.lock{opacity:.55}.dlchar.lock small{color:#ffd23d}.dlskins{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.dlskins>small{margin-right:4px}.dlskin{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;border:2px solid #ffffff14;background:var(--p2);color:#fff;font-size:12px;font-weight:700;cursor:pointer}.dlskin i{width:11px;height:11px;border-radius:50%;background:var(--c)}.dlskin.on{border-color:var(--c,#fff)}.dlskin.lock{opacity:.5}
.mkstar{width:26px;height:26px;display:grid;place-items:center;flex:none;border:0;border-radius:8px;background:transparent;color:#6f8aa3;font-size:15px;line-height:1;cursor:pointer}.mkstar.on{color:#ffd23d}.mkstar:hover{background:#0003}
.snkwrap{max-width:980px;margin:0 auto;container-type:inline-size}.snkmenu{display:grid;gap:12px;max-width:560px;margin:0 auto}.snkhero h3{margin:0 0 4px}.snkbtns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.snkjoin{display:flex;gap:8px}.snkjoin .btn{width:auto}.snkboard{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-content:start}.snkcanvas{min-width:0;display:grid;gap:8px;align-content:start}.snkstat{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;min-height:30px}.snkround{font-size:13px;color:#9fb7cf}.snkword{font-size:20px;letter-spacing:1px;white-space:pre;text-align:center;overflow:hidden}.snktime{text-align:right;font-weight:800}.snktime.low{color:#ff8a5c}.snkpad{position:relative;aspect-ratio:640/420;border-radius:10px;overflow:hidden;background:#fff}.snkcv{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair}.snkover{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;padding:16px;text-align:center;background:#0d2238e6;color:#fff}.snkover[hidden]{display:none}.snkover h3,.snkover p{margin:0}.snkover .btn{width:auto}.snkchoose{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.snktools{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.snktools[hidden]{display:none}.snktools .btn{width:auto}.snkcol{width:28px;height:28px;border-radius:50%;border:2px solid #ffffff33;padding:0;cursor:pointer}.snkcol.on{outline:2px solid #fff;outline-offset:1px}.snksize{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;border:2px solid #ffffff22;background:#fff;padding:0;cursor:pointer}.snksize i{display:block;border-radius:50%;background:#14171f}.snksize.on{border-color:#39c6ff}.snkacts{display:flex;flex-wrap:wrap;gap:6px}.snkacts .btn{width:auto}.snkside{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,190px);grid-template-rows:auto minmax(120px,170px);gap:8px;min-width:0}.snkplayers{display:grid;gap:4px;grid-column:2;grid-row:1/3;align-content:start;overflow-y:auto}.snkform{grid-column:1;grid-row:1}.snkfeed{grid-column:1;grid-row:2}.snkp{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:6px;padding:4px 6px;border-radius:8px;background:var(--p2);font-size:13px}.snkp span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snkp.got{outline:1px solid #3fbf7f}.snkp.art{outline:1px solid #ffd23d}.snkx{border:0;background:transparent;color:#9fb7cf;font-size:16px;cursor:pointer;padding:0 4px}.snkfeed{overflow-y:auto;padding:6px;border-radius:8px;background:var(--p2);font-size:13px;display:flex;flex-direction:column;gap:3px}.snkline.snk-sys{color:#9fb7cf}.snkline.snk-got{color:#3fbf7f;font-weight:700}.snkline.snk-near{color:#ffd23d}.snkline.snk-word{color:#ffd23d;font-weight:700}.snkform{display:flex;gap:6px}.snkform .btn{width:auto}.adsk{width:min(100%,320px);height:auto;border-radius:8px;background:#fff}@container (min-width:820px){.snkboard{grid-template-columns:minmax(0,1fr) 250px}.snkside{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(160px,1fr);max-height:560px}.snkplayers{grid-column:1;grid-row:1}.snkform{grid-row:3}.snkfeed{grid-row:2}.snkacts{grid-column:1/3}}@container (max-width:420px){.snkbtns{grid-template-columns:minmax(0,1fr)}.snkside{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 130px auto}.snkplayers{grid-column:1;grid-row:3}}

/* King of the Hill clock, and the owner's modules */
.rlm-kt.hot{color:#ff7a8a}.rlm-kwins{display:block;margin-top:5px;font-size:11px;line-height:1.3;color:#ffe08acc}.rlm-koth.min .rlm-kwins{display:none}.rlm-kbar i{transition:width .12s linear}
.rmod-list{position:absolute;right:12px;top:calc(232px + env(safe-area-inset-top));display:flex;flex-direction:column;align-items:flex-end;gap:2px;pointer-events:none;z-index:5}.rmod-list[hidden]{display:none}.rmod-list span{padding:1px 8px;border-right:2px solid #ff8a3c;background:#0a121ecc;color:#fff;font:700 11px/1.5 Inter,system-ui,sans-serif}
.rmod{display:flex;flex-direction:column;gap:14px}.rmod-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rmod h4{margin:0 0 6px}
.rmod-row{display:block;width:100%;margin-bottom:5px;padding:7px 10px;border:0;border-left:3px solid #ffffff22;border-radius:8px;background:#ffffff0d;color:#fff;text-align:left;cursor:pointer}.rmod-row b{display:block;font-size:13px}.rmod-row small{display:block;font-size:11px;opacity:.65}.rmod-row.on{border-left-color:#ff8a3c;background:#ff8a3c26}
.rmod-bases{display:flex;flex-direction:column;gap:5px;max-height:220px;overflow:auto}.rmod-base{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px;border-radius:8px;background:#ffffff0d}.rmod-base small{display:block;font-size:11px;opacity:.7}
@media (max-width:640px){.rmod-cols{grid-template-columns:1fr}}

/* the sidebar and the lobby: flat panels, one accent, and words only where they earn their place */
.nvmain{padding:0 0 8px;margin-bottom:6px;border-bottom:1px solid var(--ln)}
.nvg{margin-bottom:2px}.nvhead{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 10px 5px;color:var(--mu2);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.nvhead:hover{color:var(--mu)}.nvhead svg{width:12px;height:12px;transform:rotate(90deg);transition:transform .15s}.nvg.shut .nvhead svg{transform:none}.nvg.shut .nvbody{display:none}
.side .nav{padding:7px 10px;font-size:13.5px;font-weight:600;border-radius:6px}.side .nav svg{width:16px;height:16px}.side .nav[aria-current]{background:var(--p2);color:#fff;box-shadow:inset 2px 0 0 var(--acc)}.side .nav:hover{background:var(--p1)}
body.mini .nvhead,body.theatre .nvhead{display:none}body.mini .nvg.shut .nvbody,body.theatre .nvg.shut .nvbody{display:block}
.hm-top{display:grid;grid-template-columns:minmax(280px,1.15fr) repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
.hm-me{display:flex;flex-direction:column;gap:10px;min-width:0;padding:14px;border-radius:10px;background:var(--p1)}
.hm-who{display:flex;align-items:center;gap:10px;min-width:0}.hm-who>div{flex:1;min-width:0}.hm-who b{display:flex;align-items:center;gap:6px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hm-who small{color:var(--mu2);font-size:12px}.hm-who .whav>*{width:38px;height:38px;font-size:15px}
.hm-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hm-act{display:flex;align-items:center;gap:8px;min-width:0;padding:8px 10px;border-radius:8px;background:var(--p2);text-align:left}.hm-act:hover{background:var(--p3)}.hm-act svg{width:18px;height:18px;flex:none;color:var(--mu)}.hm-act span{min-width:0}.hm-act b{display:block;font-size:12.5px}.hm-act small{display:block;font-size:11px;color:var(--mu2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hm-act.on svg,.hm-act.on small{color:var(--acc)}
.hm-big{position:relative;display:block;min-height:188px;overflow:hidden;border-radius:10px;background:var(--p1);transition:background .15s}.hm-big:hover{background:var(--p2)}.hm-bigart{position:absolute;inset:0 0 56px 0;display:flex;align-items:flex-end;justify-content:center;gap:0;overflow:hidden}.hm-bigart>svg{width:100%;height:100%;object-fit:cover}
.hm-cov{display:block;flex:none;width:44%;aspect-ratio:3/4;margin:0 -7%;overflow:hidden;border-radius:8px;box-shadow:0 6px 16px #0007;transform:translateY(12%)}.hm-cov:nth-child(1){transform:translateY(20%) rotate(-7deg)}.hm-cov:nth-child(3){transform:translateY(20%) rotate(7deg)}.hm-cov:nth-child(2){z-index:1}.hm-cov>*{width:100%;height:100%}.hm-big:hover .hm-cov{transform:translateY(8%)}.hm-cov{transition:transform .2s}
.hm-bigtx{position:absolute;inset:auto 0 0 0;padding:10px 14px;background:var(--p1)}.hm-big:hover .hm-bigtx{background:var(--p2)}.hm-bigtx b{display:block;font-size:16px;font-weight:700}.hm-bigtx small{display:block;color:var(--mu2);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm .hslide p{display:none}
.hm-bar{display:flex;align-items:center;gap:12px;margin:16px 0 4px;min-width:0}.hm-search{display:flex;align-items:center;gap:9px;flex:0 1 300px;min-width:0;padding:9px 12px;border-radius:8px;background:var(--p1);color:var(--mu2);font-size:13px}.hm-search:hover{background:var(--p2)}.hm-search svg{width:15px;height:15px}.hm-search span{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hm-search kbd{padding:1px 6px;border-radius:4px;background:var(--p3);font:600 11px/1.4 inherit}
.hm-tabs{display:flex;gap:2px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.hm-tabs::-webkit-scrollbar{display:none}.hm-tabs a{flex:none;padding:8px 13px;border-radius:7px;color:var(--mu);font-size:13px;font-weight:600}.hm-tabs a:hover{color:#fff;background:var(--p1)}.hm-tabs a[aria-current]{background:var(--p2);color:#fff}
.hm-note{margin:18px 0 6px;color:var(--mu2);font-size:12px;text-align:center}
.hm .rhead h2 svg{color:var(--mu2)}.hm .row{margin:18px 0}
@media(max-width:1200px){.hm-top{grid-template-columns:repeat(3,minmax(0,1fr))}.hm-me{grid-column:1/-1}.hm-big{min-height:150px}}
@media(max-width:640px){.hm-big{min-height:124px}.hm-bigtx{padding:7px 9px}.hm-bigtx b{font-size:13.5px}.hm-bigtx small{display:none}.hm-bigart{inset:0 0 34px 0}.hm-search{flex:1 1 100%}.hm-search kbd{display:none}.hm-bar{flex-wrap:wrap;gap:8px}.hm-tabs{flex:1 1 100%}}

/* v135: one look for every page. Flat panels from the theme's own colours, page titles in place of banners, one accent, no glow. Art stays on the art */
.btn{box-shadow:none;font-weight:700;border-radius:8px}.btn:active:not(:disabled){transform:none}
.btn.go,.btn.go:hover:not(:disabled),.btn.go:active:not(:disabled){box-shadow:none;background:var(--go,var(--acc));transform:none}.btn.go:hover:not(:disabled){background:var(--go2,var(--acc2))}.btn.go:disabled{filter:none;opacity:.5}
.gpanel .btn.big.go::after{display:none}.btn.cash,.btn.go2{box-shadow:none}
/* page titles: a line of text, not a poster */
.pbanner.pbanner.pbanner,.lbhero,.adhero,.st-hero,.sphero{min-height:0;padding:2px 0 0;margin-bottom:14px;background:none;border:0;border-radius:0;box-shadow:none}
.adhero::after,.st-hero::after,.st-hero::before,.lbhero::before,.lbhero::after{display:none}
.pbtxt{max-width:none;gap:10px}.pbico,.sphico,.adhic{width:auto;height:auto;padding:0;border-radius:0;background:none;box-shadow:none;color:var(--mu2)}.pbico svg,.sphico svg,.adhic svg{width:22px;height:22px;color:var(--mu2)}
.pbtxt h1,.sphl h1,.adht h1,.lbhero h1,.st-hero h1{margin:0;font-size:24px;font-weight:700;letter-spacing:-.01em;line-height:1.25}.pbtxt p,.sphl p,.adht p,.lbhero p,.st-hero p{margin:2px 0 0;color:var(--mu);font-size:13px;font-weight:500}
.pbcount{padding:0;background:none;color:var(--mu2)}
.rlm-hero,.bsx-hero{border-radius:10px;box-shadow:none}
.viphero{padding:18px;border-radius:10px;background:var(--p1);box-shadow:none}.vipl h1{font-size:24px;font-weight:700}.vipl small{color:var(--mu2);font-weight:600;letter-spacing:0;text-transform:none}.vipl p,.vipr small{color:var(--mu)}
/* cards */
.page .card,.card{border-radius:10px;box-shadow:none}.pccard{background:var(--p1);box-shadow:none;border-radius:10px}.bsec{border-radius:10px}
.viptier,.viptier.hi{border-radius:10px;background:var(--p1);box-shadow:inset 0 2px 0 var(--a,var(--ln))}.viptier.me{box-shadow:inset 0 0 0 1px var(--a)}.viptier.hi::after{display:none}
.mkcard{border-radius:10px;box-shadow:none}.mkcard:hover{box-shadow:none;background:var(--p2);transform:none}.mkcard.mine{box-shadow:inset 0 0 0 1px var(--acc)}
.fzgame{border-radius:10px;box-shadow:none}.fzgame:hover{transform:translateY(-2px)}
.wnf{border-radius:10px;border:0}.wnf:hover{box-shadow:none;transform:none;background:var(--p3)}
.rwday{border-radius:8px}.rwday.big{background:var(--p2);box-shadow:inset 0 0 0 1px var(--gold)}.rwday.now{background:var(--p3)}
/* tabs */
.lbtab{border-radius:8px;border-color:transparent;background:var(--p1)}.lbtab[aria-selected=true]{background:var(--p2);border-color:transparent;box-shadow:inset 0 -2px 0 var(--acc);color:var(--acc)}
.st-tab{border-radius:8px;font-weight:700}.st-tab[aria-selected=true]{background:var(--p2);box-shadow:inset 0 -2px 0 var(--tabc,var(--acc))}
.gpanel .tabs button[aria-selected=true]{background:var(--p3);box-shadow:none}
/* game pages */
.gcard{border-radius:10px;box-shadow:none}.gpanel{background:var(--p1)}
.gpanel .btn.allin,.gpanel .btn.allin:hover:not(:disabled){background:var(--p3);border:0;box-shadow:none;color:var(--tx);transform:none}.gpanel .btn.allin:hover:not(:disabled){background:var(--p4)}.gpanel .btn.allin .ailbl{background:none;color:var(--tx)}.gpanel .btn.allin .aiico{color:#ff9a2b;filter:none}
.gpanel .btn.allin.armed,.gpanel .btn.allin.armed:hover:not(:disabled){background:#ff8a2b;box-shadow:none}
/* windows */
.modal{border-radius:12px;box-shadow:0 0 0 1px var(--ln),0 24px 60px #0009}.scrim{-webkit-backdrop-filter:none;backdrop-filter:none;background:#050d15d9}
.bsec.bpvp,.st-mecard,.page .card.st-mecard{background:var(--p1)}.spfeat{border-radius:10px;box-shadow:none;background:linear-gradient(115deg,color-mix(in srgb,var(--hc) 12%,var(--p1)),var(--p1) 40%,var(--p1) 60%,color-mix(in srgb,var(--ac) 12%,var(--p1)))}.spfeat::after{display:none}
.fzginfo{background:var(--p1)}.fzlv{background:var(--p3);box-shadow:none}.cycprize.p0{background:var(--p2)}.pcart{box-shadow:none}
.rlm-gicon.g1,.rlm-gicon.g2,.rlm-gicon.g3,.rlm-gicon.g4,.rlm-srvi{background:var(--p2);box-shadow:none}.rlm-st{background:var(--p1);border:0}.rlm-srv{border-radius:10px;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0a121ee6}
.adtab[aria-selected=true]{background:var(--p2);box-shadow:inset 0 -2px 0 var(--acc)}.adtools .adtool,.adtools .adtool:hover{background:var(--p2)}.adtools .adtool:hover{background:var(--p3);border-color:transparent}
.st-brand h1{margin:0;font-size:24px;font-weight:700;letter-spacing:-.01em}
@media(max-width:899px){body.chatopen .bdfab{display:none}}
@media(max-width:1640px){body.chatopen .hm-top{grid-template-columns:repeat(3,minmax(0,1fr))}body.chatopen .hm-me{grid-column:1/-1}body.chatopen .hm-big{min-height:150px}}
.page .card.st-card.st-mecard{background:var(--p1)}

/* the Update tab */
.wnx-tabs{display:flex;gap:2px;margin-bottom:14px;overflow-x:auto;scrollbar-width:none}.wnx-tabs button{flex:none;padding:8px 14px;border-radius:7px;color:var(--mu);font-size:13px;font-weight:600}.wnx-tabs button:hover{color:#fff;background:var(--p1)}.wnx-tabs button[aria-selected=true]{background:var(--p2);color:#fff}
.wnx-feat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wnx .wnf{background:var(--p1)}.wnx .wnf.big{grid-column:auto}.wnx .wnf.big .wnart{height:130px}.wnx .wnft p{font-size:13px;font-weight:500;color:var(--mu)}
.wnx-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.wnx .wnsec{margin:0;padding:14px 16px;border-radius:10px;background:var(--p1)}.wnx .wnsec h2{margin:0 0 8px;font-size:14px;font-weight:700}.wnx .wnsec ul{margin:0;padding-left:18px;color:var(--mu);font-size:13px;font-weight:500;line-height:1.55}.wnx .wnh{margin:18px 0 10px;font-size:16px;font-weight:700}
.wnx-lead{margin:0 0 12px;max-width:680px;color:var(--mu);font-size:14px;font-weight:500}.wnx-guards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wnx-guards article{display:flex;gap:12px;padding:14px 16px;border-radius:10px;background:var(--p1)}.wnx-guards article>span{flex:none;color:var(--acc)}.wnx-guards svg{width:20px;height:20px}.wnx-guards b{font-size:14px;font-weight:700}.wnx-guards p{margin:3px 0 0;color:var(--mu);font-size:13px;font-weight:500;line-height:1.5}.wnx-row{display:flex;margin-top:12px}.wnx-row .btn{display:inline-flex;align-items:center;gap:8px;width:auto}.wnx-row .btn svg{width:16px;height:16px}
@media(max-width:900px){.wnx-feat,.wnx-notes,.wnx-guards{grid-template-columns:minmax(0,1fr)}}
.rlm-chtabs{margin:12px 0 10px}
.rlm-hum{position:absolute;left:50%;top:calc(66px + env(safe-area-inset-top));transform:translateX(-50%);display:flex;align-items:center;gap:7px;padding:4px 11px;border-radius:99px;background:#0a121ecc;color:#ffd9a8;font:600 12px/1.3 Inter,system-ui,sans-serif;pointer-events:none;z-index:5}.rlm-hum[hidden]{display:none}.rlm-hum i{width:calc(14px + var(--h,0) * 40px);height:4px;border-radius:2px;background:#ff9d2e}
.rmod-warp .btn{width:auto}
.dlbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:6px}.dlbar>.btn,.dlbar>.tin{width:100%;min-width:0;padding:9px 10px;margin:0}.dlbar>small{grid-column:1/-2;align-self:center;min-width:0}.dlbar>small:only-child{grid-column:1/-1}
html.lowfx .foxart *,html.lowfx .bdfab,html.lowfx .bdfab *{animation:none!important}html.lowfx .sk,html.lowfx .lxcard.sk{animation:none;background:var(--p2)}html.lowfx *,html.lowfx *::before,html.lowfx *::after{transition-duration:0s!important;scroll-behavior:auto!important}html.lowfx .gcard,html.lowfx .tile,html.lowfx .hm-big{box-shadow:none!important;filter:none!important}html.lowfx .row,html.lowfx .tgrid>*{content-visibility:auto;contain-intrinsic-size:auto 220px}
.gwrap .row{min-width:0;max-width:100%;overflow:hidden}
.tbl td,.gbal,.bal,.fld input,.inbox input{font-variant-numeric:tabular-nums}a,button{-webkit-tap-highlight-color:transparent}::selection{background:color-mix(in srgb,var(--acc) 35%,transparent)}.btn:active:not(:disabled){transform:scale(.985)}
.page,.gwrap{animation:pgin .16s ease-out}@keyframes pgin{from{opacity:.4}to{opacity:1}}html.lowfx .page,html.lowfx .gwrap{animation:none}