/* Layout: full-bleed product shell — labelled sidebar · top bar · drops strip · content · chat. One typeface, flat slate surfaces, green for money actions. */
:root{
  /* Luxe: obsidian surfaces, champagne gold for primary actions and active states, sapphire for Trade Empire. */
  --side:#080C12; --bg:#0A0F16; --surface:#10171F; --surface-2:#151E29; --raise:#1C2733; --raise-hi:#243241;
  --line:#18212C; --line-hi:#243142;
  --fg:#EEF2F7; --muted:#98A4B5; --dim:#636F80; --shadow:#020407;
  --accent:#E7C77F; --accent-hi:#F3D998; --accent-ink:#241703; --blue:#3D8BFD; --blue-hi:#6AA6FF;
  --gold:#F2B33D; --gold-hi:#FFD27A; --chip-ink:#6B4304;
  --win:#2FD38A; --loss:#F0566A; --felt:#0E3A33; --felt-hi:#14504A;
  --c-common:#8C9BB0; --c-uncommon:#4BC97A; --c-rare:#3D8BFD; --c-epic:#A26BFA; --c-legendary:#F2B33D; --c-limited:#F04D5E;
  --lx-gold:#E7C77F; --lx-gold-hi:#F8E6B4; --lx-gold-lo:#B8893A; --lx-ink:#241703;
  --f-display:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-body:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-num:"Manrope",system-ui,sans-serif;
  --r:12px;
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{height:100%}
body{background:var(--side);color:var(--fg);font-family:var(--f-body);font-size:14px;line-height:1.45;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:0;overflow:hidden;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none}
button:disabled{cursor:not-allowed}
:focus-visible{outline:2px solid var(--blue-hi);outline-offset:2px}
[hidden]{display:none!important}
.i{flex:none;display:block}
.chip{flex:none;display:inline-block;vertical-align:-2px}
.num{font-variant-numeric:tabular-nums}
.muted{color:var(--muted)}
#bgfx{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.55}
#fx{position:fixed;inset:0;width:100%;height:100%;z-index:95;pointer-events:none}

/* ---------- shell ---------- */
.app{position:relative;z-index:1;height:100%;display:grid;grid-template-columns:228px minmax(0,1fr) 316px;grid-template-rows:60px 58px minmax(0,1fr);grid-template-areas:"side top top" "side tick chat" "side main chat";margin-inline:-16px}
.app.nochat{grid-template-columns:228px minmax(0,1fr) 0}
.app.nochat .chat{display:none}
.app.slim{grid-template-columns:72px minmax(0,1fr) 316px}
.app.slim.nochat{grid-template-columns:72px minmax(0,1fr) 0}
.side{grid-area:side;background:var(--side);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;padding-left:max(0px,calc(env(safe-area-inset-left,0px) - 16px))}
.side-h{height:60px;display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--line);flex:none}
.logo{display:flex;align-items:center;gap:9px;cursor:pointer;min-width:0}
.logo b{font-weight:800;font-size:18px;letter-spacing:-.02em;white-space:nowrap}
.tbmark{flex:none;filter:drop-shadow(0 0 10px rgba(31,203,107,.35));overflow:visible}
.gate .tbmark{filter:drop-shadow(0 0 16px rgba(31,203,107,.45))}
.logo b span{color:var(--accent)}
.nav{flex:1;overflow-y:auto;padding:10px 10px 14px;scrollbar-width:thin;scrollbar-color:var(--raise) transparent}
.nav h6{margin:14px 10px 6px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.nav h6:first-child{margin-top:4px}
.nav button{width:100%;display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:7px;color:var(--muted);font-weight:500;font-size:14px;text-align:left;transition:background .12s,color .12s;position:relative}
.nav button:hover{background:var(--surface);color:var(--fg)}
.nav button.on{background:var(--surface-2);color:var(--fg)}
.nav button.on::before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}
.nav button.on .i{color:var(--accent)}
.nav .tg{margin-left:auto;font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px;background:var(--raise);color:var(--muted)}
.nav .tg.new{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}
.nav .tg.live{background:color-mix(in srgb,var(--loss) 18%,transparent);color:var(--loss)}
.side-f{border-top:1px solid var(--line);padding:10px 12px;display:flex;gap:4px;flex-wrap:wrap}
.side-f button{color:var(--dim);font-size:12px;padding:4px 6px;border-radius:5px}
.side-f button:hover{color:var(--fg)}
.app.slim .nav h6,.app.slim .nav button span,.app.slim .nav .tg,.app.slim .logo b,.app.slim .side-f{display:none}
.app.slim .nav button{justify-content:center;padding:10px 0}
.app.slim .side-h{justify-content:center;padding:0}
.top{grid-area:top;display:flex;align-items:center;gap:10px;padding:0 16px;background:var(--side);border-bottom:1px solid var(--line);min-width:0;position:relative;z-index:3}
.ib.burger,.mlogo{display:none}
.search-top{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:0 10px;color:var(--dim);height:38px;width:min(300px,30vw)}
.search-top input{background:none;border:0;outline:0;color:var(--fg);width:100%;font-size:13.5px}
.search-top:focus-within{border-color:var(--line-hi)}
.spacer{flex:1}
.wallet{display:flex;align-items:stretch;border-radius:8px;overflow:hidden;border:1px solid var(--line);flex:none}
.bal{display:flex;align-items:center;gap:8px;background:var(--surface);padding:0 12px;height:38px}
.bal .num{font-weight:600;font-size:14px;min-width:64px;text-align:right}
.bal.bump .num{animation:bump .5s ease}
.bal.dip .num{animation:dip .4s ease}
@keyframes bump{40%{color:var(--win)}}
@keyframes dip{40%{color:var(--loss)}}
.claim{display:flex;align-items:center;gap:6px;background:var(--accent);color:var(--accent-ink);font-weight:600;font-size:13px;padding:0 14px}
.claim:hover{background:var(--accent-hi)}
.ib{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;color:var(--muted);flex:none;position:relative}
.ib:hover{background:var(--surface);color:var(--fg)}
.ib .badge{position:absolute;top:3px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--blue);color:#fff;font-style:normal;font-size:10px;font-weight:600;display:grid;place-items:center}
.user{display:flex;align-items:center;gap:9px;padding:3px 8px 3px 3px;border-radius:8px;flex:none}
.user:hover{background:var(--surface)}
.user .nm{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;min-width:0}
.user .nm b{font-size:13px;font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user .nm span{font-size:11px;color:var(--muted)}
.signin{background:var(--blue);color:#fff;font-weight:600;font-size:13px;padding:0 16px;height:38px;border-radius:8px;flex:none;white-space:nowrap}
.signin:hover{background:var(--blue-hi)}

/* avatars */
.avt{--h:220;--s:30px;width:var(--s);height:var(--s);border-radius:28%;display:inline-grid;place-items:center;flex:none;position:relative;background:hsl(var(--h) 45% 38%);color:#fff;overflow:visible}
.avt b{font-weight:600;font-size:calc(var(--s) * .42);line-height:1}
.avt svg,.avt img{width:80%;height:80%;object-fit:contain}
.avt.fr-gold{box-shadow:0 0 0 2px var(--frame-bg,var(--bg)),0 0 0 3.5px var(--gold)}
.avt.fr-neon{box-shadow:0 0 0 2px var(--frame-bg,var(--bg)),0 0 0 3.5px var(--blue),0 0 12px var(--blue)}
.avt.fr-prism::after{content:"";position:absolute;inset:-4.5px;border-radius:32%;padding:2px;background:conic-gradient(#f04d5e,#f2b33d,#1fcb6b,#3d8bfd,#a26bfa,#f04d5e);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:hue 4s linear infinite}
@keyframes hue{to{filter:hue-rotate(360deg)}}
.lv{display:inline-grid;place-items:center;min-width:22px;height:18px;padding:0 5px;border-radius:4px;font-size:10.5px;font-weight:600;background:var(--raise);color:var(--muted)}
.lv.g{background:color-mix(in srgb,var(--gold) 16%,transparent);color:var(--gold)}

/* drops strip */
.ticker{grid-area:tick;display:flex;align-items:stretch;border-bottom:1px solid var(--line);background:var(--bg);overflow:hidden;min-width:0;z-index:2}
.tk-label{flex:none;display:flex;align-items:center;gap:7px;padding:0 14px;font-size:12px;font-weight:600;color:var(--muted);border-right:1px solid var(--line);white-space:nowrap}
.tk-label i{width:7px;height:7px;border-radius:50%;background:var(--win);animation:pulse 1.6s infinite}
@keyframes pulse{50%{opacity:.35}}
.tk-track{display:flex;gap:6px;padding:7px;overflow:hidden;min-width:0;flex:1;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
.tk{--rc:var(--c-common);flex:none;width:150px;display:flex;align-items:center;gap:8px;padding:0 10px 0 6px;border-radius:6px;background:var(--surface);border-left:3px solid var(--rc);cursor:pointer;overflow:hidden;position:relative}
.tk.in{animation:tkIn .5s cubic-bezier(.2,.8,.2,1)}
@keyframes tkIn{from{width:0;opacity:0;padding:0}}
.tk .art{width:36px;height:36px;flex:none}
.tk div{display:flex;flex-direction:column;min-width:0;line-height:1.2}
.tk b{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tk span{font-size:11.5px;color:var(--muted);display:flex;gap:4px;align-items:center;white-space:nowrap}
.tk .who{position:absolute;inset:0;display:flex;align-items:center;gap:8px;padding:0 10px;background:var(--surface-2);opacity:0;transition:opacity .15s;font-size:12px;font-weight:500}
.tk:hover .who{opacity:1}

main#view{grid-area:main;overflow-y:auto;overflow-x:hidden;padding:24px 28px 48px;min-width:0;background:color-mix(in srgb,var(--bg) 82%,transparent)}
main#view>.page{min-width:0;max-width:1360px;margin:0 auto}
main.enter>.page>*{animation:rise .35s cubic-bezier(.2,.8,.2,1) both}
main.enter>.page>*:nth-child(2){animation-delay:.03s}
main.enter>.page>*:nth-child(3){animation-delay:.06s}
main.enter>.page>*:nth-child(n+4){animation-delay:.09s}
@keyframes rise{from{opacity:.001;transform:translateY(8px)}}

/* chat */
.chat{grid-area:chat;border-left:1px solid var(--line);display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--side)}
.chat-h{display:flex;align-items:center;gap:10px;padding:12px 12px 10px 16px;border-bottom:1px solid var(--line)}
.chat-h b{font-weight:600;font-size:14px}
.room{font-size:12px;color:var(--muted);background:var(--surface);border-radius:5px;padding:2px 7px}
.online{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;margin-left:auto}
.online i{width:7px;height:7px;border-radius:50%;background:var(--win)}
.chat-list{flex:1;overflow-y:auto;padding:8px 10px 10px;display:flex;flex-direction:column;gap:2px;min-height:0}
.msg{padding:7px 8px;border-radius:6px;animation:msgIn .3s ease-out}
.msg:hover{background:var(--surface)}
.msg.me{background:color-mix(in srgb,var(--blue) 8%,transparent)}
.msg.sys{background:color-mix(in srgb,var(--gold) 8%,transparent)}
.msg-h{display:flex;align-items:center;gap:7px;margin-bottom:2px}
.msg-h b{font-size:12.5px;font-weight:600;cursor:pointer}
.msg-h b:hover{text-decoration:underline}
.msg-h time{margin-left:auto;font-size:10.5px;color:var(--dim)}
.msg p{margin:0 0 0 29px;color:#C3D0DC;font-size:13px;overflow-wrap:anywhere}
@keyframes msgIn{from{opacity:.001}}
.chat-f{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line)}
.chat-f input{flex:1;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:9px 12px;font-size:13px;outline:0}
.chat-f input:focus{border-color:var(--line-hi)}
.chat-f input::placeholder{color:var(--dim)}
.chat-f .send{background:var(--blue);color:#fff}
.chatx{display:none}

/* ---------- shared ---------- */
.eyebrow,.crumb{font-size:12px;font-weight:500;color:var(--dim)}
.crumb button{color:var(--muted)}.crumb button:hover{color:var(--fg)}
.sec{font-weight:600;font-size:16px;margin:0}
.sec-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:32px 0 12px}
.sec-h .sec{display:flex;align-items:center;gap:8px}
.sec-h .sec .i{color:var(--dim)}
.more{color:var(--muted);font-weight:500;font-size:13px;padding:5px 9px;border-radius:6px;background:var(--surface)}
.more:hover{color:var(--fg);background:var(--surface-2)}
.page-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.page-h h2{font-weight:600;font-size:24px;margin:2px 0 4px;letter-spacing:-.01em}
.page-h p{margin:0;color:var(--muted);max-width:66ch}
.tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.back{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-weight:500;font-size:13px;margin-bottom:12px;padding:5px 9px 5px 5px;border-radius:6px}
.back:hover{color:var(--fg);background:var(--surface)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px}
.cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;border-radius:8px;background:var(--accent);color:var(--accent-ink);font-weight:600;font-size:14px;transition:background .12s,transform .08s,opacity .15s;white-space:nowrap}
.cta:hover{background:var(--accent-hi)}
.cta:active{transform:translateY(1px)}
.cta:disabled{opacity:.4}
.cta.gold{background:var(--gold);color:var(--chip-ink)}
.cta.gold:hover{background:var(--gold-hi)}
.cta.blue{background:var(--blue);color:#fff}
.cta.blue:hover{background:var(--blue-hi)}
.cta.ghost{background:var(--raise);color:var(--fg)}
.cta.ghost:hover{background:var(--raise-hi)}
.cta.red{background:var(--loss);color:#fff}
.cta.inline{width:auto;padding:0 18px;height:42px}
.cta.sm{width:auto;height:34px;padding:0 13px;font-size:13px;border-radius:7px}
.cta.grow{flex:1}
.fld{display:flex;flex-direction:column;gap:6px}
.fld>span{font-size:12.5px;font-weight:500;color:var(--muted)}
.amt{display:flex;align-items:center;gap:4px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:3px 3px 3px 10px}
.amt:focus-within{border-color:var(--line-hi)}
.amt input{flex:1;min-width:0;background:none;border:0;outline:0;font-weight:600;font-size:14px;padding:7px 4px;font-variant-numeric:tabular-nums}
.amt input::-webkit-inner-spin-button{display:none}
.amt button{background:var(--raise);border-radius:6px;padding:7px 10px;font-size:12.5px;font-weight:600;color:var(--muted)}
.amt button:hover:not(:disabled){color:var(--fg);background:var(--raise-hi)}
.amt .sfx{color:var(--dim);font-weight:600;padding-right:10px}
select.sel{appearance:none;background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%2391A4B6' stroke-width='2'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid var(--line);border-radius:8px;padding:10px 32px 10px 12px;font-weight:500}
.seg{display:flex;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:3px;gap:3px}
.seg button{flex:1;padding:8px;border-radius:6px;font-weight:500;font-size:13px;color:var(--muted);white-space:nowrap}
.seg button:hover{color:var(--fg)}
.seg button.on{background:var(--raise);color:var(--fg)}
.seg button:disabled{opacity:.5}
.search{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:0 11px;color:var(--dim)}
.search:focus-within{border-color:var(--line-hi)}
.search input{background:none;border:0;outline:0;padding:9px 0;width:170px;color:var(--fg)}
.search.sm input{width:120px;padding:7px 0;font-size:13px}
.kv{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);gap:10px}
.kv b{color:var(--fg);font-weight:600;font-variant-numeric:tabular-nums}
.kv b.w{color:var(--win)}
.note{font-size:12.5px;color:var(--dim);margin:0}
.tog{display:inline-flex;align-items:center;gap:8px;font-weight:500;font-size:13px;color:var(--muted);cursor:pointer;user-select:none}
.tog input{position:absolute;opacity:0;pointer-events:none}
.tog span{width:34px;height:20px;border-radius:10px;background:var(--raise);position:relative;transition:background .2s}
.tog span::after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:var(--fg);transition:transform .2s}
.tog input:checked+span{background:var(--accent)}
.tog input:checked+span::after{transform:translateX(14px)}
.tog input:focus-visible+span{outline:2px solid var(--blue-hi);outline-offset:2px}
.pill{flex:none;font-weight:600;font-size:12px;padding:4px 8px;border-radius:5px;background:var(--surface-2);font-variant-numeric:tabular-nums;animation:pillIn .3s ease-out}
.pill.lo{color:var(--loss)}.pill.mid{color:var(--fg)}.pill.w{color:var(--win)}.pill.hi{color:var(--gold)}
@keyframes pillIn{from{opacity:.001;transform:scale(.8)}}
.streak{display:flex;gap:5px;flex-wrap:wrap;min-height:26px}
.result{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:4}
.result div{background:var(--surface);border:2px solid var(--win);border-radius:10px;padding:14px 24px;text-align:center;animation:popIn .35s cubic-bezier(.2,1.3,.4,1);box-shadow:0 20px 50px -10px var(--shadow)}
.result b{display:block;font-size:28px;font-weight:700;color:var(--win)}
.result span{font-weight:500;color:var(--muted)}
@keyframes popIn{from{opacity:.001;transform:scale(.7)}}
.tag{display:inline-block;font-size:11px;font-weight:600;padding:2px 7px;border-radius:4px;background:var(--raise);color:var(--muted)}
.tag.g{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}
.tag.r{background:color-mix(in srgb,var(--loss) 16%,transparent);color:var(--loss)}
.tag.b{background:color-mix(in srgb,var(--blue) 16%,transparent);color:var(--blue-hi)}
.tag.y{background:color-mix(in srgb,var(--gold) 16%,transparent);color:var(--gold)}

/* ---------- items ---------- */
.r-common{--rc:var(--c-common)}.r-uncommon{--rc:var(--c-uncommon)}.r-rare{--rc:var(--c-rare)}.r-epic{--rc:var(--c-epic)}.r-legendary{--rc:var(--c-legendary)}.r-limited{--rc:var(--c-limited)}
.itc{--rc:var(--c-common);position:relative;border-radius:8px;background:var(--surface-2);border:1px solid var(--line);padding:12px 8px 10px;display:flex;flex-direction:column;align-items:center;gap:2px;overflow:hidden;text-align:center;transition:transform .15s,border-color .15s}
.itc::before{content:"";position:absolute;left:0;right:0;top:0;height:70%;background:radial-gradient(60% 60% at 50% 55%,color-mix(in srgb,var(--rc) 22%,transparent),transparent 70%);pointer-events:none}
.itc::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--rc)}
.itc-art{position:relative;height:72px;display:grid;place-items:center}
.itc-art .art{width:68px;height:68px;transition:transform .25s}
.itc:hover .itc-art .art{transform:scale(1.06)}
.itc-n{font-size:12.5px;font-weight:500;position:relative;line-height:1.25}
.itc-v{font-size:12.5px;display:flex;align-items:center;gap:4px;position:relative;font-weight:600;font-variant-numeric:tabular-nums}
.rar{font-size:10.5px;font-weight:500;color:var(--rc);position:relative}
.ser{position:absolute;top:6px;right:6px;font-size:10px;font-weight:600;background:var(--rc);color:#1A0710;padding:0 5px;border-radius:4px;z-index:1}
.pct{position:absolute;top:6px;left:7px;font-size:11px;font-weight:500;color:var(--muted);z-index:1}
.igrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
.igrid.sm{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));max-height:430px;overflow-y:auto;padding:2px}
.igrid.sm .itc-art{height:58px}.igrid.sm .itc-art .art{width:54px;height:54px}
.itc.pick{cursor:pointer}
.itc.pick:hover{border-color:var(--line-hi)}
.itc.sel{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}
.itc.sel .ck{opacity:1;transform:scale(1)}
.ck{position:absolute;top:6px;left:6px;width:18px;height:18px;border-radius:5px;background:var(--blue);display:grid;place-items:center;opacity:0;transform:scale(.6);transition:.15s;z-index:2;color:#fff}
.itc-acts{position:absolute;inset:auto 6px 7px;display:flex;gap:4px;opacity:0;transform:translateY(4px);transition:.15s;z-index:3}
.itc:hover .itc-acts,.itc:focus-within .itc-acts{opacity:1;transform:none}
.itc-acts button{flex:1;height:28px;border-radius:6px;background:var(--raise-hi);font-size:12px;font-weight:600;display:grid;place-items:center}
.itc-acts button:hover{background:var(--blue)}
.itc-acts button.on{background:var(--gold);color:var(--chip-ink)}
img.art{object-fit:contain}

/* reels */
.reel{position:relative;height:168px;border-radius:8px;background:var(--bg);overflow:hidden;border:1px solid var(--line);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.reel::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--gold);z-index:3}
.reel::before{content:"";position:absolute;left:50%;top:0;margin-left:-7px;border:7px solid transparent;border-top-color:var(--gold);z-index:3}
.track{display:flex;gap:6px;padding:12px 0;height:100%;will-change:transform}
.rtile{--rc:var(--c-common);flex:none;width:128px;height:100%;border-radius:7px;background:var(--surface-2);border-bottom:2px solid var(--rc);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px;position:relative;overflow:hidden}
.rtile::before{content:"";position:absolute;inset:0;background:radial-gradient(55% 45% at 50% 42%,color-mix(in srgb,var(--rc) 24%,transparent),transparent 70%)}
.rtile .art{width:62px;height:62px;position:relative}
.rtile-n{font-size:11.5px;font-weight:500;text-align:center;line-height:1.15;position:relative}
.rtile-v{font-size:11.5px;color:var(--muted);display:flex;gap:4px;align-items:center;position:relative}
.rtile.won{animation:won 1.1s ease;z-index:2;box-shadow:inset 0 0 0 2px var(--rc)}
@keyframes won{20%{transform:scale(1.06)}45%{transform:scale(1)}}
.vreel{position:relative;height:300px;border-radius:8px;background:var(--bg);overflow:hidden;border:1px solid var(--line);-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent)}
.vreel::after{content:"";position:absolute;top:50%;left:0;right:0;height:2px;margin-top:-1px;background:var(--gold);z-index:3}
.vreel .track{flex-direction:column;padding:0 8px;height:auto;gap:6px}
.vreel .rtile{width:100%;height:118px}

/* cases */
.case-art{--h:210;position:relative;width:100%;aspect-ratio:1.25;max-width:100%;display:grid;place-items:end center}
.case-glow{position:absolute;left:50%;top:50%;width:70%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,hsl(var(--h) 70% 50% / .28),transparent)}
.case-top{position:absolute;left:50%;top:6%;width:44%;transform:translateX(-50%);animation:floaty 4s ease-in-out infinite}
.case-top .art{width:100%;height:auto}
.case-box{position:relative;width:76%;height:auto;transition:transform .3s}
@keyframes floaty{50%{transform:translate(-50%,-5px)}}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.crow{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px}
.ccard{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 12px 14px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);text-align:center;overflow:hidden;transition:transform .15s,border-color .15s}
.ccard:hover{transform:translateY(-2px);border-color:var(--line-hi)}
.ccard:hover .case-box{transform:scale(1.04)}
.ccard b{font-weight:500;font-size:14px}
.cprice{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:13px;background:var(--bg);padding:5px 10px;border-radius:6px}
.ctag{position:absolute;top:9px;left:9px;font-size:10.5px;font-weight:600;padding:2px 6px;border-radius:4px;background:var(--loss);color:#fff;z-index:2}
.ctag.new{background:var(--accent);color:var(--accent-ink)}
.ctag.ltd{background:var(--c-epic)}
.copen{position:relative;border-radius:var(--r);padding:18px;background:var(--surface);border:1px solid var(--line);overflow:hidden}
.copen-h{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.copen-h .case-art{width:110px;flex:none}
.copen-h h2{font-weight:600;font-size:22px;margin:2px 0}
.copen-h p{margin:0}
.reels{display:flex;flex-direction:column;gap:8px}
.copen-ctl{display:flex;gap:10px;align-items:flex-end;margin-top:14px;flex-wrap:wrap}
.copen-ctl .fld{min-width:170px}
.wonbar{display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px;border-radius:8px;background:var(--bg);border:1px solid var(--line);flex-wrap:wrap;animation:rise .3s}
.wonbar .wi{display:flex;gap:6px;flex-wrap:wrap;flex:1;min-width:0}
.mini{--rc:var(--c-common);display:inline-flex;align-items:center;gap:6px;padding:3px 9px 3px 3px;border-radius:6px;background:var(--surface-2);border-left:2px solid var(--rc);font-size:12.5px;font-weight:500}
.mini .art{width:28px;height:28px}
.mini span{color:var(--muted);font-size:12px}

/* battles */
.mode{display:inline-block;font-size:11px;font-weight:600;padding:2px 7px;border-radius:4px;background:var(--raise);color:var(--fg)}
.mode.m-crazy{background:color-mix(in srgb,var(--loss) 18%,transparent);color:var(--loss)}
.mode.m-shared{background:color-mix(in srgb,var(--blue) 18%,transparent);color:var(--blue-hi)}
.blist{display:flex;flex-direction:column;gap:6px}
.brow{display:grid;grid-template-columns:96px minmax(150px,1fr) minmax(0,1.4fr) 120px 170px;align-items:center;gap:14px;padding:10px 12px;border-radius:8px;background:var(--surface);border:1px solid var(--line);transition:border-color .15s;animation:rise .3s}
.brow:hover{border-color:var(--line-hi)}
.brow.mine{border-color:color-mix(in srgb,var(--blue) 50%,transparent)}
.bmeta{display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.bmeta b{font-weight:600;font-size:14px}
.bseats{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.seat-empty{width:30px;height:30px;border-radius:28%;border:1.5px dashed var(--line-hi);display:grid;place-items:center;color:var(--dim)}
.vs{font-style:normal;font-size:11px;font-weight:600;color:var(--dim);margin:0 2px}
.bcases{display:flex;gap:5px;overflow:hidden;min-width:0}
.cth{--h:210;position:relative;flex:none;width:44px;height:44px;border-radius:7px;background:var(--surface-2);display:grid;place-items:center;border:1px solid transparent;transition:.2s}
.cth svg{width:34px;height:auto}
.cth i{position:absolute;right:-4px;bottom:-4px;font-style:normal;font-size:10px;font-weight:600;background:var(--raise-hi);border-radius:4px;padding:0 4px}
.cth.now{border-color:var(--gold)}
.cth.done{opacity:.35}
.bcost{display:flex;flex-direction:column;gap:1px}
.bcost span{font-size:11.5px;color:var(--dim)}
.bcost b{display:flex;gap:6px;align-items:center;font-weight:600}
.bact{display:flex;gap:8px;align-items:center;justify-content:flex-end}
.rdot{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:var(--loss);white-space:nowrap}
.rdot::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--loss);animation:pulse 1.2s infinite}
.bv-h{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;margin-bottom:12px;padding:12px 14px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line)}
.bv-h .fmt{font-weight:600;font-size:18px;margin-left:6px;vertical-align:middle}
.bv-strip{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;justify-content:center;padding:4px}
.arena{display:grid;gap:10px;position:relative}
.arena.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.arena.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.arena.n4{grid-template-columns:repeat(4,minmax(0,1fr))}
.col{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);min-width:0;transition:border-color .3s}
.col.winner{border-color:var(--win);box-shadow:inset 0 0 0 1px var(--win)}
.col.loser{opacity:.5}
.arena.teams .col:nth-child(-n+2){border-top:2px solid var(--blue)}
.arena.teams .col:nth-child(n+3){border-top:2px solid var(--loss)}
.pcard{display:flex;align-items:center;gap:9px;min-height:42px;min-width:0}
.pcard .nm{display:flex;flex-direction:column;align-items:flex-start;min-width:0;line-height:1.25;gap:2px}
.pcard .nm b{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.pcard .tot{margin-left:auto;font-weight:600;display:flex;gap:5px;align-items:center;font-size:14px;font-variant-numeric:tabular-nums}
.pcard .tot.up{animation:bump .5s}
.seat-wait{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:300px;color:var(--muted);font-weight:500;text-align:center;border-radius:8px;border:1.5px dashed var(--line-hi)}
.seat-wait .spin{width:28px;height:28px;margin:0;border-width:3px}
.pdrops{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:5px}
.pd{--rc:var(--c-common);border-radius:6px;background:var(--surface-2);border-bottom:2px solid var(--rc);padding:5px 4px;display:flex;flex-direction:column;align-items:center;animation:popIn .3s}
.pd .art{width:36px;height:36px}
.pd span{font-size:11px;color:var(--muted);font-weight:500}
.vsb{position:absolute;left:50%;top:150px;transform:translate(-50%,-50%);z-index:5;width:40px;height:40px;border-radius:50%;background:var(--bg);border:1px solid var(--line-hi);display:grid;place-items:center;font-weight:700;font-size:12px;color:var(--muted)}
.bv-banner{margin-top:12px;padding:18px;border-radius:var(--r);text-align:center;background:var(--surface);border:1px solid var(--line);animation:popIn .35s cubic-bezier(.2,1.2,.4,1)}
.bv-banner h3{font-weight:600;font-size:21px;margin:0 0 4px}
.bv-banner.win{border-color:var(--win)}
.bv-banner.win h3{color:var(--win)}
.pickcases{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:6px;max-height:330px;overflow-y:auto;padding:2px}
.pkc{--h:210;border-radius:8px;padding:8px;background:var(--bg);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}
.pkc.on{border-color:var(--blue)}
.pkc .case-art{width:80px}
.pkc b{font-size:12px;font-weight:500}
.pkc>span{font-size:12px;color:var(--muted);display:flex;gap:4px;align-items:center}
.qty{display:flex;align-items:center;gap:6px;margin-top:2px}
.qty button{width:26px;height:26px;border-radius:6px;background:var(--raise);font-weight:600}
.qty button:hover{background:var(--raise-hi)}
.qty span{font-weight:600;min-width:16px}

/* upgrader */
.upg{display:grid;grid-template-columns:minmax(0,1fr) 320px minmax(0,1fr);gap:12px;align-items:stretch}
.upg-side{display:flex;flex-direction:column;gap:12px}
.slot{flex:1;min-height:200px;border-radius:8px;border:1.5px dashed var(--line-hi);display:grid;place-items:center;padding:12px;color:var(--dim);text-align:center;font-weight:500;font-size:13px;position:relative}
.slot.full{border-style:solid;border-color:var(--line)}
.slot .stack{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.slot .stack .itc{width:118px}
.slot .big .itc{width:170px}
.slot .big .itc-art{height:100px}.slot .big .itc-art .art{width:96px;height:96px}
.upg-mid{display:flex;flex-direction:column;align-items:center;gap:12px}
.wheel{position:relative;width:250px;height:250px;max-width:100%}
.wheel svg{width:100%;height:100%;transform:rotate(-90deg)}
.w-track{fill:none;stroke:var(--raise);stroke-width:16}
.w-arc{fill:none;stroke:var(--win);stroke-width:16;transition:stroke-dasharray .4s,transform .4s;transform-origin:120px 120px}
.w-in{fill:var(--surface)}
.needle{position:absolute;inset:0;transition:transform 4.6s cubic-bezier(.12,.72,.12,1);pointer-events:none}
.needle i{position:absolute;left:50%;top:6px;width:4px;height:40px;margin-left:-2px;border-radius:2px;background:var(--fg)}
.needle i::after{content:"";position:absolute;left:50%;bottom:-7px;margin-left:-6px;border:6px solid transparent;border-top-color:var(--fg)}
.w-read{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}
.w-read b{font-weight:700;font-size:30px;font-variant-numeric:tabular-nums}
.w-read span{font-size:12px;color:var(--muted)}
.wheel.win .w-read b{color:var(--win)}
.wheel.lose .w-read b{color:var(--loss)}
.wheel.lose{animation:shake .5s}
.presets{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}
.presets button{padding:6px 10px;border-radius:6px;background:var(--raise);font-weight:600;font-size:12.5px}
.presets button:hover{background:var(--raise-hi)}
.upg-pick{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:12px}
.ph{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}
@keyframes shake{20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}

/* inventory */
.invbar{position:sticky;bottom:0;margin-top:14px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r);background:var(--surface-2);border:1px solid var(--line-hi);box-shadow:0 -10px 30px -12px var(--shadow);flex-wrap:wrap;z-index:5}
.stats3{display:flex;gap:8px;flex-wrap:wrap}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:9px 13px;min-width:116px}
.stat span{display:block;font-size:12px;color:var(--muted)}
.stat b{font-size:17px;font-weight:600;display:flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}
.empty{padding:46px 20px;text-align:center;color:var(--muted);border:1.5px dashed var(--line-hi);border-radius:var(--r)}
.empty h3{font-weight:600;color:var(--fg);margin:0 0 6px}
.empty .cta{margin:16px auto 0}

/* home */
.promo{position:relative;border-radius:12px;overflow:hidden;height:236px;background:var(--surface)}
.slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;padding:0 40px;opacity:0;transition:opacity .6s;pointer-events:none}
.slide.on{opacity:1;pointer-events:auto}
.slide h2{font-weight:700;font-size:clamp(22px,2.6vw,32px);line-height:1.1;margin:0 0 10px;letter-spacing:-.015em;text-wrap:balance}
.slide p{margin:0 0 18px;color:#C9D5E0;max-width:46ch}
.slide .art-r{position:relative;height:100%;display:grid;place-items:center}
.dots{position:absolute;left:40px;bottom:16px;display:flex;gap:6px;z-index:2}
.dots button{width:22px;height:4px;border-radius:2px;background:#ffffff33}
.dots button.on{background:#fff}
.quick{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:14px}
.quick button{display:flex;align-items:center;gap:10px;padding:12px;border-radius:8px;background:var(--surface);border:1px solid var(--line);font-weight:500;text-align:left}
.quick button:hover{border-color:var(--line-hi);background:var(--surface-2)}
.quick button .i{color:var(--accent)}
.quick small{display:block;color:var(--dim);font-size:11.5px}
.games{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.gcard{position:relative;aspect-ratio:3/4;max-width:100%;border-radius:10px;overflow:hidden;text-align:left;padding:12px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;isolation:isolate;transition:transform .15s}
.gcard:hover{transform:translateY(-3px)}
.gcard b{font-weight:700;font-size:16px;letter-spacing:-.01em}
.gcard .art{position:absolute;right:-8px;bottom:26px;transition:transform .3s}
.gcard:hover .art{transform:scale(1.05) rotate(-3deg)}
.gcard .gt{align-self:flex-start;background:#00000040;border-radius:4px;padding:3px 7px;font-size:11px;font-weight:600}
.gcard .rt{position:absolute;left:12px;bottom:12px;font-size:11px;font-weight:500;opacity:.8}
.lower{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:12px;margin-top:32px}
.feed-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}
.tabs{display:flex;gap:2px;flex-wrap:wrap;background:var(--bg);padding:3px;border-radius:8px;border:1px solid var(--line)}
.tabs button{padding:6px 11px;border-radius:6px;font-size:13px;font-weight:500;color:var(--muted)}
.tabs button.on{background:var(--raise);color:var(--fg)}
.frow{display:grid;grid-template-columns:1.1fr 1.4fr .6fr 1fr .8fr 1fr;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;font-size:13px}
.frow:nth-child(even){background:var(--surface-2)}
.frow.hd{background:none!important;color:var(--dim);font-size:12px;font-weight:500;padding-top:0}
.frow.new{animation:rowIn .4s ease-out}
.frow.me{box-shadow:inset 2px 0 0 var(--blue)}
@keyframes rowIn{from{opacity:.001;transform:translateY(-6px)}}
.frow>span{display:flex;align-items:center;gap:7px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.frow .g{color:var(--muted)}
.frow .u{cursor:pointer;font-weight:500}
.frow .t,.frow .m{color:var(--muted);font-variant-numeric:tabular-nums}
.frow .b,.frow .p{font-weight:600;font-variant-numeric:tabular-nums}
.frow .p{justify-content:flex-end}
.frow .p.w{color:var(--win)}.frow .p.l{color:var(--dim)}
.lb ol{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}
.lb li{display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:6px;background:var(--surface-2);font-size:13px;cursor:pointer}
.lb .rk{font-weight:600;font-size:12px;color:var(--dim);width:16px}
.lb li:nth-child(1) .rk{color:var(--gold)}
.lb .x{margin-left:auto;font-weight:600;color:var(--win)}
.lb .who{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.lb .gm{color:var(--dim);font-size:11.5px}
.foot{margin-top:40px;padding:22px 0 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--dim);font-size:12.5px}
.foot nav{display:flex;gap:16px;flex-wrap:wrap}
.foot nav button{color:var(--muted)}
.foot nav button:hover{color:var(--fg)}
.foot p{margin:6px 0 0;max-width:62ch}

/* profile */
.prof{border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--surface)}
.banner{height:150px;position:relative}
.bn-aurora{background:linear-gradient(120deg,#123a6b,#1f6fd1,#6b4fd8,#1fcb6b,#123a6b);background-size:300% 300%;animation:aur 16s ease infinite}
.bn-ocean{background:linear-gradient(135deg,#062a4a,#0b6e8f 50%,#3fd0c9)}
.bn-sunset{background:linear-gradient(135deg,#3a0d3d,#c23a6b 50%,#f5a63d)}
.bn-ember{background:radial-gradient(120% 140% at 80% 0,#ff8a3d,#8f1d2c 55%,#1a0710)}
.bn-matrix{background:linear-gradient(transparent 31px,#1fcb6b22 32px) 0 0/100% 32px,linear-gradient(90deg,transparent 31px,#1fcb6b22 32px) 0 0/32px 100%,linear-gradient(180deg,#04140f,#0a2a1f);animation:scan 6s linear infinite}
.bn-royal{background:linear-gradient(135deg,#1a0f3d,#5b2bd0 45%,#f2b33d)}
@keyframes aur{50%{background-position:100% 50%}}
@keyframes scan{to{background-position:0 32px,32px 0,0 0}}
.prof-b{display:flex;gap:16px;align-items:flex-end;padding:0 20px 18px;margin-top:-44px;position:relative;flex-wrap:wrap}
.prof-b .avt{--frame-bg:var(--surface)}
.prof-b h2{font-weight:600;font-size:22px;margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.prof-b p{margin:4px 0 0;color:var(--muted);max-width:62ch;overflow-wrap:anywhere}
.prof-b .grow{flex:1;min-width:200px}
.verified{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:500;color:var(--win);background:color-mix(in srgb,var(--win) 12%,transparent);padding:2px 7px;border-radius:4px}
.xp{margin:0 20px 18px}
.xp-h{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);margin-bottom:6px}
.xp-bar{height:6px;border-radius:3px;background:var(--raise);overflow:hidden}
.xp-bar i{display:block;height:100%;border-radius:3px;background:var(--accent);transition:width .8s cubic-bezier(.2,.8,.2,1)}
.pgrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px;margin-top:12px}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.badges{display:grid;gap:6px}
.bdg{display:flex;align-items:center;gap:10px;padding:9px;border-radius:8px;background:var(--surface-2)}
.bdg i{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--gold) 14%,transparent);color:var(--gold);flex:none}
.bdg div{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.bdg b{font-size:13px;font-weight:500}
.bdg span{font-size:12px;color:var(--muted)}
.bdg.off{opacity:.45}
.bdg.off i{background:var(--raise);color:var(--dim)}
.editor{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:12px;animation:rise .3s}
.swatches{display:flex;gap:6px;flex-wrap:wrap}
.sw{width:52px;height:34px;border-radius:7px;border:2px solid transparent;position:relative}
.sw.on{border-color:var(--fg)}
.sw .lk{position:absolute;inset:0;display:grid;place-items:center;background:#000a;border-radius:5px;color:var(--fg)}
.hue{width:100%;appearance:none;height:10px;border-radius:5px;background:linear-gradient(90deg,hsl(0 60% 45%),hsl(60 60% 45%),hsl(120 60% 45%),hsl(180 60% 45%),hsl(240 60% 45%),hsl(300 60% 45%),hsl(360 60% 45%))}
.hue::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:var(--fg);border:3px solid var(--bg);cursor:pointer}
.hue::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--fg);border:3px solid var(--bg)}
textarea.txt{resize:vertical;min-height:80px;line-height:1.5}
.avpick{display:flex;gap:6px;flex-wrap:wrap}
.avpick button{width:42px;height:42px;border-radius:9px;background:var(--surface-2);border:2px solid transparent;display:grid;place-items:center}
.avpick button .art{width:32px;height:32px}
.avpick button.on{border-color:var(--blue)}

/* rewards */
.rgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:10px}
.rcard{display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}
.rcard h3{font-weight:600;font-size:16px;margin:0}
.rcard p{margin:0;color:var(--muted);font-size:13px}
.rcard .cd{font-weight:500;font-size:13.5px;font-variant-numeric:tabular-nums}
.mis{display:flex;flex-direction:column;gap:8px}
.mi{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;padding:9px 11px;border-radius:8px;background:var(--surface-2)}
.mi b{font-size:13px;font-weight:500}
.mi .bar{grid-column:1/-1;height:5px;border-radius:3px;background:var(--raise);overflow:hidden;width:auto;margin:0}
.mi .bar i{display:block;height:100%;background:var(--accent);border-radius:3px}

/* game layout */
.ghead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.ghead h2{font-weight:600;font-size:24px;margin:2px 0 4px;letter-spacing:-.01em}
.ghead p{margin:0;color:var(--muted);max-width:66ch}
.rtp{font-size:12.5px;font-weight:500;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:5px 9px;display:flex;gap:6px;align-items:center}
.rtp .i{color:var(--win)}
.game{display:grid;grid-template-columns:300px minmax(0,1fr);gap:0;align-items:stretch;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--surface)}
.side-p{background:var(--surface-2);padding:16px;display:flex;flex-direction:column;gap:14px;border-right:1px solid var(--line)}
.stage{background:var(--bg);padding:16px;position:relative;min-width:0;overflow:hidden}
.stage.solo{border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.stage.center{display:grid;place-items:center;min-height:460px}

/* crash */
.hist{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;margin-bottom:10px;min-height:26px}
.hist::-webkit-scrollbar{display:none}
.crash-wrap{position:relative;height:clamp(300px,46vh,420px);border-radius:8px;background:var(--surface);overflow:hidden}
.crash-wrap canvas{position:absolute;inset:0;width:100%;height:100%}
.crash-read{position:absolute;left:0;right:0;top:20%;text-align:center;pointer-events:none}
.big{font-weight:700;font-size:clamp(40px,6.5vw,64px);letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}
.big.boom{color:var(--loss);animation:shake .45s}
.big.cashed{color:var(--win)}
.phase{margin-top:8px;color:var(--muted);font-weight:500;font-size:13px}
.bar{width:180px;height:4px;border-radius:2px;background:var(--raise);margin:10px auto 0;overflow:hidden}
.bar i{display:block;height:100%;background:var(--accent);transform-origin:left}
.round{margin-top:12px}
.round-h{display:flex;justify-content:space-between;color:var(--muted);font-size:12.5px;font-weight:500;margin-bottom:8px}
.rlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px}
.rrow{display:flex;align-items:center;gap:8px;background:var(--surface);border-radius:6px;padding:6px 8px;font-size:12.5px;animation:rise .25s}
.rrow .nm{font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rrow .st{margin-left:auto;font-weight:600;color:var(--muted);white-space:nowrap;display:flex;gap:4px;align-items:center}
.rrow .st.w{color:var(--win)}.rrow .st.l{color:var(--loss)}
.rrow.me{box-shadow:inset 0 0 0 1px var(--blue)}

/* mines & towers */
.mines{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:min(100%,490px)}
.tile{aspect-ratio:1;max-width:100%;border-radius:8px;background:var(--raise);box-shadow:0 4px 0 #0F1A24;display:grid;place-items:center;transition:transform .12s,background .15s;position:relative}
.tile:not(:disabled):hover{transform:translateY(-2px);background:var(--raise-hi)}
.tile:disabled{cursor:default}
.tile svg{width:58%;height:58%}
.tile.flip{animation:flip .3s ease}
@keyframes flip{50%{transform:rotateY(90deg) scale(.95)}}
.tile.gem{background:#0F3D33;box-shadow:0 4px 0 #082620}
.tile.bomb{background:#4A1520;box-shadow:0 4px 0 #2B0B12}
.tile.bomb.hit{animation:boomT .45s}
@keyframes boomT{30%{transform:scale(1.1)}60%{transform:scale(.95)}}
.tile.dim{opacity:.4}
.towers{display:flex;flex-direction:column;gap:6px;width:min(100%,520px)}
.trow{display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:10px;align-items:center;opacity:.5;transition:opacity .2s}
.trow.active,.trow.done,.trow.reveal{opacity:1}
.trow .cells{display:grid;gap:6px}
.trow .tile{aspect-ratio:auto;height:42px;border-radius:7px}
.trow.active .tile:not(:disabled){box-shadow:0 4px 0 #0F1A24,inset 0 0 0 1px var(--accent)}
.trow .tile svg{width:24px;height:24px}
.trow .x{font-weight:600;font-size:13px;color:var(--muted);text-align:right}
.trow.done .x{color:var(--win)}.trow.active .x{color:var(--fg)}

/* cups */
.cups{position:relative;width:min(100%,560px);height:280px}
.cupw{position:absolute;bottom:30px;width:26%;height:170px;transition:left .35s ease-in-out}
.cupw .cup{position:absolute;inset:0;z-index:2;transition:transform .4s cubic-bezier(.3,1.3,.5,1)}
.cupw.lift .cup{transform:translateY(-78px)}
.cupw.pick{cursor:pointer}
.cupw.pick .cup{transform-origin:50% 100%}
.cupw.pick:hover .cup{transform:scale(1.05);filter:drop-shadow(0 0 16px rgba(231,199,127,.55))}
.cupw .ball{position:absolute;left:50%;bottom:2px;width:38px;height:38px;margin-left:-19px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--gold-hi),var(--gold) 55%,var(--chip-ink));z-index:1}
.cupw.hopA{animation:hopA var(--sp) ease-in-out}
.cupw.hopB{animation:hopB var(--sp) ease-in-out}
@keyframes hopA{50%{transform:translateY(-22px) scale(1.04)}}
@keyframes hopB{50%{transform:translateY(12px) scale(.96)}}
.floor{position:absolute;left:4%;right:4%;bottom:22px;height:16px;border-radius:50%;background:radial-gradient(closest-side,#00000088,transparent)}
.status{text-align:center;font-weight:500;font-size:15px;color:var(--muted);margin-top:4px;min-height:22px}

/* dice & limbo */
.dice-num{font-weight:700;font-size:clamp(48px,8vw,84px);text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1;margin:16px 0 30px;transition:color .2s}
.dice-num.w{color:var(--win)}.dice-num.l{color:var(--loss)}
.dtrack{position:relative;height:56px;margin:0 10px}
.dbar{position:absolute;left:0;right:0;top:22px;height:10px;border-radius:5px}
.dtrack input[type=range]{position:absolute;inset:0;width:100%;height:56px;margin:0;appearance:none;-webkit-appearance:none;background:none;z-index:3}
.dtrack input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:7px;background:var(--fg);cursor:grab;border:3px solid var(--blue)}
.dtrack input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:7px;background:var(--fg);border:3px solid var(--blue);cursor:grab}
.pin{position:absolute;top:-30px;width:56px;margin-left:-28px;text-align:center;font-weight:600;font-size:13px;padding:5px 0;border-radius:6px;background:var(--fg);color:var(--bg);transition:left .5s cubic-bezier(.2,.8,.2,1);z-index:2}
.pin::after{content:"";position:absolute;left:50%;bottom:-5px;margin-left:-5px;border:5px solid transparent;border-bottom:0;border-top-color:var(--fg)}
.pin.w{background:var(--win)}.pin.w::after{border-top-color:var(--win)}
.pin.l{background:var(--loss)}.pin.l::after{border-top-color:var(--loss)}
.ticks{display:flex;justify-content:space-between;margin:2px 10px 0;font-size:12px;color:var(--dim)}
.dstats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:22px}
.dstats div{background:var(--surface);border-radius:8px;padding:10px 12px}
.dstats span{display:block;font-size:12px;color:var(--muted)}
.dstats b{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}

/* plinko & coin */
.plinko{position:relative;height:clamp(340px,56vh,520px)}
.plinko canvas{position:absolute;inset:0;width:100%;height:100%}
.coin-scene{perspective:900px;height:300px;display:grid;place-items:center}
.toss.go{animation:toss 1.6s cubic-bezier(.3,.6,.3,1)}
@keyframes toss{40%{transform:translateY(-70px) scale(1.12)}}
.coin{width:180px;height:180px;position:relative;transform-style:preserve-3d;transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.face{position:absolute;inset:0;border-radius:50%;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:grid;place-items:center}
.face svg{width:46%;height:46%}
.face.h{background:radial-gradient(circle at 35% 30%,var(--gold-hi),var(--gold) 48%,var(--chip-ink));box-shadow:inset 0 0 0 10px #ffffff22,inset 0 0 0 12px var(--chip-ink);color:var(--chip-ink)}
.face.t{background:radial-gradient(circle at 35% 30%,#8DB8FF,var(--blue) 48%,#14306E);box-shadow:inset 0 0 0 10px #ffffff22,inset 0 0 0 12px #14306E;color:#0B1E4A;transform:rotateY(180deg)}

/* roulette */
.rstrip{position:relative;height:92px;border-radius:8px;background:var(--surface);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.rtrack{display:flex;gap:6px;padding:10px 0;height:100%;will-change:transform}
.rsq{flex:none;width:76px;height:100%;border-radius:7px;display:grid;place-items:center;font-weight:700;font-size:20px;color:#fff}
.rsq.r{background:#D63A4F}.rsq.b{background:#26364A}.rsq.g{background:#1FAE60;color:#03200E}
.rsq.hit{box-shadow:inset 0 0 0 3px #fff;animation:won 1s}
.rmark{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--gold);z-index:2}
.rl-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px;flex-wrap:wrap}
.rl-hist{display:flex;gap:4px;flex-wrap:wrap}
.rh{width:26px;height:26px;border-radius:6px;display:grid;place-items:center;font-size:11.5px;font-weight:600;color:#fff;animation:pillIn .3s}
.rh.r{background:#D63A4F}.rh.b{background:#26364A}.rh.g{background:#1FAE60;color:#03200E}
.rl-last{display:flex;gap:10px;font-size:12.5px;color:var(--muted)}
.rl-last b{color:var(--fg)}
.rl-timer{display:flex;align-items:center;gap:12px;margin:12px 0;font-weight:500;color:var(--muted);font-size:13px}
.rl-bar{flex:1;height:4px;border-radius:2px;background:var(--raise);overflow:hidden}
.rl-bar i{display:block;height:100%;background:var(--accent);transform-origin:left}
.rl-bet{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-bottom:12px}
.rl-bet .fld{flex:1;min-width:240px}
.rl-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.rcol{display:flex;flex-direction:column;gap:6px;min-width:0;transition:opacity .3s}
.rcol.lose{opacity:.4}
.rbet{height:50px;border-radius:8px;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#fff;transition:filter .15s}
.rbet:hover:not(:disabled){filter:brightness(1.1)}
.rbet:disabled{opacity:.5}
.rbet b{background:#0003;padding:3px 8px;border-radius:5px}
.b-r{background:#D63A4F}.b-b{background:#2A3C52}.b-g{background:#1FAE60;color:#03200E}
.rcol-h{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);padding:0 4px}
.rcol-h b{color:var(--fg)}
.rcol .rlist{display:flex;flex-direction:column;gap:4px;max-height:260px;overflow-y:auto}

/* table games */
.felt{position:relative;background:radial-gradient(120% 90% at 50% 15%,var(--felt-hi),var(--felt) 60%,#09231F);border-radius:var(--r);border:1px solid #1D5048;overflow:hidden}
.bj-arc{position:absolute;left:50%;top:40%;width:min(520px,86%);transform:translate(-50%,-50%);pointer-events:none;opacity:.5}
.bj-arc text{font-size:15px;font-weight:600;fill:var(--gold);letter-spacing:.12em}
.bj-arc .sub{font-size:11.5px;fill:#E7EEF5;letter-spacing:.18em;font-weight:500}
.shoe{position:absolute;right:16px;top:16px;width:56px;height:76px;border-radius:7px;background:repeating-linear-gradient(45deg,#7A1F2E 0 5px,#93283A 5px 10px);border:3px solid #E7EEF5;box-shadow:4px 4px 0 #0005}
.dealer{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 16px 0;position:relative;z-index:1}
.dealer .who{font-size:12px;font-weight:500;color:#E7EEF5AA}
.hand{display:flex;min-height:104px;padding-left:40px}
.pc{width:72px;height:102px;margin-left:-40px;perspective:700px;animation:deal .4s cubic-bezier(.2,.8,.2,1) both}
.pc.nodeal{animation:none}
@keyframes deal{from{transform:translate(220px,-200px) rotate(16deg);opacity:0}}
.pc-in{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.pc.down .pc-in{transform:rotateY(180deg)}
.pc-f,.pc-b{position:absolute;inset:0;border-radius:7px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 6px 14px -4px #000a}
.pc-f{background:#F6F7FA;color:#141A24;display:flex;flex-direction:column;justify-content:space-between;padding:5px 6px}
.pc.red .pc-f{color:#C9283C}
.pc-b{transform:rotateY(180deg);background:repeating-linear-gradient(45deg,#7A1F2E 0 5px,#93283A 5px 10px);border:4px solid #F6F7FA}
.pc-r{font-weight:700;font-size:15px;line-height:1;display:flex;flex-direction:column;align-items:flex-start;gap:1px}
.pc-r i{font-style:normal;font-size:12px}
.pc-r.b{align-self:flex-end;transform:rotate(180deg)}
.pc-c{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:30px}
.hv{min-width:32px;height:24px;padding:0 7px;border-radius:6px;background:#0009;font-weight:600;font-size:13px;display:inline-grid;place-items:center;color:#E7EEF5;font-variant-numeric:tabular-nums}
.hv.bust{background:var(--loss)}
.hv.bj{background:var(--gold);color:var(--chip-ink)}
.hres{font-weight:700;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:5px;animation:popIn .3s cubic-bezier(.2,1.3,.4,1)}
.hres.w{background:var(--win);color:var(--accent-ink)}.hres.l{background:var(--loss);color:#fff}.hres.p{background:var(--raise-hi);color:var(--fg)}.hres.bjk{background:var(--gold);color:var(--chip-ink)}
.seats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:18px 14px 16px;position:relative;z-index:1;align-items:end}
.seat{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px 10px;border-radius:10px;min-width:0;transition:background .2s,box-shadow .2s;position:relative}
.seat.turn{background:#ffffff10;box-shadow:inset 0 0 0 1px #ffffff30}
.seat.mine .sname{color:var(--gold)}
.seat .hand{min-height:92px;padding-left:34px}
.seat .pc{width:60px;height:86px;margin-left:-34px}
.seat .pc-c{font-size:24px}
.seat .pc-r{font-size:13px}
.seat .sinfo{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center;min-height:24px}
.sname{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#E7EEF5;max-width:100%;min-width:0}
.sname span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sbet{font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px;color:#E7EEF5}
.sit{height:104px;width:100%;border:1.5px dashed #ffffff35;border-radius:10px;color:#E7EEF5CC;font-weight:500;font-size:13px;display:grid;place-items:center}
.sit:hover{border-color:#fff;color:#fff;background:#ffffff0a}
.tmr{position:absolute;left:8px;right:8px;top:0;height:3px;border-radius:2px;background:#ffffff20;overflow:hidden}
.tmr i{display:block;height:100%;background:var(--gold);transform-origin:left}
.tbar{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--surface-2);border-top:1px solid var(--line);flex-wrap:wrap}
.tbar .amt{width:220px}
.tlog{font-size:12.5px;color:var(--muted);flex:1;min-width:160px}
.bac-zone{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:26px 16px 10px;position:relative;z-index:1}
.bac-side{display:flex;flex-direction:column;align-items:center;gap:8px}
.bac-side h4{margin:0;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#E7EEF5CC}
.bac-bets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 16px 18px;position:relative;z-index:1}
.bac-bet{border-radius:10px;border:1.5px solid #ffffff30;padding:12px;display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff;transition:background .15s,border-color .15s}
.bac-bet:hover:not(:disabled){background:#ffffff10}
.bac-bet.on{border-color:var(--gold);background:#F2B33D1A}
.bac-bet b{font-size:15px;font-weight:600}
.bac-bet span{font-size:12px;opacity:.75}
.bac-bet .stake{font-weight:600;color:var(--gold);font-size:13px;min-height:18px;opacity:1}
.bac-bet.win{border-color:var(--win);background:#1FCB6B22}

/* hi-lo */
.hilo{display:flex;flex-direction:column;align-items:center;gap:18px;padding:30px 16px}
.hilo .bigcard .pc{width:120px;height:170px;margin:0}
.hilo .bigcard .pc-c{font-size:54px}
.hilo .bigcard .pc-r{font-size:22px}.hilo .bigcard .pc-r i{font-size:16px}
.hl-row{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;min-height:56px}
.hl-row .pc{width:40px;height:56px;margin:0;animation:none}
.hl-row .pc-c{font-size:16px}.hl-row .pc-r{font-size:10px}.hl-row .pc-r i{font-size:9px}
.hl-row .pc.skip{opacity:.4}
.hl-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hl-btns .cta{height:auto;padding:10px;flex-direction:column;gap:2px}
.hl-btns .cta small{font-weight:500;opacity:.8;font-size:12px}

/* keno */
.keno{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;width:min(100%,600px)}
.kn{aspect-ratio:1.15;border-radius:7px;background:var(--raise);font-weight:600;font-size:15px;display:grid;place-items:center;transition:background .12s,transform .12s;box-shadow:0 3px 0 #0F1A24}
.kn:hover:not(:disabled){background:var(--raise-hi)}
.kn:disabled{cursor:default}
.kn.sel{background:var(--blue);color:#fff;box-shadow:0 3px 0 #1A4D99}
.kn.draw{background:#3A2A12;color:var(--gold);box-shadow:0 3px 0 #22180A;animation:popIn .25s}
.kn.hit{background:var(--accent);color:var(--accent-ink);box-shadow:0 3px 0 #0E7A3E;animation:popIn .25s}
.paytab{display:flex;gap:4px;flex-wrap:wrap;margin-top:14px;width:min(100%,600px)}
.paytab div{flex:1;min-width:52px;background:var(--surface);border-radius:6px;padding:6px 4px;text-align:center;font-size:12px}
.paytab div b{display:block;font-size:13px;font-variant-numeric:tabular-nums}
.paytab div span{color:var(--dim)}
.paytab div.on{background:color-mix(in srgb,var(--accent) 20%,var(--surface));box-shadow:inset 0 0 0 1px var(--accent)}

/* wheel game */
.wg{position:relative;width:min(400px,90%);aspect-ratio:1;max-width:100%}
.wg svg{width:100%;height:100%;transition:transform 4.5s cubic-bezier(.12,.72,.12,1)}
.wg .wptr{position:absolute;left:50%;top:-6px;margin-left:-12px;border:12px solid transparent;border-top:20px solid var(--fg);border-bottom:0;z-index:2;filter:drop-shadow(0 3px 4px #000a)}
.wg .wctr{position:absolute;inset:32%;border-radius:50%;background:var(--bg);display:grid;place-items:center;font-weight:700;font-size:28px;font-variant-numeric:tabular-nums}
.wlegend{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:16px}
.wlegend span{display:flex;align-items:center;gap:6px;background:var(--surface);border-radius:6px;padding:5px 9px;font-size:12.5px;font-weight:600}
.wlegend i{width:10px;height:10px;border-radius:3px}

/* slots */
.slot-lobby{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.slot-card{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:4/3;max-width:100%;text-align:left;padding:14px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;transition:transform .15s}
.slot-card:hover{transform:translateY(-3px)}
.slot-card b{font-size:18px;font-weight:700;position:relative}
.slot-card span{font-size:12.5px;opacity:.85;position:relative}
.slot-card .sym{position:absolute;right:10px;top:12px;display:flex;gap:2px}
.slot-card .sym svg{width:50px;height:50px}
.machine{border-radius:12px;padding:14px;position:relative}
.reels5{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;background:#00000066;border-radius:10px;padding:6px;overflow:hidden}
.rcol5{position:relative;overflow:hidden;border-radius:7px;background:#00000040;aspect-ratio:1/3}
.rcol5 .strip{display:flex;flex-direction:column;will-change:transform;position:absolute;left:0;right:0;top:0}
.cell{aspect-ratio:1;display:grid;place-items:center;position:relative}
.cell svg{width:80%;height:80%}
.cell.win{animation:cellWin .9s ease-in-out infinite;z-index:1}
.cell.win::after{content:"";position:absolute;inset:3px;border-radius:8px;box-shadow:inset 0 0 0 2px var(--gold);background:#F2B33D14}
.cell.dim{opacity:.35}
@keyframes cellWin{50%{transform:scale(1.07)}}
.rcol5.spin .strip{filter:blur(1.5px)}
.slot-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;color:#fff}
.slot-bar .amt{width:200px;background:#0006;border-color:#ffffff22}
.slot-info{display:flex;gap:18px;align-items:center;flex-wrap:wrap;flex:1}
.slot-info div{display:flex;flex-direction:column}
.slot-info span{font-size:11.5px;opacity:.75}
.slot-info b{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}
.spinbtn{width:62px;height:62px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;box-shadow:0 4px 0 #0E7A3E;transition:transform .1s;flex:none}
.spinbtn:active{transform:translateY(2px);box-shadow:0 2px 0 #0E7A3E}
.spinbtn:disabled{opacity:.5}
.spinbtn.stop{background:var(--loss);box-shadow:0 4px 0 #8E1E2B;color:#fff}
.sbtn{height:40px;padding:0 12px;border-radius:8px;background:#0006;color:#fff;font-weight:500;font-size:13px;border:1px solid #ffffff22}
.sbtn.on{background:#fff;color:#111}
.winmsg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;background:#000c;border-radius:10px;padding:12px 22px;text-align:center;pointer-events:none;animation:popIn .3s cubic-bezier(.2,1.3,.4,1)}
.winmsg b{display:block;font-size:30px;font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums}
.winmsg span{color:#fff;font-size:13px}
.paytable{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px}
.pt{display:flex;align-items:center;gap:8px;background:var(--surface-2);border-radius:8px;padding:8px}
.pt svg{width:42px;height:42px;flex:none}
.pt div{font-size:12px;line-height:1.55;color:var(--muted)}
.pt div b{color:var(--fg)}

/* marketplace */
.mk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:8px}
.lst{position:relative;border-radius:8px;background:var(--surface);border:1px solid var(--line);padding:8px;display:flex;flex-direction:column;gap:6px;transition:border-color .15s}
.lst:hover{border-color:var(--line-hi)}
.lst .itc{border:0;cursor:pointer}
.lst .seller{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);min-width:0}
.lst .seller span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lst .pr{display:flex;align-items:center;justify-content:space-between;gap:6px}
.lst .pr b{display:flex;align-items:center;gap:5px;font-weight:600;font-variant-numeric:tabular-nums}
.delta{font-size:11.5px;font-weight:600}
.delta.up{color:var(--loss)}.delta.dn{color:var(--win)}
.spark{width:100%;height:46px;display:block}
.mk-detail{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px}
.chart{width:100%;height:170px;display:block}
.sales{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}

/* predictions */
.pm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:10px}
.pm{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;gap:10px;transition:border-color .15s}
.pm:hover{border-color:var(--line-hi)}
.pm-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pm-h .cl{margin-left:auto;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:5px}
.pm h4{margin:0;font-size:15px;font-weight:600;line-height:1.35}
.pm-opts{display:flex;flex-direction:column;gap:5px}
.opt{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-radius:7px;background:var(--surface-2);overflow:hidden;font-size:13.5px;font-weight:500;text-align:left;width:100%}
.opt::before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--p,0%);background:color-mix(in srgb,var(--blue) 16%,transparent);transition:width .6s}
.opt span,.opt b{position:relative}
.opt b{font-weight:600;font-variant-numeric:tabular-nums;display:flex;gap:8px;align-items:center}
.opt b small{color:var(--muted);font-weight:500;font-size:12px}
.opt:hover:not(:disabled){background:var(--raise)}
.opt.mine::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gold)}
.opt.won{box-shadow:inset 0 0 0 1px var(--win)}
.opt.won::before{background:color-mix(in srgb,var(--win) 22%,transparent)}
.opt:disabled{cursor:default}
.pm-f{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--dim);align-items:center;flex-wrap:wrap}
.pm-f b{color:var(--muted);font-weight:500}
.pm .spark{height:40px}
.pos{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:7px;background:var(--surface-2);font-size:13px}
.pos .q{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.optin{display:flex;gap:6px}
.optin .txt{flex:1}

/* news */
.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.post{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;text-align:left;transition:border-color .15s}
.post:hover{border-color:var(--line-hi)}
.post .cover{height:140px;position:relative;overflow:hidden}
.post .cover svg{position:absolute;right:14px;bottom:-6px;width:118px;height:118px}
.post .body{padding:14px;display:flex;flex-direction:column;gap:6px}
.post h3{margin:0;font-size:16px;font-weight:600;line-height:1.3}
.post p{margin:0;color:var(--muted);font-size:13.5px}
.post .meta{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--dim)}
.post.lead{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.post.lead .cover{height:100%;min-height:220px}
.post.lead h3{font-size:22px}
.article{max-width:68ch}
.article p{color:#C9D5E0;line-height:1.65;margin:0 0 14px}
.article h4{margin:18px 0 8px;font-size:15px}
.article .cover{height:180px;border-radius:var(--r);position:relative;overflow:hidden;margin:14px 0 20px}
.article .cover svg{position:absolute;right:24px;bottom:-8px;width:160px;height:160px}

/* sign-up gate */
.gate{position:fixed;inset:0;z-index:70;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);background:var(--side)}
.gate-l{position:relative;overflow:hidden;padding:36px 48px;padding-left:max(48px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;justify-content:space-between;background:var(--bg);border-right:1px solid var(--line);gap:24px}
.gate-l canvas{position:absolute;inset:0;width:100%;height:100%}
.gate-l>*{position:relative}
.gate-l h1{font-weight:700;font-size:clamp(30px,3.4vw,46px);line-height:1.06;letter-spacing:-.025em;margin:0 0 14px;max-width:15ch;text-wrap:balance}
.gate-l p{color:#C3D0DC;max-width:46ch;margin:0;font-size:15px}
.gate-feats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:540px;margin-top:26px}
.gate-feats div{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:#AFC0CF}
.gate-feats .i{color:var(--accent);margin-top:2px}
.gate-feats b{display:block;color:var(--fg);font-weight:600}
.gate-items{display:flex;gap:8px}
.gate-items .itc{width:118px}
.gate-r{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px 24px;padding-right:max(24px,env(safe-area-inset-right,0px));padding-left:max(24px,env(safe-area-inset-left,0px));overflow-y:auto}
.gate-card{width:min(400px,100%)}
.gate-card h2{font-weight:600;font-size:24px;margin:0 0 6px}
.gate-card>p{color:var(--muted);margin:0 0 20px}
.gtabs{display:flex;background:var(--surface);border-radius:8px;padding:3px;margin-bottom:22px}
.gtabs button{flex:1;padding:9px;border-radius:6px;font-weight:500;color:var(--muted)}
.gtabs button.on{background:var(--raise);color:var(--fg)}
.check{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted);cursor:pointer}
.check input{margin-top:2px;accent-color:var(--accent);width:16px;height:16px;flex:none}
.guest{margin-top:18px;text-align:center;font-size:13px;color:var(--muted)}
.guest button{color:var(--blue-hi);font-weight:500}
.gate-mlogo{display:none;margin-bottom:22px}

/* modal, menu, toast */
.scrim{position:fixed;inset:0;background:rgba(2,6,10,.7);display:grid;place-items:center;z-index:80;padding:16px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));animation:fade .15s}
@keyframes fade{from{opacity:0}}
.modal{width:min(440px,100%);max-height:calc(100% - 20px);overflow-y:auto;background:var(--surface);border:1px solid var(--line-hi);border-radius:12px;padding:24px;position:relative;animation:popIn .25s cubic-bezier(.2,1.1,.4,1);box-shadow:0 40px 80px -30px var(--shadow)}
.modal.wide{width:min(820px,100%)}
.modal.mid{width:min(620px,100%)}
.modal.prof-m{padding:0;width:min(520px,100%)}
.modal h3{font-weight:600;font-size:19px;margin:2px 0 8px}
.modal p{color:var(--muted);margin:0 0 16px}
.modal .close{position:absolute;right:10px;top:10px;z-index:3}
.mstack{display:flex;flex-direction:column;gap:12px}
.steps{display:flex;gap:5px;margin-bottom:18px}
.steps i{flex:1;height:3px;border-radius:2px;background:var(--raise);transition:background .3s}
.steps i.on{background:var(--accent)}
.phrase{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px dashed var(--line-hi);border-radius:8px;padding:11px 11px 11px 14px;margin-bottom:14px}
.phrase code{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:600;font-size:14.5px;color:var(--fg);overflow-wrap:anywhere}
.phrase button{background:var(--raise);border-radius:6px;padding:6px 10px;font-weight:500;font-size:12.5px}
.how{margin:0 0 18px;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;counter-reset:s}
.how li{display:flex;gap:10px;color:var(--muted);font-size:13.5px;counter-increment:s}
.how li::before{content:counter(s);flex:none;width:21px;height:21px;border-radius:6px;background:var(--raise);color:var(--fg);display:grid;place-items:center;font-weight:600;font-size:11.5px}
.txt{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:11px 13px;font-weight:500;outline:0;color:var(--fg)}
.txt:focus{border-color:var(--line-hi)}
.err{color:var(--loss);font-size:12.5px;font-weight:500;min-height:18px}
.spin{width:48px;height:48px;border-radius:50%;border:4px solid var(--raise);border-top-color:var(--accent);animation:sp .8s linear infinite;margin:10px auto 16px}
@keyframes sp{to{transform:rotate(360deg)}}
.ok{width:60px;height:60px;border-radius:50%;background:color-mix(in srgb,var(--win) 15%,transparent);color:var(--win);display:grid;place-items:center;margin:4px auto 14px;animation:popIn .35s cubic-bezier(.2,1.3,.4,1)}
.center{text-align:center}
.fine{font-size:12px;color:var(--dim);margin:14px 0 0!important}
.rtp-list{list-style:none;padding:0;margin:0 0 6px;display:grid;grid-template-columns:1fr 1fr;gap:5px}
.rtp-list li{display:flex;justify-content:space-between;background:var(--surface-2);border-radius:6px;padding:6px 10px;font-size:13px}
.pop{position:fixed;z-index:75;width:230px;background:var(--surface);border:1px solid var(--line-hi);border-radius:10px;padding:6px;box-shadow:0 30px 60px -20px var(--shadow);animation:popIn .15s ease-out;transform-origin:top right}
.pop button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:6px;font-weight:500;font-size:13.5px;color:var(--muted)}
.pop button:hover{background:var(--surface-2);color:var(--fg)}
.pop hr{border:0;border-top:1px solid var(--line);margin:4px 0}
.pop .ph2{padding:10px;display:flex;gap:10px;align-items:center}
.pop .ph2 b{display:block;font-size:13.5px;font-weight:600}
.pop .ph2 span{font-size:12px;color:var(--muted)}
.toasts{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:6px;z-index:90;pointer-events:none;width:min(360px,calc(100% - 32px))}
.toast{background:var(--surface-2);border:1px solid var(--line-hi);border-left:3px solid var(--blue);border-radius:8px;padding:11px 13px;font-weight:500;font-size:13.5px;box-shadow:0 16px 36px -14px var(--shadow);animation:tIn .3s cubic-bezier(.2,1.1,.4,1);display:flex;gap:10px;align-items:center}
.toast .art{width:32px;height:32px;flex:none}
.toast.win{border-left-color:var(--win)}.toast.loss{border-left-color:var(--loss)}.toast.gold{border-left-color:var(--gold)}
.toast.out{animation:tOut .25s forwards}
@keyframes tIn{from{opacity:0;transform:translateX(20px)}}
@keyframes tOut{to{opacity:0;transform:translateX(12px)}}

/* responsive */
@media (max-width:1280px){
  .app,.app.nochat{grid-template-columns:228px minmax(0,1fr) 0;grid-template-areas:"side top top" "side tick tick" "side main main"}
  .app.slim,.app.slim.nochat{grid-template-columns:72px minmax(0,1fr) 0}
  .app.nochat .chat{display:flex}
  .chat{position:fixed;z-index:60;top:0;bottom:0;right:0;width:min(340px,100%);transform:translateX(105%);transition:transform .3s cubic-bezier(.2,.8,.2,1);box-shadow:-30px 0 60px -20px var(--shadow);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
  .app.chat-open .chat{transform:none}
  .chatx{display:grid}
  .lower,.pgrid{grid-template-columns:minmax(0,1fr)}
  .brow{grid-template-columns:96px minmax(130px,1fr) minmax(0,1fr) 150px}
  .brow .bcost{display:none}
}
@media (max-width:1060px){
  .game{grid-template-columns:minmax(0,1fr)}
  .side-p{border-right:0;border-top:1px solid var(--line);order:2}
  .upg,.upg-pick{grid-template-columns:minmax(0,1fr)}
  .upg-mid{order:-1}
  .arena.n3,.arena.n4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vsb{display:none}
  .bv-h{grid-template-columns:minmax(0,1fr)}
  .search-top{display:none}
  .gate{grid-template-columns:minmax(0,1fr)}
  .gate-l{display:none}
  .gate-mlogo{display:flex}
  .post.lead{grid-template-columns:minmax(0,1fr)}
  .post.lead .cover{min-height:150px}
  .slide{grid-template-columns:minmax(0,1fr)}
  .slide .art-r{display:none}
  .mk-detail{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:860px){
  .app,.app.nochat,.app.slim,.app.slim.nochat{grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "tick" "main"}
  .side{position:fixed;z-index:65;left:0;top:0;bottom:0;width:260px;transform:translateX(-105%);transition:transform .3s cubic-bezier(.2,.8,.2,1);padding-left:env(safe-area-inset-left,0px);box-shadow:30px 0 60px -20px var(--shadow)}
  .app.nav-open .side{transform:none}
  .app.slim .nav h6,.app.slim .nav button span,.app.slim .nav .tg,.app.slim .logo b,.app.slim .side-f{display:revert}
  .app.slim .nav button{justify-content:flex-start;padding:8px 10px}
  .ib.burger{display:grid}
  .mlogo{display:flex}
  .top{padding:0 10px;gap:6px}
  .top .user .nm{display:none}
  main#view{padding:16px 16px 32px}
  .tk-label{display:none}
  .tk{width:132px}
  .seats{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:560px){
  .frow{grid-template-columns:1fr 1.2fr .8fr 1fr}
  .frow .t,.frow .b{display:none}
  .brow{grid-template-columns:minmax(0,1fr) auto;gap:10px}
  .brow .bcases{grid-column:1/-1;order:3}
  .brow .bseats{order:2}
  .brow .bact{grid-column:1/-1;order:4;justify-content:stretch}
  .brow .bact .cta{flex:1}
  .arena.n2,.arena.n3,.arena.n4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vreel{height:240px}.vreel .rtile{height:100px}.vreel .rtile .art{width:46px;height:46px}
  .rl-cols{grid-template-columns:minmax(0,1fr)}
  .dstats{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .dstats div:last-child{grid-column:1/-1}
  .rtp-list{grid-template-columns:1fr}
  .stage.center{min-height:360px}
  .seats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pc{width:60px;height:86px;margin-left:-34px}.hand{padding-left:34px;min-height:88px}
  .pc-c{font-size:24px}
  .copen-h .case-art{width:80px}
  .bal .num{min-width:0;font-size:13px}
  .claim span{display:none}
  .claim{padding:0 10px}
  .top .ib[data-go="inventory"],.top #chatbtn{display:none}
  .signin{padding:0 11px;font-size:12.5px}
  .promo{height:290px}
  .slide{padding:0 22px}
  .dots{left:22px}
  .bac-bets{grid-template-columns:minmax(0,1fr)}
  .keno{grid-template-columns:repeat(5,minmax(0,1fr))}
  .pm-grid{grid-template-columns:minmax(0,1fr)}
  .slot-bar .amt{width:100%}
  .tbar .amt{width:100%}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* balance popover */
.wallet{position:relative;overflow:visible}
.wallet>.bal{border-radius:8px 0 0 8px}.wallet>.claim{border-radius:0 8px 8px 0}
.balpop{position:absolute;top:calc(100% + 8px);right:0;width:270px;background:var(--surface);border:1px solid var(--line-hi);border-radius:10px;padding:12px;box-shadow:0 24px 50px -18px var(--shadow);opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .15s,transform .15s;z-index:20}
.wallet:hover .balpop,.wallet:focus-within .balpop{opacity:1;transform:none}
.balpop .kv{padding:6px 0}
.balpop .kv+.kv{border-top:1px solid var(--line)}
.balpop .kv b{display:flex;align-items:center;gap:6px}
.balpop .tot b{font-size:15px}
.balpop .note{margin-top:8px}
/* stocks */
.stk{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:12px;align-items:start}
.stk-list{grid-column:1/-1;padding:6px;display:flex;gap:4px;overflow-x:auto;scrollbar-width:thin}
.stk-it{min-width:206px;flex:1;display:grid;grid-template-columns:auto minmax(0,1fr) 54px;grid-template-rows:auto auto;gap:2px 9px;align-items:center;padding:8px;border-radius:7px;text-align:left}
.stk-it:hover{background:var(--surface-2)}
.stk-it.on{background:var(--raise)}
.stk-tk{grid-row:1/3;font-size:11px;font-weight:700;padding:6px 0;border-radius:6px;width:46px;text-align:center}
.stk-nm{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.stk-nm b{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stk-nm small{color:var(--muted);font-size:12px}
.stk-sp{grid-row:1;grid-column:3;width:54px;height:22px}
.stk-ch{grid-column:3;font-size:11.5px;font-weight:600;text-align:right}
.up{color:var(--win)}.dn{color:var(--loss)}
.stk-main{display:flex;flex-direction:column;gap:12px;min-width:0}
.stk-chart{padding:14px}
.stk-h{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:10px}
.stk-h>div:first-child{display:flex;align-items:center;gap:8px}
.stk-h>div:first-child b{font-size:17px;font-weight:600}
.stk-px{display:flex;align-items:baseline;gap:8px;flex:1}
.stk-px b{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}
.stk-px span{font-size:13px;font-weight:600}
#cv{width:100%;height:clamp(260px,40vh,380px);display:block}
.stk-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}
.stk-stats div{background:var(--surface-2);border-radius:7px;padding:8px 10px}
.stk-stats span{display:block;font-size:11.5px;color:var(--muted)}
.stk-stats b{font-weight:600;font-variant-numeric:tabular-nums}
.stk-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.stk-order{display:flex;flex-direction:column;gap:12px;position:sticky;top:0}
.stk-pt{display:flex;flex-direction:column;gap:2px;font-size:13px}
.stk-pt>*{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;padding:7px 8px;border-radius:6px;text-align:left;font-variant-numeric:tabular-nums}
.stk-pt>button:hover{background:var(--surface-2)}
.stk-pt .hd{color:var(--dim);font-size:12px}
.stk-pt .ft{border-top:1px solid var(--line);font-weight:600;border-radius:0}
.stk-news{display:flex;flex-direction:column;gap:4px}
.stk-n{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:6px;font-size:13px;text-align:left}
.stk-n:hover{background:var(--surface-2)}
.stk-n .stk-tk{width:44px;padding:4px 0}
.stk-n .q{flex:1;min-width:0;color:#C3D0DC}
.stk-n b{font-weight:600;font-size:12.5px}
@media (max-width:1060px){.stk{grid-template-columns:minmax(0,1fr)}.stk-order{position:static}.stk-row{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.stk-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stk-it{min-width:190px}}

/* ---------- wallet: deposit / withdraw / rakeback ---------- */
.modal.wal{width:min(540px,100%);padding:0;overflow-x:hidden}
.modal.wal>.close{top:12px;right:12px}
.wtabs{display:flex;gap:4px;padding:14px 60px 0 16px;border-bottom:1px solid var(--line);background:var(--surface)}
.wtabs button{display:flex;align-items:center;gap:7px;padding:10px 14px 13px;font-size:14px;font-weight:600;color:var(--muted);position:relative;transition:color .15s}
.wtabs button:hover{color:var(--fg)}
.wtabs button::after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:2px;background:var(--accent);transform:scaleX(0);transition:transform .2s cubic-bezier(.2,.9,.3,1)}
.wtabs button.on{color:var(--fg)}
.wtabs button.on::after{transform:scaleX(1)}
.wtabs button.on .i{color:var(--accent)}
.wbody{padding:20px 22px 22px;display:flex;flex-direction:column;gap:14px;animation:wIn .22s ease-out}
@keyframes wIn{from{opacity:0;transform:translateY(4px)}}
.wh{margin:0;font-size:16px;font-weight:600}
.mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mtile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 10px 14px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);transition:border-color .15s,transform .15s,background .15s;position:relative}
.mtile:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface-2));transform:translateY(-2px)}
.mtile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.mtile svg{margin-bottom:4px;filter:drop-shadow(0 6px 10px #0006)}
.mtile b{font-size:14px;font-weight:600}
.mtile span{font-size:12px;color:var(--muted)}
.wnote{margin:0;font-size:12.5px;color:var(--dim);line-height:1.5}
.whd{display:flex;align-items:center;gap:10px}
.whd>div{display:flex;flex-direction:column;line-height:1.25;flex:1;min-width:0}
.whd b{font-size:15px;font-weight:600}
.whd span{font-size:12.5px;color:var(--muted)}
.wbk{margin-left:-6px}
.wlive{font-style:normal;font-size:12px;font-weight:600;color:var(--win);display:flex;align-items:center;gap:6px}
.wlive::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--win);box-shadow:0 0 0 3px color-mix(in srgb,var(--win) 25%,transparent)}
.wsteps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;counter-reset:ws}
.wsteps li{counter-increment:ws;display:grid;grid-template-columns:28px 1fr;column-gap:10px;padding:8px 0;position:relative}
.wsteps li::before{content:counter(ws);grid-row:span 2;width:26px;height:26px;border-radius:50%;background:var(--raise);color:var(--fg);font-size:12.5px;font-weight:600;display:grid;place-items:center}
.wsteps li:not(:last-child)::after{content:"";position:absolute;left:12.5px;top:38px;bottom:-6px;width:1px;background:var(--line-hi)}
.wsteps b{font-size:13.5px;font-weight:600}
.wsteps span{font-size:12.5px;color:var(--muted)}
.wstat{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wstat>div{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:9px 11px;display:flex;flex-direction:column;gap:3px;min-width:0}
.wstat span{font-size:12px;color:var(--muted)}
.wstat b{font-size:14px;font-weight:600;display:flex;align-items:center;gap:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}
.wsim{display:flex;flex-direction:column;gap:9px;padding:12px;border-radius:10px;border:1px dashed var(--line-hi)}
.wlbl{font-size:11.5px;font-weight:600;color:var(--dim);letter-spacing:.02em}
.wwait{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:8px;background:var(--surface-2);font-size:13px;color:var(--muted)}
.wwait .spin,.spin.sm{width:18px;height:18px;border-width:2.5px;margin:0;flex:none}
.cta .spin.sm{border-color:#0002;border-top-color:currentColor}
a.cta{text-decoration:none}
.wlist{display:flex;flex-direction:column;gap:4px}
.wrow{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:7px;background:var(--surface-2);font-size:13px}
.wrow .dot{width:7px;height:7px;border-radius:50%;flex:none;background:var(--dim)}
.wrow .dot.ok{background:var(--win)}
.wrow b{font-variant-numeric:tabular-nums;font-weight:600;min-width:64px}
.wrow .ref{flex:1;min-width:0;color:var(--dim);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wrow time{color:var(--dim);font-size:12px}
.wbig{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--surface-2)),var(--surface-2))}
.wbig span{font-size:12.5px;color:var(--muted)}
.wbig b{font-size:28px;font-weight:700;display:flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums}
.wbig small{font-size:12px;color:var(--muted);line-height:1.45}
.wwarn{padding:9px 11px;border-radius:8px;font-size:12.5px;background:color-mix(in srgb,var(--gold) 10%,var(--surface-2));color:var(--gold-hi)}
.rbhero{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 16px 16px;border-radius:12px;text-align:center;background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%),var(--surface-2)}
.rbhero>span{font-size:12.5px;color:var(--muted)}
.rbhero b{font-size:34px;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:8px}
.rbhero b i{font-style:normal;font-variant-numeric:tabular-nums}
.rbbar{display:flex;flex-direction:column;gap:8px}
.rbtrack{height:6px;border-radius:6px;background:var(--bg);overflow:hidden}
.rbtrack i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--accent),var(--accent-hi));transition:width .5s}
.wbody .how{margin:0}
@media (max-width:560px){
  .wtabs{padding:10px 52px 0 8px;gap:0}
  .wtabs button{padding:10px 10px 12px;font-size:13.5px}
  .wbody{padding:16px}
  .mgrid{grid-template-columns:repeat(2,1fr)}
}
@media (prefers-reduced-motion:reduce){.wbody,.mtile{animation:none;transition:none}}
.wsim .err:empty{display:none}
body:has(#modal .scrim) .balpop{display:none}
.wsim.live{border-style:solid;border-color:var(--line);background:var(--surface-2)}
.wmore{border-top:1px solid var(--line);padding-top:10px}
.wmore summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--muted);list-style:none;display:flex;align-items:center;gap:6px}
.wmore summary::-webkit-details-marker{display:none}
.wmore summary::before{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .15s}
.wmore[open] summary::before{transform:rotate(45deg)}
.wmore .wsteps{margin-top:8px}

/* ---------- header wallet button ---------- */
.claim.wbtn{background:var(--blue);color:#fff;padding:0 18px;font-size:13.5px;font-weight:600}
.claim.wbtn:hover{background:var(--blue-hi)}
.lnk{color:var(--blue-hi);font:inherit;padding:0;text-decoration:underline;text-underline-offset:2px;text-decoration-color:color-mix(in srgb,var(--blue-hi) 40%,transparent)}
.lnk:hover{text-decoration-color:currentColor}
.hexi{flex:none;color:var(--blue-hi)}
.mhex{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(160deg,#1D3A66,#11203A);color:var(--blue-hi);margin-bottom:4px;box-shadow:0 6px 10px #0006}
.mhex .hexi{color:#9CC4FF}
.mgrid{grid-template-columns:repeat(2,1fr)}

/* ---------- luxury wallet theme (wallet, limiteds inventory, flip picker) ---------- */
.lux{--lx-bg:#0A0E14;--lx-s1:#0F151D;--lx-s2:#141C26;--lx-s3:#1A2430;--lx-line:rgba(255,255,255,.06);--lx-line2:rgba(255,255,255,.1);
  --lx-gold:#E7C77F;--lx-gold-hi:#F8E6B4;--lx-gold-lo:#B8893A;--lx-ink:#241703;--lx-glow:rgba(231,199,127,.22);
  background:radial-gradient(120% 60% at 0% 0%,rgba(61,139,253,.10),transparent 55%),radial-gradient(90% 50% at 100% 0%,rgba(231,199,127,.07),transparent 60%),linear-gradient(180deg,var(--lx-s1),var(--lx-bg));
  border:1px solid transparent;background-clip:padding-box;box-shadow:0 0 0 1px rgba(231,199,127,.14),0 50px 120px -30px #000,inset 0 1px 0 rgba(255,255,255,.05)}
.lux .close{background:rgba(255,255,255,.04);border:1px solid var(--lx-line);border-radius:10px}
.lux .close:hover{background:rgba(255,255,255,.08)}
.lx-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--lx-gold)}
.lx-eyebrow::before{content:"";width:14px;height:1px;background:linear-gradient(90deg,transparent,var(--lx-gold))}
.lux .inv-go,.lux .cta:not(.ghost):not(.red),.lux #wgo,.lux #rbc{background:linear-gradient(180deg,var(--lx-gold-hi) 0%,var(--lx-gold) 45%,var(--lx-gold-lo) 100%);color:var(--lx-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(0,0,0,.18),0 10px 26px -10px rgba(231,199,127,.55);border:0;font-weight:700;letter-spacing:.01em}
.lux .inv-go:hover:not(:disabled),.lux .cta:not(.ghost):not(.red):hover,.lux #wgo:hover:not(:disabled){filter:brightness(1.06)}
.lux .inv-go:disabled,.lux .cta:disabled{filter:saturate(.3);opacity:.45;box-shadow:none}
.lux .inv-go .hexi{color:var(--lx-ink)}
.lux .inv-go i{background:rgba(36,23,3,.25)}
.lux .cta.ghost{background:rgba(255,255,255,.04);border:1px solid var(--lx-line2)}
.lux .cta.ghost:hover{background:rgba(255,255,255,.08)}

/* inventory */
.modal.invm{width:min(980px,100%);padding:22px 22px 0;display:flex;flex-direction:column;max-height:min(800px,calc(100% - 20px));overflow:hidden;border-radius:18px}
.lx-ihead{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-right:44px}
.lx-ibrand{display:flex;align-items:center;gap:14px}
.lx-ibrand img{width:92px;height:52px;object-fit:cover;border-radius:10px;box-shadow:0 0 0 1px var(--lx-line2),0 10px 24px -10px rgba(61,139,253,.6)}
.lx-ibrand h3{margin:2px 0 0;font-size:24px;font-weight:700;letter-spacing:-.02em}
.lx-seg{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:12px;background:rgba(0,0,0,.35);border:1px solid var(--lx-line)}
.lx-seg button{position:relative;z-index:1;padding:9px 16px;font-size:13px;font-weight:600;color:var(--muted);border-radius:9px;white-space:nowrap;transition:color .2s}
.lx-seg button.on{color:var(--lx-ink)}
.lx-seg>i{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:9px;background:linear-gradient(180deg,var(--lx-gold-hi),var(--lx-gold));box-shadow:0 6px 16px -6px rgba(231,199,127,.6);transition:transform .3s cubic-bezier(.3,1.2,.4,1)}
.lx-seg.r>i{transform:translateX(100%)}
.lx-port{margin-top:18px;display:grid;grid-template-columns:auto auto minmax(180px,1fr) auto;gap:10px;align-items:stretch}
.lx-pv,.lx-pc{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:10px 18px;border-radius:12px;background:linear-gradient(135deg,rgba(231,199,127,.10),rgba(231,199,127,.02));border:1px solid rgba(231,199,127,.18)}
.lx-pc{background:rgba(255,255,255,.025);border-color:var(--lx-line)}
.lx-pv span,.lx-pc span{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}
.lx-pv b{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}
.lx-pv b i{font-style:normal;background:linear-gradient(180deg,#fff,var(--lx-gold-hi) 60%,var(--lx-gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.lx-pv .hexi{color:var(--lx-gold)}
.lx-pc b{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}
.lux .inv-search{display:flex;align-items:center;gap:8px;height:auto;min-height:44px;padding:0 14px;border-radius:12px;background:rgba(0,0,0,.3);border:1px solid var(--lx-line);color:var(--dim)}
.lux .inv-search:focus-within{border-color:rgba(231,199,127,.35);box-shadow:0 0 0 3px rgba(231,199,127,.08)}
.inv-search input{flex:1;min-width:0;background:none;border:0;color:var(--fg);font:inherit;font-size:14px;outline:none}
.inv-sort select{height:100%;min-height:44px;padding:0 36px 0 14px;border-radius:12px;background:rgba(0,0,0,.3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23E7C77F' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;border:1px solid var(--lx-line);color:var(--fg);font:inherit;font-size:13.5px;appearance:none;cursor:pointer}
.inv-note{margin-top:12px}
.inv-note p{margin:0 0 6px;font-size:13px;padding:10px 14px;border-radius:10px;background:rgba(231,199,127,.07);color:var(--lx-gold-hi,#F8E6B4);border:1px solid rgba(231,199,127,.18)}
.inv-note p.err{background:rgba(240,77,94,.08);color:#FF9AA6;border-color:rgba(240,77,94,.25)}
.inv-grid{flex:1 1 0;min-height:240px;overflow-y:auto;margin:14px -6px 0;padding:6px 6px 18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));grid-auto-rows:max-content;gap:12px;align-content:start;scrollbar-width:thin;scrollbar-color:rgba(231,199,127,.25) transparent}
.inv-grid.sm{flex:none;max-height:360px;grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}
.inv-card{--tc:120,140,170;position:relative;min-height:max-content;content-visibility:auto;contain-intrinsic-size:auto 236px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 12px 13px;border-radius:14px;text-align:left;overflow:hidden;
  background:radial-gradient(90% 70% at 50% 28%,rgba(var(--tc),.20),transparent 70%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));
  border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:transform .2s cubic-bezier(.2,.9,.3,1),border-color .2s,box-shadow .2s}
.inv-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.07) 50%,transparent 65%);transform:translateX(-120%);transition:transform .7s}
.inv-card:hover{transform:translateY(-3px);border-color:rgba(var(--tc),.45);box-shadow:0 18px 34px -18px rgba(var(--tc),.7)}
.inv-card:hover::after{transform:translateX(120%)}
.inv-card.t-s{--tc:231,199,127}.inv-card.t-a{--tc:168,120,255}.inv-card.t-b{--tc:82,160,255}.inv-card.t-c{--tc:130,150,175}
.inv-card.on{border-color:var(--lx-gold,#E7C77F);box-shadow:0 0 0 1px var(--lx-gold,#E7C77F),0 16px 36px -16px rgba(231,199,127,.7);background:radial-gradient(90% 70% at 50% 28%,rgba(231,199,127,.22),transparent 70%),linear-gradient(180deg,rgba(231,199,127,.07),rgba(255,255,255,.01))}
.inv-card.off{cursor:not-allowed;transform:none;box-shadow:none}
.inv-card.off .inv-pic,.inv-card.off .inv-n,.inv-card.off .inv-v{opacity:.38;filter:grayscale(.7)}
.inv-ser{position:absolute;top:10px;left:10px;z-index:2;font-size:11px;font-weight:600;padding:3px 7px;border-radius:999px;background:rgba(0,0,0,.45);border:1px solid var(--lx-line,rgba(255,255,255,.06));color:#C9D3DE;font-variant-numeric:tabular-nums;backdrop-filter:blur(6px)}
.inv-u{position:absolute;top:10px;left:auto;right:40px;z-index:2;font-style:normal;font-size:10px;font-weight:800;width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:linear-gradient(180deg,#5BF0A0,#1FCB6B);color:#03200E;box-shadow:0 4px 10px -4px #1FCB6B}
.inv-ck{position:absolute;top:10px;right:10px;z-index:2;width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(255,255,255,.22);background:rgba(0,0,0,.35);display:grid;place-items:center;color:var(--lx-ink,#241703);transition:.15s}
.inv-card.on .inv-ck{background:linear-gradient(180deg,#F8E6B4,#E7C77F);border-color:transparent;box-shadow:0 0 0 4px rgba(231,199,127,.18)}
.inv-card.off .inv-ck{display:none}
.inv-pic{position:relative;width:100%;aspect-ratio:1.15;display:grid;place-items:center;margin:14px 0 8px}
.inv-pic img,.inv-pic svg{width:80%;height:92%;object-fit:contain;filter:drop-shadow(0 14px 16px rgba(0,0,0,.55));transition:transform .3s cubic-bezier(.2,.9,.3,1)}
.inv-card:hover .inv-pic img{transform:scale(1.06) translateY(-2px)}
.inv-n{font-size:13.5px;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.inv-v{display:flex;align-items:center;gap:5px;font-size:13.5px;font-weight:700;font-variant-numeric:tabular-nums;color:#F3E4BD}
.inv-v .hexi{color:var(--lx-gold,#E7C77F)}
.inv-flag{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;font-weight:600;padding:6px 8px;border-radius:8px;background:rgba(10,14,20,.82);border:1px solid var(--lx-line2,rgba(255,255,255,.1));color:#C9D3DE;backdrop-filter:blur(6px)}
.inv-load{grid-column:1/-1;display:grid;place-items:center;padding:70px 0}
.inv-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:56px 16px;color:var(--muted)}
.inv-empty>span{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(231,199,127,.14),rgba(231,199,127,.03));border:1px solid rgba(231,199,127,.2);color:var(--lx-gold,#E7C77F);margin-bottom:14px}
.inv-empty b{color:var(--fg);font-size:18px}
.inv-empty p{margin:6px 0 18px}
.inv-empty>div{display:flex;gap:8px}
.inv-btn{display:flex;align-items:center;gap:6px;height:40px;padding:0 18px;border-radius:10px;font-weight:600;font-size:13.5px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.inv-btn:hover{background:rgba(255,255,255,.09)}
.inv-btn.blue{background:linear-gradient(180deg,#F8E6B4,#E7C77F 45%,#B8893A);color:#241703;border:0}
.inv-foot{display:flex;align-items:center;gap:12px;margin:0 -22px;padding:14px 22px 18px;border-top:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(10,14,20,.6),rgba(10,14,20,.95));backdrop-filter:blur(10px)}
.inv-all{height:42px;padding:0 16px;border-radius:11px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);font-weight:600;font-size:13.5px}
.inv-all:hover{background:rgba(255,255,255,.08)}
.inv-sum{flex:1;font-size:13px;color:var(--muted)}
.inv-sum b{color:var(--fg)}
.inv-go{display:flex;align-items:center;gap:10px;height:46px;padding:0 20px;border-radius:12px;font-size:14px}
.inv-go i{width:1px;height:18px}
.inv-go b{font-variant-numeric:tabular-nums}
@media (max-width:760px){
  .modal.invm{padding:16px 14px 0;border-radius:16px}
  .lx-ihead{padding-right:40px}.lx-ibrand img{width:70px;height:40px}.lx-ibrand h3{font-size:20px}
  .lx-seg{width:100%}
  .lx-port{grid-template-columns:1fr 1fr}.lx-port .inv-search{grid-column:1/-1}.lx-port .inv-sort{grid-column:1/-1}
  .inv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .inv-foot{margin:0 -14px;padding:12px 14px 14px;flex-wrap:wrap}.inv-sum{display:none}.inv-go{flex:1;justify-content:center}
}

/* wallet modal */
.modal.wal.lux{width:min(600px,100%);border-radius:18px}
.lux .wtabs{margin:16px 60px 0 18px;padding:4px;gap:2px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(0,0,0,.35);display:grid;grid-template-columns:repeat(3,1fr)}
.lux .wtabs button{justify-content:center;padding:9px 10px;border-radius:9px;font-size:13.5px;color:var(--muted)}
.lux .wtabs button::after{display:none}
.lux .wtabs button.on{background:linear-gradient(180deg,rgba(231,199,127,.18),rgba(231,199,127,.06));color:#F8E6B4;box-shadow:inset 0 0 0 1px rgba(231,199,127,.3)}
.lux .wtabs button.on .i{color:#E7C77F}
.lux .wbody{padding:22px 22px 24px;gap:16px}
.lx-head h3{margin:6px 0 4px;font-size:21px;font-weight:700;letter-spacing:-.015em}
.lx-head p{margin:0;color:var(--muted);font-size:13.5px}
.lx-methods{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lx-method{position:relative;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;text-align:left;isolation:isolate;background:linear-gradient(180deg,#0B1018,#080C12);box-shadow:0 0 0 1px rgba(255,255,255,.07),0 20px 40px -24px #000;transition:transform .25s cubic-bezier(.2,.9,.3,1),box-shadow .25s}
.lx-method img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transform:scale(1.04);transition:transform .6s cubic-bezier(.2,.9,.3,1);-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}
.lx-method::before{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(231,199,127,.35),transparent)}
.lx-method::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.14) 48%,transparent 62%);transform:translateX(-120%);transition:transform .9s}
.lx-method:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(231,199,127,.6),0 26px 50px -22px rgba(61,139,253,.55)}
.lx-method.l:hover{box-shadow:0 0 0 1px rgba(231,199,127,.6),0 26px 50px -22px rgba(31,203,107,.5)}
.lx-method:hover img{transform:scale(1.1)}
.lx-method:hover::after{transform:translateX(120%)}
.lx-method:focus-visible{outline:2px solid #E7C77F;outline-offset:3px}
.lx-mcap{position:relative;margin-top:-14px;padding:0 50px 14px 16px;display:flex;flex-direction:column;gap:2px}
.lx-tag{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#E7C77F}
.lx-mcap b{font-size:19px;font-weight:700;letter-spacing:-.01em}
.lx-mcap small{display:flex;align-items:center;gap:5px;font-size:12px;color:#C3CFDB;font-variant-numeric:tabular-nums}
.lx-arrow{position:absolute;right:12px;bottom:14px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);backdrop-filter:blur(6px);color:#fff;transition:background .2s,transform .2s}
.lx-method:hover .lx-arrow{background:#E7C77F;color:#241703;transform:translateX(2px)}
.lx-fine{display:flex;align-items:center;gap:6px}
.lux .whd{padding-bottom:4px}
.whd-img{width:54px;height:32px;border-radius:8px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.lux .whd b{font-size:16px}
.lux .wstat{gap:10px}
.lux .wstat>div{padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}
.lux .wstat span{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.lux .wstat b{font-size:17px}
.lux .wsim,.lux .wsim.live{gap:12px;padding:16px;border-radius:14px;border:1px solid rgba(231,199,127,.16);background:linear-gradient(180deg,rgba(231,199,127,.05),rgba(231,199,127,.01))}
.lux .wlbl{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#E7C77F}
.lux .amt{padding:6px 6px 6px 14px;border-radius:12px;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.08)}
.lux .amt:focus-within{border-color:rgba(231,199,127,.45);box-shadow:0 0 0 3px rgba(231,199,127,.1)}
.lux .amt input{font-size:24px;font-weight:700;padding:6px 6px;letter-spacing:-.01em}
.lux .amt button{padding:9px 14px;border-radius:9px;background:rgba(255,255,255,.06);color:#F8E6B4}
.lx-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.lx-quick button{padding:7px 0;border-radius:9px;font-size:12.5px;font-weight:600;color:var(--muted);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);transition:.15s}
.lx-quick button:hover{color:var(--fg);border-color:rgba(255,255,255,.14)}
.lx-quick button.on{color:#F8E6B4;border-color:rgba(231,199,127,.4);background:rgba(231,199,127,.08)}
.lux .cta,.lux #wgo{height:50px;border-radius:12px;font-size:15px}
.lux .wbig{padding:20px;border-radius:14px;background:radial-gradient(120% 120% at 0% 0%,rgba(231,199,127,.14),transparent 60%),rgba(255,255,255,.02);border:1px solid rgba(231,199,127,.16)}
.lux .wbig b{font-size:32px}
.lux .wwarn{border-radius:10px;padding:11px 13px;background:rgba(231,199,127,.07);border:1px solid rgba(231,199,127,.18)}
.lux .wrow{border-radius:10px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.04)}
.lux .rbhero{border-radius:14px;background:radial-gradient(120% 90% at 50% 0%,rgba(231,199,127,.18),transparent 70%),rgba(255,255,255,.02);border:1px solid rgba(231,199,127,.14)}
.lux .rbtrack i{background:linear-gradient(90deg,#B8893A,#F8E6B4)}
@media (max-width:560px){.lux .wtabs{margin:12px 58px 0 12px}.lux .wtabs .i{display:none}.lux .wtabs button{padding:9px 4px;font-size:13px;min-width:0}.lx-methods{grid-template-columns:1fr}.lx-method img{aspect-ratio:16/7}.lux .wbody{padding:18px 16px 20px}}
@media (prefers-reduced-motion:reduce){.lx-method,.lx-method img,.inv-card,.lx-seg>i{transition:none}}

/* ---------- limited flip ---------- */
.fl-stats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.fl-stats .stat b{display:flex;align-items:center;gap:6px}
.fl-stats .stat b.w{color:var(--win)}.fl-stats .stat b.l{color:var(--loss)}
.fl-stats small{color:var(--muted);font-weight:500}
.fl-list{display:flex;flex-direction:column;gap:8px}
.fl-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,1.4fr) 150px 130px;align-items:center;gap:14px;padding:12px 14px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line)}
.fl-row.mine{border-color:color-mix(in srgb,var(--blue) 45%,var(--line))}
.fl-who{display:flex;align-items:center;gap:10px;min-width:0}
.fl-who b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fl-side{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--muted)}
.fl-side svg{width:18px;height:18px}
.fl-th{display:flex;gap:6px;align-items:center;min-width:0;overflow:hidden}
.fl-th i{flex:none;width:46px;height:46px;border-radius:8px;background:var(--surface-2);display:grid;place-items:center}
.fl-th i img,.fl-th i svg{width:80%;height:80%;object-fit:contain}
.fl-th em{font-style:normal;font-size:12px;color:var(--muted);font-weight:600}
.fl-val{display:flex;flex-direction:column;gap:2px}
.fl-val b{display:flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}
.fl-val span{font-size:11.5px;color:var(--dim)}
.fl-row>.cta{justify-self:end}
.fl-res{justify-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:13px}
.fl-res b.w{color:var(--win)}.fl-res b.l{color:var(--loss)}
.fl-fair{margin-top:24px}
.fl-fair summary{cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:600}
.fl-fair p{color:var(--muted);margin:10px 0 0;font-size:13.5px;line-height:1.6}
.fl-target{display:grid;gap:8px;padding:12px;border-radius:10px;background:var(--surface-2);margin-bottom:6px}
.fl-target .kv b,#flv{display:flex;align-items:center;gap:6px}
@media (max-width:760px){.fl-row{grid-template-columns:1fr auto;grid-template-areas:"who act" "th th" "val val"}.fl-who{grid-area:who}.fl-th{grid-area:th}.fl-val{grid-area:val;flex-direction:row;gap:10px;align-items:center}.fl-row>.cta,.fl-res{grid-area:act}}

/* ---------- legal ---------- */
.legal h4{font-size:15px;font-weight:600;margin:20px 0 6px;color:var(--fg)}
.legal p{color:var(--muted);line-height:1.65;margin:0;font-size:14px;max-width:72ch}
.legal>p.note{margin-bottom:4px;font-size:12.5px;color:var(--dim)}
.legal-wrap{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:start}
.legal-wrap article{padding:8px 26px 26px}
.legal-nav{display:flex;flex-direction:column;gap:4px;position:sticky;top:12px}
.legal-nav button{text-align:left;padding:9px 12px;border-radius:8px;color:var(--muted);font-weight:500;font-size:13.5px}
.legal-nav button:hover{background:var(--surface);color:var(--fg)}
.legal-nav button.on{background:var(--surface-2);color:var(--fg)}
.legal-box{max-height:300px;overflow-y:auto;padding:4px 16px 16px;border-radius:10px;background:var(--bg);border:1px solid var(--line)}
.legal-box h5{margin:16px 0 0;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--blue-hi)}
.legal-box .legal h4{font-size:13.5px;margin-top:14px}
.legal-box .legal p{font-size:13px}
.modal .legal p{margin:0}
@media (max-width:760px){.legal-wrap{grid-template-columns:1fr}.legal-nav{position:static;flex-direction:row;flex-wrap:wrap}.legal-wrap article{padding:4px 16px 18px}}

/* ---------- responsible play ---------- */
.lockbar{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:60;width:max-content;max-width:calc(100% - 32px);display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:10px;background:color-mix(in srgb,var(--gold) 14%,var(--side));border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);color:var(--gold-hi);font-size:13px;box-shadow:0 20px 40px -16px var(--shadow)}
.lockbar span{color:var(--fg);opacity:.85;flex:1;min-width:0}
.lockbar button{font-weight:600;color:var(--gold-hi);text-decoration:underline;text-underline-offset:2px}
.lockcard{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px;border-color:color-mix(in srgb,var(--gold) 35%,var(--line));color:var(--gold-hi)}
.lockcard div{display:flex;flex-direction:column;gap:2px}.lockcard span{color:var(--muted);font-size:13.5px}
.set-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px;margin-top:14px;align-items:start}
.set-card h3{margin:0 0 4px;font-size:16px;font-weight:600}
.set-card>.note{margin:0 0 12px}
.set-row{margin-bottom:14px}
.set-row small{font-size:12px;color:var(--dim);line-height:1.45}
.set-row .pend{display:block;color:var(--gold-hi);font-weight:500;margin-top:2px}
.set-in{display:flex;align-items:center;gap:10px}
.set-in input{flex:1;min-width:0}
.set-in em{font-style:normal;font-size:12.5px;color:var(--muted);flex:none;min-width:84px}
.brk{display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:900px){.set-grid{grid-template-columns:1fr}}

/* ---------- studio games (LuckyStreak) ---------- */
.st-search{display:flex;align-items:center;gap:8px;padding:0 12px;color:var(--dim);min-width:240px;flex:0 1 320px;min-height:42px;border-radius:10px;background:var(--surface);border:1px solid var(--line)}
.st-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:14px;scrollbar-width:none}
.st-chips button{flex:none;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--muted);background:var(--surface);border:1px solid var(--line)}
.st-chips button.on{color:#241703;background:linear-gradient(180deg,#F8E6B4,#E7C77F);border-color:transparent}
.st-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px}
.st-tile{display:flex;flex-direction:column;gap:8px;text-align:left}
.st-art{position:relative;aspect-ratio:3/4;border-radius:14px;overflow:hidden;background:linear-gradient(160deg,var(--surface-2),var(--bg));box-shadow:0 0 0 1px var(--line);display:grid;place-items:center;transition:transform .2s cubic-bezier(.2,.9,.3,1),box-shadow .2s}
.st-art img{width:100%;height:100%;object-fit:cover}
.st-art>b{font-size:42px;color:var(--dim)}
.st-play{position:absolute;inset:0;display:grid;place-items:center;background:rgba(5,8,12,.55);opacity:0;transition:opacity .2s;font-style:normal;color:#fff}
.st-play .i{width:52px;height:52px;padding:14px;border-radius:50%;background:linear-gradient(180deg,#F8E6B4,#E7C77F);color:#241703;box-sizing:border-box}
.st-tile:hover .st-art{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(231,199,127,.5),0 20px 36px -18px #000}
.st-tile:hover .st-play,.st-tile:focus-visible .st-play{opacity:1}
.st-meta{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.st-meta b{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-meta small{font-size:12px;color:var(--muted)}
.st-player{position:fixed;inset:0;z-index:90;background:#05080C;display:flex;flex-direction:column;animation:fade .15s}
.st-bar{display:flex;align-items:center;gap:12px;height:56px;padding:0 14px;padding-left:max(14px,env(safe-area-inset-left,0px));padding-right:max(14px,env(safe-area-inset-right,0px));border-bottom:1px solid var(--line);background:var(--side)}
.st-t{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}
.st-t b{font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-t small{font-size:12px;color:var(--muted)}
.st-bal{display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:9px;background:var(--surface);border:1px solid var(--line);font-weight:600;font-variant-numeric:tabular-nums}
.st-frame{flex:1;position:relative}
.st-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
body.st-open{overflow:hidden}
@media (max-width:760px){.st-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.st-search{flex:1 1 100%;min-width:0}}
@media (max-width:420px){.st-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* =========================================================
   Luxe layer: the wallet's look, carried across the site.
   ========================================================= */
body{background:radial-gradient(1200px 600px at 85% -10%,rgba(61,139,253,.07),transparent 60%),radial-gradient(900px 500px at 10% 110%,rgba(231,199,127,.05),transparent 60%),var(--side);font-feature-settings:"tnum" 0;letter-spacing:-.003em}
:focus-visible{outline:2px solid var(--lx-gold);outline-offset:2px}
#bgfx{opacity:.9}
h1,h2,h3,.sec{letter-spacing:-.02em}
.page-h h2{font-size:28px;font-weight:800;letter-spacing:-.03em}
.ghead h2{font-weight:800;letter-spacing:-.03em}

/* buttons */
.cta{border-radius:11px;font-weight:700;letter-spacing:.005em;background:linear-gradient(180deg,var(--lx-gold-hi) 0%,var(--lx-gold) 48%,var(--lx-gold-lo) 100%);color:var(--lx-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(0,0,0,.18),0 10px 24px -12px rgba(231,199,127,.55)}
.cta:hover{background:linear-gradient(180deg,#FCEFC9 0%,#EDD08D 48%,#C2944A 100%)}
.cta.ghost{background:rgba(255,255,255,.04);color:var(--fg);border:1px solid rgba(255,255,255,.09);box-shadow:none}
.cta.ghost:hover{background:rgba(255,255,255,.08)}
.cta.blue{background:linear-gradient(180deg,#76AEFF,#3D8BFD 55%,#2C6FD6);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 24px -12px rgba(61,139,253,.6)}
.cta.red{background:linear-gradient(180deg,#FF7A8A,#F0566A 55%,#C93B4E);color:#fff;box-shadow:none}
.cta.gold{background:linear-gradient(180deg,#FFE29A,#F2B33D 55%,#C98A1B);color:#3A2402}
.signin{background:linear-gradient(180deg,var(--lx-gold-hi),var(--lx-gold) 50%,var(--lx-gold-lo));color:var(--lx-ink);font-weight:700;border-radius:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.signin:hover{filter:brightness(1.05);background:linear-gradient(180deg,var(--lx-gold-hi),var(--lx-gold) 50%,var(--lx-gold-lo))}

/* shell */
.side{background:linear-gradient(180deg,#0A0F16,#070A0F);border-right:1px solid rgba(255,255,255,.05)}
.logo b span{color:#3FE08C}
.nav h6{letter-spacing:.02em;text-transform:none;font-size:12px;color:#55606F;font-weight:700}
.nav button{border-radius:10px;font-weight:600;font-size:13.5px}
.nav button:hover{background:rgba(255,255,255,.035)}
.nav button.on{background:linear-gradient(90deg,rgba(231,199,127,.13),rgba(231,199,127,.02) 70%);color:#F8E6B4;box-shadow:inset 0 0 0 1px rgba(231,199,127,.14)}
.nav button.on::before{background:linear-gradient(180deg,var(--lx-gold-hi),var(--lx-gold-lo));width:3px}
.nav button.on .i{color:var(--lx-gold)}
.tg{border-radius:999px!important;font-weight:700!important;letter-spacing:.01em}
.tg.wait{background:rgba(231,199,127,.14)!important;color:#F8E6B4!important}
.top{background:rgba(8,12,18,.78);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid rgba(255,255,255,.05)}
.search-top{border-radius:11px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.06)!important}
.wallet{border-radius:12px;border:1px solid rgba(255,255,255,.07);box-shadow:0 8px 24px -14px #000}
.bal{background:rgba(255,255,255,.035)}
.bal .num{font-weight:700;letter-spacing:-.01em}
.wallet>.bal{border-radius:12px 0 0 12px}.wallet>.claim{border-radius:0 12px 12px 0}
.claim.wbtn{background:linear-gradient(180deg,#76AEFF,#3D8BFD 55%,#2C6FD6);font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.ticker{background:rgba(10,15,22,.6);border-bottom:1px solid rgba(255,255,255,.04)}
.chat{background:linear-gradient(180deg,#0A0F16,#070A0F);border-left:1px solid rgba(255,255,255,.05)}
main#view{background:transparent}

/* surfaces */
.card,.stat,.quick button,.empty{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.card{border-radius:16px}
.stat{border-radius:12px;padding:11px 15px}
.stat span{font-weight:600;color:#8A96A7}
.stat b{font-size:19px;font-weight:800;letter-spacing:-.02em}
.empty{border-style:solid}
.quick button{border-radius:14px;padding:14px}
.quick button:hover{border-color:rgba(231,199,127,.3);background:linear-gradient(180deg,rgba(231,199,127,.07),rgba(255,255,255,.012))}
.quick button .i{color:var(--lx-gold)}
.promo{border-radius:20px;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 30px 60px -30px #000}
.slide h2{font-weight:800;letter-spacing:-.03em}
.itc{border-radius:14px;background:radial-gradient(80% 60% at 50% 30%,color-mix(in srgb,var(--rc) 16%,transparent),transparent 70%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.06)}
.itc:hover{border-color:color-mix(in srgb,var(--rc) 45%,transparent)}
.itc-art .art.rbx,.rtile .art.rbx{filter:drop-shadow(0 10px 14px rgba(0,0,0,.55))}
.txt{border-radius:11px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08)}
.txt:focus{border-color:rgba(231,199,127,.45);box-shadow:0 0 0 3px rgba(231,199,127,.1)}
.amt{border-radius:11px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08)}
.seg{border-radius:11px}
.modal{border-radius:18px;background:linear-gradient(180deg,#111923,#0B1018);border:1px solid rgba(255,255,255,.07);box-shadow:0 0 0 1px rgba(231,199,127,.06),0 50px 120px -30px #000}
.pop{border-radius:14px;background:rgba(14,20,28,.96);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08)}
.pop button:hover{background:rgba(255,255,255,.05)}
.toast{border-radius:12px!important;backdrop-filter:blur(10px)}
.spin{border-color:rgba(255,255,255,.08);border-top-color:var(--lx-gold)}
.check input{accent-color:var(--lx-gold)}
.steps i.on{background:var(--lx-gold)}

/* ---------- sign-in ---------- */
.gate{grid-template-columns:minmax(0,1.15fr) minmax(400px,.85fr);background:#06090D}
.gate-l{background:radial-gradient(70% 60% at 20% 15%,rgba(61,139,253,.14),transparent 60%),radial-gradient(60% 50% at 90% 100%,rgba(231,199,127,.09),transparent 60%),#070B10;border-right:1px solid rgba(255,255,255,.05);padding:34px 56px}
.gx-top{display:flex;align-items:center;justify-content:space-between}
.gx-age{font-weight:800;font-size:12.5px;padding:6px 10px;border-radius:999px;color:#F8E6B4;border:1px solid rgba(231,199,127,.35);background:rgba(231,199,127,.06)}
.gx-hero h1{font-size:clamp(36px,4.2vw,60px);font-weight:800;line-height:1.02;letter-spacing:-.045em;margin:0 0 18px;max-width:13ch;background:linear-gradient(180deg,#FFFFFF 30%,#C9D3DF);-webkit-background-clip:text;background-clip:text;color:transparent}
.gx-hero>p{color:#AAB6C5;font-size:16px;line-height:1.55;max-width:46ch;margin:0}
.gx-feats{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;max-width:560px}
.gx-feats li{display:flex;gap:12px;font-size:13.5px;color:#8E9AAB;line-height:1.45}
.gx-feats .i{flex:none;width:34px;height:34px;padding:8px;border-radius:10px;color:var(--lx-gold);background:rgba(231,199,127,.07);border:1px solid rgba(231,199,127,.16);box-sizing:border-box}
.gx-feats b{display:block;color:var(--fg);font-weight:700;font-size:14px}
.gx-items{display:flex;gap:12px;flex-wrap:wrap}
.gx-item{margin:0;width:132px;padding:12px 12px 12px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.07);backdrop-filter:blur(6px)}
.gx-item .art{width:100%;height:84px;object-fit:contain;filter:drop-shadow(0 12px 14px rgba(0,0,0,.6))}
.gx-item figcaption{display:flex;flex-direction:column;gap:2px;margin-top:8px}
.gx-item b{font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gx-item span{display:flex;align-items:center;gap:5px;font-size:12px;color:#C9B27A;font-weight:600}
.gate-r{background:radial-gradient(80% 50% at 50% 0%,rgba(231,199,127,.06),transparent 70%),#06090D}
.gate-card{width:min(420px,100%);padding:30px 28px 24px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.07);box-shadow:0 0 0 1px rgba(231,199,127,.06),0 40px 90px -40px #000,inset 0 1px 0 rgba(255,255,255,.05)}
.gate-card h2{font-size:26px;font-weight:800;letter-spacing:-.03em;margin:4px 0 6px}
.gsub{margin:0 0 20px!important;line-height:1.5}
.gseg{margin-bottom:22px}
.gsteps{list-style:none;padding:0;margin:0 0 20px;display:flex;gap:6px}
.gsteps li{flex:1;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--dim);padding-top:10px;border-top:2px solid rgba(255,255,255,.08)}
.gsteps li i{font-style:normal;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:10.5px;background:rgba(255,255,255,.06);color:var(--muted)}
.gsteps li.on{color:#F8E6B4;border-top-color:var(--lx-gold)}
.gsteps li.on i{background:var(--lx-gold);color:var(--lx-ink)}
.gsteps li.done{color:var(--muted);border-top-color:rgba(231,199,127,.45)}
.gsteps li.done i{background:rgba(231,199,127,.2);color:#F8E6B4}
.gin{position:relative;display:block}
.gin>.i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--dim);pointer-events:none}
.gin>.txt{padding-left:40px;height:48px}
.gcode summary{cursor:pointer;font-size:13px;font-weight:600;color:#C9B27A;list-style:none}
.gcode summary::-webkit-details-marker{display:none}
.gcode[open] summary{margin-bottom:8px}
.gcode small{display:block;margin-top:6px;font-size:12px;color:var(--dim)}
.phrase{border-radius:14px;padding:14px 12px 14px 16px;background:linear-gradient(180deg,rgba(231,199,127,.07),rgba(231,199,127,.02));border:1px dashed rgba(231,199,127,.35)}
.phrase code{color:#F8E6B4;font-size:15px}
.phrase button{background:rgba(231,199,127,.14);color:#F8E6B4;border-radius:9px;font-weight:700}
.guest button{color:#C9B27A;font-weight:700}
@media (max-width:980px){.gate{grid-template-columns:1fr}.gate-l{display:none}.gate-mlogo{display:flex;justify-content:center}.gate-card{padding:24px 20px 20px}}

/* ---------- slots waitlist ---------- */
.wl{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:28px;align-items:center;padding:36px;border-radius:24px;background:radial-gradient(80% 90% at 100% 0%,rgba(231,199,127,.10),transparent 60%),radial-gradient(70% 80% at 0% 100%,rgba(61,139,253,.10),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.07)}
.wl-copy h2{font-size:clamp(28px,3.2vw,42px);font-weight:800;letter-spacing:-.04em;line-height:1.05;margin:8px 0 12px}
.wl-copy>p{color:#AAB6C5;max-width:52ch;line-height:1.55;margin:0}
.wl-stats{display:flex;gap:28px;margin:26px 0 0}
.wl-stats div{display:flex;flex-direction:column-reverse}
.wl-stats dt{font-size:12.5px;color:var(--muted);font-weight:600}
.wl-stats dd{margin:0;font-size:28px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.wl-code{margin-top:26px;max-width:420px}
.wl-code label{display:block;font-size:13px;font-weight:700;color:#C9B27A;margin-bottom:8px}
.wl-code>div{display:flex;gap:8px}
.wl-code .txt{height:46px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.wl-place{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:34px 24px;border-radius:20px;background:linear-gradient(180deg,rgba(8,12,18,.7),rgba(8,12,18,.9));border:1px solid rgba(231,199,127,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 30px 60px -30px #000}
.wl-big{font-size:clamp(64px,7vw,96px);font-weight:800;letter-spacing:-.06em;line-height:1;background:linear-gradient(180deg,#FFF7E0 10%,#E7C77F 55%,#A87A2E);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.wl-place.in .wl-big{color:var(--win);background:none;-webkit-text-fill-color:currentColor;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background-color:rgba(47,211,138,.1)}
.wl-place p{color:#AAB6C5;margin:4px 0 14px;max-width:28ch}
.wl-admin{margin-top:8px}
.wl-agrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wl-agrid h4,.wl-table h4{margin:0 0 6px;font-size:15px}
.wl-row{display:flex;gap:8px;margin:10px 0}
.wl-row .txt{min-width:0}
.wl-codes{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.wl-chip{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;font-size:13px;padding:7px 10px;border-radius:9px;background:rgba(231,199,127,.1);color:#F8E6B4;border:1px solid rgba(231,199,127,.25)}
.wl-table{margin-top:12px;overflow-x:auto}
.wl-table table{width:100%;border-collapse:collapse;font-size:13px}
.wl-table th{text-align:left;color:var(--muted);font-weight:600;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.07)}
.wl-table td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.04)}
.wl-table code{color:#F8E6B4}
@media (max-width:860px){.wl{grid-template-columns:1fr;padding:22px}.wl-agrid{grid-template-columns:1fr}}
.gate-l canvas{top:auto;bottom:0;height:42%;opacity:.8;-webkit-mask-image:linear-gradient(180deg,transparent,#000 40%);mask-image:linear-gradient(180deg,transparent,#000 40%)}
.gate .lnk{color:#C9B27A}
@media (max-width:420px){.gsteps li{font-size:11px;gap:5px}}

/* ---------- liquid glass ---------- */
.glass,.modal,.pop,.toast,.balpop,.top,.lux{-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%)}
.glass{position:relative}
.glass{background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.018) 45%,rgba(255,255,255,.035))!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.04),inset 1px 0 0 rgba(255,255,255,.06),0 24px 60px -28px rgba(0,0,0,.75)!important}
.glass::before,.modal::before,.pop::before,.balpop::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 60% at 10% -10%,rgba(255,255,255,.12),transparent 45%),radial-gradient(80% 50% at 110% 120%,rgba(120,170,255,.08),transparent 60%);mix-blend-mode:screen}
.modal{background:linear-gradient(160deg,rgba(24,32,44,.78),rgba(10,14,20,.86))!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 0 1px rgba(231,199,127,.05),0 60px 120px -40px #000!important}
.modal.lux{background:radial-gradient(120% 60% at 0% 0%,rgba(61,139,253,.10),transparent 55%),linear-gradient(160deg,rgba(22,30,42,.82),rgba(8,12,18,.9))!important}
.scrim{background:rgba(2,5,9,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.pop,.balpop{background:linear-gradient(160deg,rgba(28,36,48,.72),rgba(12,16,22,.82))!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 30px 60px -24px #000!important}
.toast{background:linear-gradient(160deg,rgba(30,40,54,.78),rgba(14,18,26,.86))!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 20px 40px -18px #000!important}
.top{background:linear-gradient(180deg,rgba(14,20,28,.62),rgba(8,12,18,.5))!important;box-shadow:inset 0 -1px 0 rgba(255,255,255,.05)}
.nav button.on{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
body.hide-bal #bal{filter:blur(7px);transition:filter .2s}
body.hide-bal #balbox:hover #bal{filter:none}
body.calm *{animation-duration:.01ms!important;transition-duration:.01ms!important}

/* ---------- boot ---------- */
#boot{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:radial-gradient(60% 50% at 50% 40%,rgba(41,98,255,.16),transparent 70%),#05080C;transition:opacity .5s ease,visibility .5s}
#boot.out{opacity:0;visibility:hidden}
.bt-in{display:flex;flex-direction:column;align-items:center;gap:16px;width:min(280px,80vw)}
.bt-mark{position:relative;display:grid;place-items:center;width:120px;height:120px}
.bt-mark svg{position:relative;z-index:1;filter:drop-shadow(0 0 22px rgba(63,224,140,.45));animation:btIn .9s cubic-bezier(.2,1.2,.3,1) both}
.bt-ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(231,199,127,.0);border-top-color:rgba(231,199,127,.85);border-right-color:rgba(231,199,127,.25);animation:sp 1.1s linear infinite}
.bt-word{font-family:Manrope,system-ui,sans-serif;font-size:24px;font-weight:800;letter-spacing:-.03em;color:#fff;animation:btUp .7s .15s both}
.bt-word span{color:#3FE08C}
.bt-bar{width:100%;height:3px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden}
.bt-bar i{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,#B8893A,#F8E6B4);box-shadow:0 0 12px rgba(231,199,127,.6);transition:width .45s cubic-bezier(.3,.8,.3,1)}
.bt-step{font-family:Manrope,system-ui,sans-serif;font-size:12.5px;color:#7E8A9B;font-weight:600;min-height:18px}
@keyframes btIn{from{opacity:0;transform:scale(.7) rotate(-8deg)}}
@keyframes btUp{from{opacity:0;transform:translateY(6px)}}
@media (prefers-reduced-motion:reduce){.bt-ring,.bt-mark svg,.bt-word{animation:none}}

/* ---------- settings ---------- */
.st2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.st2-acc{grid-column:1/-1;padding:22px}
.st2-id{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.st2-id>div{flex:1;display:flex;flex-direction:column;gap:2px}
.st2-id b{font-size:20px;font-weight:800;letter-spacing:-.02em}
.st2-id>div>span{color:var(--muted);font-size:13px;display:flex;align-items:center;gap:6px}
.st2-kv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 12px}
.st2-kv>div{padding:12px 14px;border-radius:12px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.06)}
.st2-kv dt{font-size:12px;color:var(--muted);font-weight:600;margin-bottom:4px}
.st2-kv dd{margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13.5px}
.st2-kv code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;color:#F8E6B4;font-size:14px}
.st2-sec h3{margin:0 0 10px;font-size:16px}
.set-tog{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid rgba(255,255,255,.05);cursor:pointer}
.set-tog:first-of-type{border-top:0}
.set-tog span{display:flex;flex-direction:column;gap:2px}
.set-tog b{font-size:14px;font-weight:700}.set-tog small{font-size:12.5px;color:var(--muted)}
.set-tog input{position:absolute;opacity:0;pointer-events:none}
.set-tog i{flex:none;width:42px;height:24px;border-radius:999px;background:rgba(255,255,255,.1);position:relative;transition:background .2s;box-shadow:inset 0 1px 2px rgba(0,0,0,.4)}
.set-tog i::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.4);transition:transform .2s cubic-bezier(.3,1.3,.5,1)}
.set-tog input:checked+i{background:linear-gradient(180deg,#F3D998,#C2944A)}
.set-tog input:checked+i::after{transform:translateX(18px)}
.set-tog input:focus-visible+i{outline:2px solid var(--lx-gold);outline-offset:2px}
.st2-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.st2-links button{display:flex;align-items:center;gap:8px;padding:11px 12px;border-radius:11px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);font-weight:600;font-size:13.5px;color:var(--muted)}
.st2-links button:hover{color:var(--fg);border-color:rgba(231,199,127,.3)}
.lx-copy{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:8px;font-size:12px;font-weight:700;color:#F8E6B4;background:rgba(231,199,127,.1);border:1px solid rgba(231,199,127,.25)}
.tp-badge{font-style:normal;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;color:#241703;background:linear-gradient(180deg,#F8E6B4,#E7C77F)}
@media (max-width:860px){.st2{grid-template-columns:1fr}.st2-kv{grid-template-columns:1fr}.st2-id{flex-wrap:wrap}}

/* ---------- docs and support ---------- */
.docs{padding:10px 28px 26px}
.docs h4{font-size:16px;margin:22px 0 6px;letter-spacing:-.01em}
.docs p{color:#AAB6C5;line-height:1.65;margin:0;max-width:70ch}
.docs-next{margin-top:26px}
.sup{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;align-items:start}
.sup h3{margin:0 0 12px;font-size:16px}
.sup details{border-top:1px solid rgba(255,255,255,.05);padding:10px 0}
.sup details summary{cursor:pointer;font-weight:700;font-size:14px}
.sup details p{color:var(--muted);margin:8px 0 0;line-height:1.55}
.sup-new{display:flex;flex-direction:column;gap:12px}
.sup-new textarea{resize:vertical;min-height:110px}
.sup-new code{color:#F8E6B4}
.sup-list .sec-h{margin-top:0}
.sup-t{padding:0;margin-bottom:10px;border-top:0}
.sup-t summary{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;padding:14px 16px;align-items:center;list-style:none}
.sup-t summary::-webkit-details-marker{display:none}
.sup-t summary small{grid-column:2;color:var(--dim);font-weight:500;font-size:12px}
.sup-s{grid-row:span 2;font-size:11px;font-weight:800;padding:4px 9px;border-radius:999px;background:rgba(61,139,253,.15);color:#8DB6FF}
.sup-s.answered{background:rgba(47,211,138,.15);color:#5BF0A8}.sup-s.closed{background:rgba(255,255,255,.06);color:var(--muted)}
.sup-msgs{display:flex;flex-direction:column;gap:8px;padding:0 16px}
.sup-m{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.05);max-width:88%}
.sup-m.staff{align-self:flex-end;background:rgba(231,199,127,.08);border-color:rgba(231,199,127,.2)}
.sup-m b{font-size:12.5px}.sup-m p{margin:4px 0;color:#C9D3DE;white-space:pre-wrap;line-height:1.5}.sup-m time{font-size:11px;color:var(--dim)}
.sup-reply{padding:12px 16px 16px;display:flex;flex-direction:column;gap:8px}
.sup-reply>div{display:flex;gap:8px}
@media (max-width:980px){.sup{grid-template-columns:1fr}}

/* ---------- live wins under games ---------- */
.gw{margin-top:22px;padding:16px 18px}
.gw-head,.gw-row{display:grid;grid-template-columns:minmax(0,1.4fr) 1fr .7fr 1fr .6fr;gap:10px;align-items:center}
.gw-head{font-size:12px;color:var(--dim);font-weight:700;padding:0 10px 8px}
.gw-row{padding:9px 10px;border-radius:10px;font-size:13px;font-variant-numeric:tabular-nums;animation:gwIn .35s ease-out}
.gw-row:nth-child(odd){background:rgba(255,255,255,.025)}
.gw-row.me{background:rgba(231,199,127,.07)}
.gw-row .u{display:flex;align-items:center;gap:8px;font-weight:700;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}
.gw-row .b,.gw-row .p{display:flex;align-items:center;gap:5px}
.gw-row .p.w{color:var(--win);font-weight:700}.gw-row .p.l{color:var(--muted)}
.gw-row time{color:var(--dim);font-size:12px;text-align:right}
.gw-head span:last-child{text-align:right}
.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--loss);margin-right:6px;box-shadow:0 0 0 3px rgba(240,86,106,.2);animation:pulse 1.6s infinite}
@keyframes gwIn{from{opacity:0;transform:translateY(-4px)}}
@keyframes pulse{50%{opacity:.4}}
@media (max-width:640px){.gw-head,.gw-row{grid-template-columns:minmax(0,1.3fr) 1fr 1fr}.gw-head span:nth-child(3),.gw-row .m,.gw-head span:last-child,.gw-row time{display:none}}

/* ---------- game tiles and modes ---------- */
.games.all{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;overflow:visible}
.gcard.lx{background:radial-gradient(90% 70% at 70% 30%,color-mix(in srgb,var(--gc) 42%,transparent),transparent 70%),linear-gradient(165deg,color-mix(in srgb,var(--gc) 22%,#0D121A),#0A0E14 70%);border:1px solid color-mix(in srgb,var(--gc) 30%,rgba(255,255,255,.06));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 34px -22px #000;border-radius:18px;padding:12px 13px}
.gcard.lx::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.08) 50%,transparent 65%);transform:translateX(-120%);transition:transform .8s}
.gcard.lx:hover{transform:translateY(-4px);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 24px 44px -20px color-mix(in srgb,var(--gc) 60%,#000)}
.gcard.lx:hover::after{transform:translateX(120%)}
.gcard.lx .art{position:absolute;right:50%;top:16%;transform:translateX(50%);bottom:auto}
.gcard.lx:hover .art{transform:translateX(50%) scale(1.07)}
.gcard.lx .gt{background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:3px 9px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.gcard.lx b{position:relative;z-index:1;font-size:17px;font-weight:800;margin-top:auto;padding-bottom:16px}
.gcard.lx .gr{position:absolute;left:13px;bottom:11px;font-size:11px;font-weight:700;color:var(--gl);opacity:.85}
.modes{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.mcard{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border-radius:16px;text-align:left;background:radial-gradient(70% 90% at 0% 50%,color-mix(in srgb,var(--gc) 26%,transparent),transparent 70%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.07);transition:transform .2s,border-color .2s}
.mcard:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--gc) 50%,transparent)}
.mc-ic{flex:none;width:58px;height:58px;display:grid;place-items:center;border-radius:14px;background:rgba(0,0,0,.3)}
.mc-ic svg{width:52px;height:52px}
.mcard b{display:block;font-size:14.5px;font-weight:800}
.mcard small{color:var(--muted);font-size:12.5px}
.case-box{filter:drop-shadow(0 14px 18px rgba(0,0,0,.55))}

/* ---------- Discord-style profile ---------- */
.pf-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:18px;align-items:start;max-width:1100px}
.pf{--a1:#2A3140;--a2:#121821;position:relative;border-radius:22px;overflow:hidden;background:#0D1219;box-shadow:0 30px 70px -30px #000}
.pf.plus{padding:4px;background:linear-gradient(160deg,var(--a1),var(--a2))}
.pf.plus>*:not(.pf-av){position:relative}
.pf-banner{position:relative;height:150px;background:radial-gradient(80% 120% at 85% 0%,color-mix(in srgb,var(--b2) 75%,transparent),transparent 60%),linear-gradient(135deg,var(--b1),var(--b2));border-radius:18px 18px 0 0;overflow:hidden}
.pf:not(.plus) .pf-banner{border-radius:0}
.pf-av{position:absolute;left:22px;top:92px;z-index:2}
.pf.plus .pf-av{left:26px;top:96px}
.pf-avi{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:hsl(var(--h) 45% 35%);border:7px solid #0D1219;box-sizing:content-box}
.pf-avi img{width:100%;height:100%;object-fit:cover;background:#1B2330}
.pf-avi b{font-size:42px;font-weight:800;color:#fff}
.pf.plus .pf-avi{border-color:color-mix(in srgb,var(--a1) 30%,#0D1219);box-shadow:0 0 0 3px var(--a1)}
.pf-dot{position:absolute;right:6px;bottom:8px;width:22px;height:22px;border-radius:50%;background:#2FD38A;border:5px solid #0D1219}
.pf-body{background:linear-gradient(180deg,color-mix(in srgb,var(--a2) 18%,#0D1219),#0D1219 40%);padding:64px 22px 22px;border-radius:0 0 18px 18px}
.pf-name{margin:0;font-size:26px;font-weight:800;letter-spacing:-.025em}
.ns-gold{background:linear-gradient(180deg,#FFF5D6,#E7C77F 55%,#B8893A);-webkit-background-clip:text;background-clip:text;color:transparent}
.ns-gradient{background:linear-gradient(90deg,var(--a1),var(--a2) 60%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}
.ns-glow{text-shadow:0 0 18px color-mix(in srgb,var(--a1) 80%,transparent),0 0 2px #fff}
.pf-sub{display:flex;gap:10px;color:var(--muted);font-size:13.5px;margin-top:2px}
.pf-sub span+span::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--dim);margin-right:10px;vertical-align:middle}
.pf-status{margin:8px 0 0;font-size:13.5px;color:#C9D3DE}
.pf-badges{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px}
.pf-badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#C9D3DE}
.pf-badge:first-child .i{color:var(--lx-gold)}
.pf-sec{margin-top:14px;padding:12px 14px;border-radius:14px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.05)}
.pf-sec h4{margin:0 0 6px;font-size:12px;font-weight:800;color:#C9D3DE}
.pf-sec p{margin:0;color:#AAB6C5;line-height:1.55;white-space:pre-wrap}
.pf-empty{color:var(--dim)}
.pf-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pf-meta code{color:#F8E6B4;font-weight:700}
.pf-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.pf-stats span{display:block;font-size:11.5px;color:var(--muted)}.pf-stats b{font-size:16px;font-weight:800}
.pf-show{display:flex;gap:8px}.pf-show span{width:64px;height:64px;border-radius:12px;background:rgba(255,255,255,.04);display:grid;place-items:center}.pf-show .art{width:52px;height:52px}
.pf-fx{position:absolute;inset:0;pointer-events:none}
.fx-sparkle .pf-fx{background-image:radial-gradient(2px 2px at 20% 30%,#fff,transparent),radial-gradient(1.5px 1.5px at 70% 60%,#fff,transparent),radial-gradient(2px 2px at 45% 80%,#F8E6B4,transparent),radial-gradient(1.5px 1.5px at 85% 25%,#fff,transparent),radial-gradient(1px 1px at 10% 70%,#fff,transparent);animation:tw 2.4s ease-in-out infinite alternate}
.fx-glow .pf-fx{background:radial-gradient(60% 80% at 50% 120%,color-mix(in srgb,var(--a1) 70%,transparent),transparent 70%);animation:gl 3s ease-in-out infinite alternate}
.fx-orbit .pf-fx::before{content:"";position:absolute;width:260px;height:260px;left:50%;top:50%;margin:-130px;border-radius:50%;border:2px solid color-mix(in srgb,var(--a1) 70%,transparent);border-top-color:transparent;animation:sp 6s linear infinite}
.fx-rain .pf-fx{background-image:linear-gradient(transparent 0 70%,rgba(248,230,180,.6) 70% 72%,transparent 72%);background-size:24px 60px;animation:rn 1.2s linear infinite;opacity:.6}
@keyframes tw{to{opacity:.35}}@keyframes gl{to{opacity:.5}}@keyframes rn{to{background-position:0 60px}}
.pf-edit h3{margin:0 0 12px;font-size:17px}
.pf-edit{display:flex;flex-direction:column;gap:12px;position:sticky;top:12px}
.pf-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pf-perks{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:14px;border:1px solid rgba(231,199,127,.2);background:rgba(231,199,127,.04)}
.pf-perks.locked>:not(.pf-ph):not(.note){opacity:.45}
.pf-ph{display:flex;align-items:center;justify-content:space-between}
.pf-lock{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;color:#241703;background:linear-gradient(180deg,#F8E6B4,#E7C77F);padding:3px 8px;border-radius:999px}
.pf-l{font-size:12.5px;color:var(--muted);font-weight:600}
.pf-sw{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.pf-sw button{aspect-ratio:1.6;border-radius:9px;border:2px solid transparent}
.pf-sw button.on{border-color:#F8E6B4;box-shadow:0 0 0 2px rgba(231,199,127,.3)}
.pf-edit input[type=color]{width:100%;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:none;padding:2px}
.pf-seg{flex-wrap:wrap}
.modal.pf-modal{width:min(420px,100%);padding:0;background:none!important;border:0!important;box-shadow:none!important}
.modal.pf-modal::before{display:none}
.modal.pf-modal>.close{z-index:5;background:rgba(0,0,0,.4)}
@media (max-width:980px){.pf-page{grid-template-columns:1fr}.pf-edit{position:static}}

/* ---------- limiteds market ---------- */
.mk-tabs{display:inline-grid;margin-bottom:16px;max-width:420px;width:100%}
.lm-top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px;padding:18px 20px}
.lm-top h3{margin:0 0 4px;font-size:18px}.lm-top .note{max-width:52ch;margin:0}
.lm-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.lm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.lm-card{--tc:120,140,170;position:relative;display:flex;flex-direction:column;gap:3px;padding:12px;border-radius:16px;background:radial-gradient(90% 70% at 50% 28%,rgba(var(--tc),.2),transparent 70%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.07)}
.lm-card.t-s{--tc:231,199,127}.lm-card.t-a{--tc:168,120,255}.lm-card.t-b{--tc:82,160,255}
.lm-val{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--muted)}
.lm-buy{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
.lm-price{display:flex;align-items:center;gap:6px;font-weight:800;font-size:15px}
.lm-seller{display:flex;align-items:center;gap:4px;font-size:11.5px;color:var(--dim);margin-top:6px}
.inv-x.arm{background:linear-gradient(180deg,#F8E6B4,#E7C77F);color:#241703;border-color:transparent}
.inv-foot .amt input{font-size:15px}

/* ---------- site waitlist (full screen, after sign-in) ---------- */
body.sw-open{overflow:hidden}
#sitewait{position:fixed;inset:0;z-index:68;overflow-y:auto;background:radial-gradient(70% 60% at 85% 0%,rgba(231,199,127,.12),transparent 60%),radial-gradient(60% 60% at 0% 100%,rgba(61,139,253,.10),transparent 60%),#05080C;animation:fade .35s;transition:opacity .45s}
#sitewait.out{opacity:0;pointer-events:none}
.sw-cv{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;opacity:.9}
.sw-wrap{position:relative;min-height:100%;max-width:1120px;margin:0 auto;padding:28px max(16px,env(safe-area-inset-left,0px)) 24px;display:flex;flex-direction:column;gap:28px}
.sw-top{display:flex;align-items:center;justify-content:space-between}
.sw-top .logo{cursor:default}
.sw-main{flex:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:48px;align-items:center}
.sw-copy h1{font-size:clamp(34px,5vw,64px);font-weight:800;letter-spacing:-.045em;line-height:1;margin:0 0 18px;max-width:14ch;background:linear-gradient(180deg,#fff 30%,#D9C79A);-webkit-background-clip:text;background-clip:text;color:transparent}
.sw-copy>p{color:#AAB6C5;max-width:50ch;line-height:1.6;margin:0;font-size:16px}
.sw-copy .note{margin-top:14px}
.sw-card{padding:30px 24px 28px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.sw-card .cta{width:100%}
.sw-who{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:6px 14px 6px 6px;border-radius:99px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);font-size:14px}
.sw-foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;font-size:13px;color:var(--muted);border-top:1px solid rgba(255,255,255,.06);padding-top:16px}
.sw-foot button{color:#C9D3DF;font-weight:600;padding:6px 0}
.sw-foot button:hover{color:#F8E6B4}
.sw-foot span{margin-left:auto}
@media (max-width:860px){.sw-main{grid-template-columns:1fr;gap:28px}.sw-foot span{margin-left:0;width:100%}}
/* waitlist screen: nothing behind it is reachable */
body.sw-lock #app,body.sw-lock .chat{visibility:hidden}
.sw-ban h1{background:linear-gradient(180deg,#fff 30%,#F3A3A3);-webkit-background-clip:text;background-clip:text}
.sw-ban .sw-copy>p+p{margin-top:14px}
.sw-ban .sw-card{gap:10px}
.sw-ref{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07);font-size:13.5px;color:#AAB6C5}
.sw-ref b{color:#F8E6B4;font-size:14.5px}
.sw-ref .cta{margin-top:6px}
/* admin: three tabs */
.adm-seg{grid-template-columns:repeat(var(--n),1fr);max-width:560px}
.adm-seg>i{width:calc((100% - 8px)/var(--n));transform:translateX(calc(100% * var(--i)))}
/* refer a friend */
.rf-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:28px;align-items:center;padding:30px;border-radius:22px;margin-bottom:14px;background:radial-gradient(70% 90% at 100% 0%,rgba(231,199,127,.13),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));border:1px solid rgba(231,199,127,.18)}
.rf-amt{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px}
.rf-amt b{font-size:clamp(40px,5vw,60px);font-weight:800;letter-spacing:-.05em;line-height:1;background:linear-gradient(180deg,#FFF7E0 10%,#E7C77F 55%,#A87A2E);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.rf-amt i{font-style:normal;color:#AAB6C5;font-weight:600;font-size:14px;align-self:flex-end;margin-bottom:8px}
.rf-copy h3{margin:0 0 8px;font-size:14px;color:#C9B27A}
.rf-link{display:flex;gap:8px;max-width:560px}
.rf-link .txt{flex:1;min-width:0;height:46px;font-weight:600}
.rf-copy .note{margin-top:12px}
.rf-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px;margin:0}
.rf-stats div{display:flex;flex-direction:column-reverse}
.rf-stats dt{font-size:12.5px;color:var(--muted);font-weight:600}
.rf-stats dd{margin:0;font-size:28px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.rf-stats dd.g{color:#F8E6B4}
.rf-how{margin-bottom:14px}
.rf-how h3,.rf-list h3{margin:0 0 12px;font-size:16px}
.rf-how ol{margin:0 0 12px;padding:0;list-style:none;counter-reset:rf;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.rf-how li{counter-increment:rf;display:flex;flex-direction:column;gap:4px;padding:14px 14px 14px 52px;position:relative;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);font-size:13.5px;color:#AAB6C5}
.rf-how li::before{content:counter(rf);position:absolute;left:14px;top:14px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;color:#1A1408;background:linear-gradient(180deg,#F8E6B4,#D4AC5B)}
.rf-how li b{color:var(--fg);font-size:14px}
.rf-list table{width:100%;border-collapse:collapse;font-size:13.5px}
.rf-list th{text-align:left;color:var(--muted);font-weight:600;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.07)}
.rf-list td{padding:10px;border-bottom:1px solid rgba(255,255,255,.04)}
.rf-st{display:inline-block;padding:3px 9px;border-radius:99px;font-weight:700;font-size:12px;background:rgba(255,255,255,.06)}
.rf-st.paid{background:rgba(47,211,138,.12);color:var(--win)}
.rf-st.wait{background:rgba(231,199,127,.1);color:#F8E6B4}
.rf-st.void{color:var(--muted)}
@media (max-width:860px){.rf-hero{grid-template-columns:1fr;padding:22px}.rf-how ol{grid-template-columns:1fr}.rf-link{flex-wrap:wrap}}
/* ===== Support help desk ===== */
.page-h .cta.inline{align-self:flex-end;display:inline-flex;gap:6px;align-items:center}
.sup2{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;align-items:start}
.sup2.admin{grid-template-columns:280px minmax(0,1fr) 360px}
.sup-side{display:flex;flex-direction:column;gap:10px;position:sticky;top:12px}
.sup-me{padding:14px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.07)}
.sup-me:empty{display:none}
.sup-mehead{display:flex;gap:10px;align-items:center}
.sup-mehead div{display:flex;flex-direction:column;min-width:0}.sup-mehead small{color:var(--muted);font-size:12px}
.sup-pills{display:flex;gap:6px;margin:12px 0 10px;flex-wrap:wrap}
.sp{display:flex;flex-direction:column;padding:6px 10px;border-radius:10px;font-weight:800;font-size:13px;background:rgba(255,255,255,.05);flex:1;min-width:110px}
.sp small{font-weight:600;font-size:11px;color:var(--muted)}
.l-excellent{--lv:#2FD38A}.l-good{--lv:#7FD3A8}.l-warning{--lv:#F5A524}.l-restricted{--lv:#F07A3A}.l-suspended,.l-terminated{--lv:#F25555}
.sp[class*="l-"]{color:var(--lv);background:color-mix(in srgb,var(--lv) 10%,transparent)}
.sup-mel{font-size:13px;font-weight:700;color:#F8E6B4}.sup-mel:hover{text-decoration:underline}
.sup-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;border-radius:12px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.06)}
.sup-tabs button{display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 4px;border-radius:9px;font-size:12px;font-weight:700;color:var(--muted)}
.sup-tabs button i{font-style:normal;font-size:11px;opacity:.7}
.sup-tabs button.on{background:rgba(231,199,127,.14);color:#F8E6B4}
.sup-q{height:40px}
.sup-tl{display:flex;flex-direction:column;gap:4px;max-height:52vh;overflow-y:auto}
.sup-ti{display:flex;gap:10px;align-items:flex-start;text-align:left;padding:10px 12px;border-radius:12px;border:1px solid transparent}
.sup-ti:hover{background:rgba(255,255,255,.035)}
.sup-ti.on{background:rgba(231,199,127,.08);border-color:rgba(231,199,127,.22)}
.sup-ti .dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex:none;background:var(--muted)}
.dot.open{background:#F5A524}.dot.answered{background:#2FD38A}.dot.closed{background:#56606E}
.sup-tt{flex:1;min-width:0;display:flex;flex-direction:column}
.sup-tt b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sup-tt small{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sup-ti time{font-size:11px;color:var(--muted);flex:none}
.sup-none{padding:12px}
.sup-qa details{border-top:1px solid rgba(255,255,255,.06);padding:8px 0}.sup-qa summary{cursor:pointer;font-weight:600;font-size:13.5px}.sup-qa p{color:#AAB6C5;font-size:13px;margin:6px 0 0}
.sup-qa h3{margin:0 0 6px;font-size:15px}
.sup-main{min-height:540px;display:flex;flex-direction:column;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.07);overflow:hidden}
.sup-th{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.06)}
.sup-th h3{margin:0 0 4px;font-size:18px}
.sup-th small{color:var(--muted);font-size:12.5px;display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center}
.sup-th code{color:#F8E6B4}
.sup-msgs2{flex:1;overflow-y:auto;max-height:62vh;padding:16px 18px;display:flex;flex-direction:column;gap:12px}
.sm{max-width:78%;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06)}
.sm.me{align-self:flex-end;background:rgba(61,139,253,.12);border-color:rgba(61,139,253,.22)}
.sm.staff.them{background:rgba(231,199,127,.08);border-color:rgba(231,199,127,.22)}
.sm.internal{background:repeating-linear-gradient(135deg,rgba(245,165,36,.06) 0 10px,rgba(245,165,36,.02) 10px 20px);border-color:rgba(245,165,36,.35);border-style:dashed}
.sm-h{display:flex;gap:8px;align-items:baseline;font-size:12.5px;margin-bottom:4px}.sm-h time{color:var(--muted);font-size:11px;margin-left:auto}
.sm-int{font-size:11px;font-weight:700;color:#F5A524}
.sm p{margin:0;white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.5}
.sm-files{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.sm-f{width:110px;height:78px;border-radius:9px;overflow:hidden;border:1px solid rgba(255,255,255,.1);padding:0}
.sm-f img{width:100%;height:100%;object-fit:cover;display:block}
.sm-sys{align-self:center;display:flex;gap:8px;align-items:baseline;font-size:12.5px;padding:6px 12px;border-radius:99px;background:rgba(255,255,255,.04);color:#C9D3DF;max-width:90%;text-align:center}
.sm-sys time{color:var(--muted);font-size:11px}
.sm-sys.internal{border:1px dashed rgba(245,165,36,.4);color:#F5C77A}
.sm-acct details{border-radius:14px;border:1px solid rgba(231,199,127,.18);background:rgba(231,199,127,.04)}
.sm-acct summary{cursor:pointer;display:flex;gap:8px;align-items:center;padding:10px 14px;font-size:13px;font-weight:700;color:#F8E6B4}
.sm-acct summary time{margin-left:auto;color:var(--muted);font-weight:500;font-size:11px}
.sm-acct .ac{padding:0 14px 14px}
.sm-acct.internal details{border-style:dashed}
.sup-closed{padding:14px 18px;border-top:1px solid rgba(255,255,255,.06);margin:0}
.lnk{color:#F8E6B4;font-weight:700;text-decoration:underline;text-underline-offset:2px}
.sup-compose{border-top:1px solid rgba(255,255,255,.06);padding:12px 14px;display:flex;flex-direction:column;gap:8px;transition:background .15s}
.sup-compose.drag{background:rgba(231,199,127,.06);outline:2px dashed rgba(231,199,127,.4);outline-offset:-6px}
.sup-compose textarea{resize:vertical;min-height:70px}
.sup-cbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sp-flex{flex:1}
.sup-att{cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.sup-int{display:flex;gap:6px;align-items:center;font-size:13px;font-weight:600;color:#F5C77A;cursor:pointer}
.sup-files{display:flex;gap:8px;flex-wrap:wrap}.sup-files:empty{display:none}
.sf{position:relative;width:84px;height:62px;border-radius:9px;overflow:hidden;border:1px solid rgba(255,255,255,.12)}
.sf img{width:100%;height:100%;object-fit:cover}
.sf.busy img{opacity:.4}.sf.busy::after{content:'';position:absolute;inset:0;margin:auto;width:18px;height:18px;border-radius:50%;border:2px solid #fff;border-right-color:transparent;animation:sfspin .8s linear infinite}
.sf button{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.7);color:#fff}
.sup-new2{padding:18px;display:flex;flex-direction:column;gap:12px}
.sup-new2 h3{margin:0;font-size:18px}
.sup-new2 .sup-compose.new{border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:12px}
.sup-cats{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sup-cats legend{font-size:13px;font-weight:700;color:#C9B27A;margin-bottom:8px;padding:0}
.sup-cats label{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);cursor:pointer;transition:border-color .15s,background .15s}
.sup-cats label:hover{border-color:rgba(255,255,255,.18)}
.sup-cats label.on{border-color:rgba(231,199,127,.55);background:rgba(231,199,127,.08)}
.sup-cats input{position:absolute;opacity:0;pointer-events:none}
.sup-cats label:focus-within{outline:2px solid rgba(231,199,127,.6);outline-offset:2px}
.sup-cats b{font-size:13.5px}.sup-cats small{font-size:12px;color:var(--muted)}
.sup-share{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:12px;background:rgba(61,139,253,.07);border:1px solid rgba(61,139,253,.18);font-size:13px;color:#AAB6C5}
.sup-share b{color:var(--fg)}
.sup-send{display:flex;justify-content:flex-end}
.sup-acct{position:sticky;top:12px;max-height:calc(100vh - 100px);overflow-y:auto;padding:14px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.07)}
.sup-ah{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.sup-ah h3{margin:0;font-size:16px}
.sup-out{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px}
/* account card */
.ac{display:flex;flex-direction:column;gap:10px}
.ac-s{padding:12px;border-radius:12px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.05)}
.ac-s h4{margin:0 0 8px;font-size:12.5px;color:#C9B27A;font-weight:800}
.ac-s.staff{border-color:rgba(245,165,36,.3);border-style:dashed}
.ac-s h5{margin:10px 0 6px;font-size:12.5px}
.ac-id{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ac-id img,.ac-ph{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);display:grid;place-items:center;font-weight:800;object-fit:cover}
.ac-id>div{display:flex;flex-direction:column;flex:1;min-width:0}.ac-id span{font-size:12.5px;color:var(--muted)}
.ac-ver{font-style:normal;display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#3D8BFD;color:#fff;font-size:10px}
.ac-pill{display:inline-flex;align-items:center;padding:3px 9px;border-radius:99px;font-size:11.5px;font-weight:700;background:rgba(255,255,255,.07);color:#C9D3DF;white-space:nowrap}
.ac-pill.is-ok{background:rgba(47,211,138,.12);color:#2FD38A}.ac-pill.is-bad{background:rgba(242,85,85,.13);color:#F27A7A}.ac-pill.is-gold{background:rgba(231,199,127,.13);color:#F8E6B4}
.ac-pill[class*="l-"]{color:var(--lv);background:color-mix(in srgb,var(--lv) 12%,transparent)}
.ac-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.ac-kv{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px 10px;margin:10px 0 0}
.ac-kv div{display:flex;flex-direction:column-reverse;min-width:0}
.ac-kv dt{font-size:11px;color:var(--muted);font-weight:600}
.ac-kv dd{margin:0;font-weight:800;font-size:13.5px;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ac-kv code{font-size:12px;color:#F8E6B4}
.ac-msg{font-size:12.5px;color:#AAB6C5;margin:6px 0 0;line-height:1.45}.ac-msg.bad{color:#F27A7A}
.ac-more{margin-top:10px}.ac-more summary{cursor:pointer;font-size:12.5px;font-weight:700;color:#C9D3DF}
.ac-at{font-size:11px;color:var(--muted);margin:0}
.ac.compact .ac-s{padding:10px}
/* standing bar (five segments, like the game) */
.sb{margin:2px 0 4px}
.sb-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.sb-bar i{height:7px;border-radius:99px;background:rgba(255,255,255,.08)}
.sb-bar i.on{background:var(--lv,#2FD38A)}
.sb-bar i.green{background:#2FD38A}.sb-bar i.grey{background:#56606E}
.sb.l-suspended .sb-bar i.on,.sb.l-terminated .sb-bar i.on{background:#F25555}
.sb-l{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:5px}
.sb-l span{font-size:10.5px;color:var(--muted);text-align:center}
.sb-l span.cur{color:var(--lv);font-weight:800}
.sb.big .sb-bar i{height:12px}.sb.big .sb-l span{font-size:12px}
.sc{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0 0}
.sc div{display:flex;flex-direction:column-reverse;align-items:center;padding:8px 4px;border-radius:10px;background:rgba(255,255,255,.035)}
.sc dt{font-size:10.5px;color:var(--muted);font-weight:600;text-align:center}
.sc dd{margin:0;font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}
.vl,.al,.lk{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.vl li,.al li{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.03)}
.vl li.old{opacity:.6}.vl li.over b{text-decoration:line-through}
.vl b,.al b{font-size:13px}.vl p,.al p{margin:2px 0 0;font-size:12.5px;color:#AAB6C5}.vl small,.al small{display:block;font-size:11px;color:var(--muted);margin-top:2px}
.vk{flex:none;font-size:10.5px;font-weight:800;padding:3px 7px;border-radius:6px;background:rgba(255,255,255,.08);text-transform:capitalize;min-width:64px;text-align:center}
.vk.warning,.vk.warn{background:rgba(245,165,36,.15);color:#F5A524}
.vk.suspension,.vk.suspend{background:rgba(240,122,58,.15);color:#F07A3A}
.vk.termination,.vk.terminate,.vk.ban{background:rgba(242,85,85,.15);color:#F27A7A}
.vk.unban,.vk.grant{background:rgba(47,211,138,.13);color:#2FD38A}
.vk.note{background:rgba(245,165,36,.08);color:#F5C77A}
.lk li{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12.5px}
.lk-n{font-weight:800;color:#F8E6B4;text-decoration:underline}
.lk li span{color:var(--muted)}
/* staff actions */
.mod-bar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.mod-b{padding:7px 11px;border-radius:9px;font-size:12.5px;font-weight:800;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.mod-b:hover{background:rgba(255,255,255,.1)}
.mod-b.warn{color:#F5A524}.mod-b.suspend{color:#F07A3A}.mod-b.ban,.mod-b.terminate{color:#F27A7A;border-color:rgba(242,85,85,.3)}
.mod-b.unban,.mod-b.grant{color:#2FD38A}.mod-b.note{color:#F5C77A}
.mod-d h3{margin:0 0 4px}.mod-d .fld{margin-top:12px}
.cta.danger{background:linear-gradient(180deg,#F26B6B,#C93C3C);color:#fff}
.lb-modal{max-width:min(1100px,94vw);padding:10px;background:#05080C}
.lightbox{display:block;max-width:100%;max-height:82vh;margin:0 auto;border-radius:10px}
.adm-find{max-width:520px}.adm-pl{margin-top:12px;max-width:760px}
/* ===== Trade Empire account page ===== */
.te-hero{padding:24px;border-radius:22px;margin-bottom:14px;background:radial-gradient(70% 100% at 100% 0%,rgba(231,199,127,.12),transparent 60%),radial-gradient(60% 90% at 0% 100%,rgba(47,211,138,.08),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.08)}
.te-id{display:flex;gap:16px;align-items:center}
.te-id img{width:76px;height:76px;border-radius:50%;background:rgba(255,255,255,.06);object-fit:cover;border:2px solid rgba(231,199,127,.35)}
.te-id h3{margin:0;font-size:26px;letter-spacing:-.02em}
.te-id span{color:var(--muted)}
.te-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.te-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:20px}
.te-t{display:flex;flex-direction:column;padding:12px 14px;border-radius:14px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.06)}
.te-t span{font-size:12px;color:var(--muted);font-weight:600}
.te-t b{font-size:24px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.te-t small{font-size:11.5px;color:var(--muted)}
.te-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:14px;margin-bottom:14px;align-items:start}
.te-stand .sec-h .ac-pill{font-size:13px;padding:5px 12px}
.te-h4{margin:16px 0 4px;font-size:14px}
.te-spark{width:100%;height:120px;display:block}
.te-spark.up{color:#2FD38A}.te-spark.down{color:#F27A7A}
.te-tb .mstack{flex-direction:row;flex-wrap:wrap;margin-top:12px}
.te-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.te-it{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:10px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.te-it img,.te-noimg{width:72px;height:72px;object-fit:contain;border-radius:8px;background:rgba(255,255,255,.03)}
.te-it b{font-size:12.5px;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.te-it small{font-size:11.5px;color:var(--muted)}
@media (max-width:1280px){.sup2.admin{grid-template-columns:260px minmax(0,1fr)}.sup2.admin .sup-acct{grid-column:1/-1;position:static;max-height:none}}
@media (max-width:980px){.sup2,.sup2.admin,.sup-out{grid-template-columns:1fr}.sup-side{position:static}.sup-tl{max-height:none}.te-tiles{grid-template-columns:repeat(3,1fr)}.te-grid{grid-template-columns:1fr}.sup-cats{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.te-tiles{grid-template-columns:repeat(2,1fr)}.sm{max-width:92%}.sup-cats{grid-template-columns:1fr}.sc{grid-template-columns:repeat(2,1fr)}}
@keyframes sfspin{to{transform:rotate(360deg)}}
/* ===== Admin → Players ===== */
.pl-find{margin-bottom:14px}
.pl-search{display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:14px;background:rgba(0,0,0,.3);border:1px solid rgba(231,199,127,.22);max-width:760px}
.pl-search .txt{border:0;background:none;height:50px;font-size:15px;flex:1;padding:0}
.pl-search .txt:focus{outline:none}.pl-search:focus-within{border-color:rgba(231,199,127,.6)}
.pl-h5,.pday{margin:14px 0 8px;font-size:12px;color:var(--muted);font-weight:700}
.pl-res{margin-top:6px}
.pl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}
.pl-card{display:flex;align-items:center;gap:10px;text-align:left;padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.pl-card:hover{border-color:rgba(255,255,255,.16)}.pl-card.on{border-color:rgba(231,199,127,.5);background:rgba(231,199,127,.06)}
.pl-card img{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.06);flex:none}
.pl-card span{display:flex;flex-direction:column;min-width:0;flex:1}.pl-card b{font-size:13.5px}
.pl-card small{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-card i{font-style:normal}
.pl{border-radius:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.008));overflow:hidden}
.pl-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:start;padding:20px;background:radial-gradient(60% 120% at 0% 0%,rgba(231,199,127,.09),transparent 60%);border-bottom:1px solid rgba(255,255,255,.06)}
.pl-av{width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.06);border:2px solid rgba(231,199,127,.35)}
.pl-id h3{margin:0;font-size:24px;letter-spacing:-.02em}.pl-id>span{color:var(--muted);font-size:13px}
.pl-id code{color:#F8E6B4;cursor:pointer}.pl-sub{display:block;margin-top:8px;color:var(--muted);font-size:12px}
.pl-acts{display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-width:420px}
.pl-acts .mod-bar{justify-content:flex-end;margin:0}
.pl-tools{display:flex;gap:6px}
.pl-kpis{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.06)}
.pk{display:flex;flex-direction:column;gap:2px;padding:12px 14px;background:#070B10}
.pk span{font-size:11px;color:var(--muted);font-weight:700}
.pk b{font-size:18px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk small{font-size:11px;color:var(--muted);line-height:1.3}
.up{color:#2FD38A}.dn{color:#F27A7A}
.pl-tabs{display:flex;gap:2px;padding:6px 10px 0;border-bottom:1px solid rgba(255,255,255,.06);overflow-x:auto}
.pl-tabs button{padding:10px 14px;font-size:13.5px;font-weight:700;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap}
.pl-tabs button.on{color:#F8E6B4;border-bottom-color:#E7C77F}
#plbody{padding:16px 20px 22px}
.pf{position:sticky;top:0;z-index:2;background:#070B10;padding-bottom:8px;margin-bottom:4px}
.pf-cats{display:flex;flex-wrap:wrap;gap:6px}
.pf-cats button{display:inline-flex;gap:6px;align-items:center;padding:6px 11px;border-radius:99px;font-size:12.5px;font-weight:700;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);color:#C9D3DF}
.pf-cats button::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--c)}
.pf-cats button i{font-style:normal;color:var(--muted);font-size:11px}
.pf-cats button.on{border-color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent);color:#fff}
.pf-row{display:flex;gap:8px;margin-top:10px}.pf-row .txt{height:40px}.pf-row input{flex:1}.pf-row select{width:160px}
.ptl{list-style:none;margin:0;padding:0;position:relative}
.ptl:not(.flat)::before{content:'';position:absolute;left:61px;top:6px;bottom:6px;width:1px;background:rgba(255,255,255,.07)}
.pe{display:grid;grid-template-columns:48px 14px minmax(0,1fr);gap:0 10px;padding:8px 0;align-items:start}
.ptl.flat .pe{grid-template-columns:14px minmax(0,1fr)}.ptl.flat .pe time{display:none}
.pe time{font-size:11.5px;color:var(--muted);text-align:right;padding-top:2px;font-variant-numeric:tabular-nums}
.pdot{width:9px;height:9px;border-radius:50%;background:var(--c);margin:5px auto 0;box-shadow:0 0 0 3px #070B10;position:relative}
.pe-t{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline;font-size:14px}
.pe-t>span:first-child{font-weight:700}
.pv{font-variant-numeric:tabular-nums}.pv.up{color:#2FD38A}.pv.dn{color:#F27A7A}
.pval{font-size:12.5px;color:#C9D3DF}
.pst{font-size:11px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(255,255,255,.08)}
.pst.cancelled,.pst.refused,.pst.failed,.pst.banned,.pst.void{background:rgba(242,85,85,.14);color:#F27A7A}
.pst.staged,.pst.pending,.pst.open{background:rgba(245,165,36,.14);color:#F5A524}.pst.ok,.pst.paid{background:rgba(47,211,138,.12);color:#2FD38A}
.pe-m{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:3px;font-size:12.5px;color:#9AA6B5}
.pe-m code{font-size:11.5px;color:#F8E6B4;cursor:pointer}
.pic{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.pi{display:inline-flex;align-items:center;gap:6px;padding:4px 9px 4px 4px;border-radius:9px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);max-width:260px}
.pi img{width:28px;height:28px;border-radius:6px;object-fit:contain;background:rgba(255,255,255,.04);flex:none}
.pi b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pi small{font-size:11px;color:var(--muted);white-space:nowrap}
.pi.more{padding:4px 10px;font-size:12px;color:var(--muted)}
.pic.big .pi{max-width:none;flex:0 1 230px}.pic.big .pi img{width:40px;height:40px}
.ptbl{overflow-x:auto;border-radius:12px;border:1px solid rgba(255,255,255,.06)}
.ptbl table{width:100%;border-collapse:collapse;font-size:13px}
.ptbl th{text-align:left;color:var(--muted);font-weight:700;font-size:12px;padding:9px 12px;background:rgba(255,255,255,.03);white-space:nowrap}
.ptbl td{padding:9px 12px;border-top:1px solid rgba(255,255,255,.05);vertical-align:top}
.ptbl code{color:#F8E6B4;font-size:12px;cursor:pointer}
.pbars{display:flex;align-items:flex-end;gap:3px;height:110px;padding:8px;border-radius:12px;background:rgba(0,0,0,.2)}
.pbars span{flex:1;max-width:26px;height:100%;display:flex;align-items:flex-end}
.pbars i{width:100%;border-radius:3px 3px 0 0;background:#3D8BFD}.pbars i.dn{background:#F27A7A}.pbars i.up{background:#2FD38A}
.pbars-l{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:4px}
.pl-empty{padding:20px 0}
@media (max-width:1280px){.pl-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (max-width:980px){.pl-head{grid-template-columns:auto minmax(0,1fr)}.pl-acts{grid-column:1/-1;align-items:flex-start;max-width:none}.pl-acts .mod-bar{justify-content:flex-start}.pl-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.pl-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.pe{grid-template-columns:40px 12px minmax(0,1fr)}.ptl:not(.flat)::before{left:51px}#plbody{padding:14px}}
/* ===== money display, gift cards ===== */
#rxtip{position:fixed;z-index:95;pointer-events:none;display:flex;flex-direction:column;align-items:center;padding:7px 11px;border-radius:10px;background:#0B1017;border:1px solid rgba(231,199,127,.3);box-shadow:0 12px 30px -10px #000;opacity:0;transform:translateY(3px);transition:opacity .12s,transform .12s;white-space:nowrap}
#rxtip.on{opacity:1;transform:none}
#rxtip b{font-size:14px;color:#F8E6B4;font-variant-numeric:tabular-nums}#rxtip span{font-size:11px;color:var(--muted)}
.bp-usd{display:flex;align-items:baseline;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}
.bp-usd span{font-size:12px;color:var(--muted)}.bp-usd b{color:#F8E6B4;font-size:15px}.bp-usd small{margin-left:auto;font-size:11.5px;color:var(--muted)}
.bp-show{margin-top:10px}.bp-show>span{display:block;font-size:11.5px;color:var(--muted);margin-bottom:6px}
.bp-show div{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:3px;border-radius:9px;background:rgba(0,0,0,.3)}
.bp-show button{font-size:11px;font-weight:700;padding:6px 2px;border-radius:7px;color:var(--muted)}
.bp-show button.on{background:rgba(231,199,127,.16);color:#F8E6B4}
.bp-gift{display:flex;align-items:center;gap:6px;width:100%;margin-top:10px;padding:8px 10px;border-radius:9px;font-size:12.5px;font-weight:700;color:#F8E6B4;background:rgba(231,199,127,.08);border:1px solid rgba(231,199,127,.2)}
.bal .num{font-variant-numeric:tabular-nums}
.show-opts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}
.show-opts button{display:flex;flex-direction:column;gap:2px;text-align:left;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}
.show-opts button.on{border-color:rgba(231,199,127,.55);background:rgba(231,199,127,.08)}
.show-opts b{font-size:14px}.show-opts small{font-size:11.5px;color:var(--muted)}.show-opts span{margin-top:6px;font-weight:800;color:#F8E6B4;font-variant-numeric:tabular-nums}
.gc-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:26px;align-items:center;padding:26px;border-radius:22px;margin-bottom:14px;background:radial-gradient(70% 100% at 0% 0%,rgba(231,199,127,.1),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.08)}
.gc-faces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.gcf{position:relative;aspect-ratio:1.586;border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;color:#fff;
  background:radial-gradient(120% 90% at 100% 0%,color-mix(in srgb,var(--a) 55%,transparent),transparent 60%),linear-gradient(135deg,var(--b),color-mix(in srgb,var(--b) 70%,#000));
  border:1px solid color-mix(in srgb,var(--a) 45%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 18px 40px -22px #000}
.gcf::after{content:'';position:absolute;inset:-40% -10%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.14) 50%,transparent 60%);transform:translateX(-60%);transition:transform .9s ease}
.gcf:hover::after{transform:translateX(60%)}
.gcf-top{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;font-weight:800;letter-spacing:.02em}
.gcf-top i{font-style:normal;padding:2px 8px;border-radius:99px;background:rgba(0,0,0,.25);color:var(--a)}
.gcf>b small{font-size:.38em;letter-spacing:.04em;margin-right:.25em;opacity:.85;vertical-align:.55em}
.gcf>b{font-size:clamp(30px,3.6vw,44px);font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--a);text-shadow:0 2px 12px rgba(0,0,0,.35)}
.gcf.v500>b span{background:linear-gradient(180deg,#FFF7E0,#E7C77F 55%,#A87A2E);-webkit-background-clip:text;background-clip:text;color:transparent}
.gcf-bot{display:flex;justify-content:space-between;align-items:flex-end;font-size:12px}.gcf-bot span{display:inline-flex;gap:4px;align-items:center;font-weight:700}.gcf-bot small{opacity:.7}
.gcf.sm{padding:10px 12px;border-radius:12px}.gcf.sm>b{font-size:26px}.gcf.sm .gcf-top,.gcf.sm .gcf-bot{font-size:10.5px}
.gc-redeem label{display:block;font-size:13px;font-weight:700;color:#C9B27A;margin-bottom:8px}
.gc-redeem>div{display:flex;gap:8px}.gc-redeem .txt{height:52px;font-size:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;flex:1;min-width:0}
.gc-redeem .note{margin-top:12px}
.gc-win{display:flex;gap:18px;align-items:center;padding:18px;border-radius:18px;margin-bottom:14px;background:rgba(47,211,138,.07);border:1px solid rgba(47,211,138,.25);animation:rise .4s}
.gc-win .gcf{width:200px;flex:none}.gc-win h3{margin:0 0 4px;font-size:26px;color:#2FD38A}.gc-win p{margin:0;color:#AAB6C5}
.gca{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:12px;margin-bottom:6px}
.gca h4{margin:0 0 10px}
.gca-vals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}
.gca-vals label{cursor:pointer;border-radius:14px;outline:2px solid transparent;outline-offset:2px;transition:outline-color .15s}
.gca-vals input{position:absolute;opacity:0}.gca-vals label:has(input:checked){outline-color:#E7C77F}.gca-vals label:focus-within{outline-color:rgba(231,199,127,.6)}
.gca .wl-row{align-items:flex-end;flex-wrap:wrap}.gca .fld{flex:1;min-width:140px}
.gc-codes{width:100%;font-family:ui-monospace,Menlo,monospace;font-size:13px;margin:8px 0}
@media (max-width:980px){.gc-hero,.gca{grid-template-columns:1fr}.show-opts{grid-template-columns:repeat(2,minmax(0,1fr))}.gca-vals{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.gc-win{flex-direction:column;align-items:flex-start}.gc-redeem>div{flex-direction:column}}