/* site.css — the site's one stylesheet (page split Stage 0).
   Extracted from the one-file build's 26 <style> blocks IN DOCUMENT ORDER —
   the cascade order is load-bearing (the S76 light theme wins by position).
   Only adaptation: .app-tabs button -> .app-tabs a (tabs are real links now). */
/* ===== style block 1 of 26, document order ===== */
:root{--bg:#0a0a0c;--panel:#141419;--panel2:#1b1b22;--line:#2a2a33;--gold:#d4af37;--gold2:#f2c94c;--red:#e63946;--red2:#c1121f;--ice:#dbeafe;--ice2:#9fd8ff;--text:#f6f6f1;--mut:#b9b9b3;--r:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
a{color:var(--ice2)}img{max-width:100%}button{font:inherit;cursor:pointer}
.wrap{max-width:1080px;margin:0 auto;padding:0 16px}
h1{font-size:clamp(2rem,7vw,3.4rem);line-height:1.05;margin:.2em 0}h2{font-size:clamp(1.5rem,5vw,2.2rem);margin:.2em 0}.gold{color:var(--gold2)}.red{color:var(--red)}.ice{color:var(--ice2)}
.top{position:sticky;top:0;z-index:20;background:rgba(10,10,12,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(6px)}
.top-in{display:flex;align-items:center;gap:14px;min-height:58px}
.logo{font-weight:900;letter-spacing:.04em;color:var(--gold2);text-decoration:none;font-size:1.15rem;white-space:nowrap}.logo sup{font-size:.55em;color:var(--gold)}
.top nav{margin-left:auto;display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.top nav a{color:var(--text);text-decoration:none;padding:8px 10px;border-radius:10px;font-size:.95rem}.top nav a:hover{background:var(--panel2);color:var(--gold2)}
.btn{display:inline-block;border:0;border-radius:12px;padding:12px 18px;background:var(--gold);color:#111;font-weight:800;text-decoration:none}
.btn.red{background:var(--red);color:#fff}.btn.ghost{background:transparent;color:var(--ice);border:1px solid var(--ice2)}.btn.small{padding:8px 12px;font-size:.9rem}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--ice2);outline-offset:2px}
.hero{padding:46px 0 30px;background:radial-gradient(700px 320px at 80% 10%,rgba(230,57,70,.22),transparent),radial-gradient(600px 300px at 10% 90%,rgba(212,175,55,.14),transparent)}
.hero-grid{display:grid;gap:28px;align-items:center}
.hero p.lede{color:var(--mut);font-size:1.08rem;max-width:34rem}
.cta-row{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.stats{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}
.stat{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;min-width:130px;flex:1}
.stat b{font-size:1.9rem;color:var(--gold2);display:block}.stat span{color:var(--mut);font-size:.9rem}
.slab-stage{display:grid;place-items:center;min-height:340px}
.orbit{position:relative;width:280px;height:360px;display:grid;place-items:center;animation:spin 26s linear infinite}
.orbit .arr{position:absolute;font-size:44px;color:#fff;line-height:1;text-shadow:0 0 12px rgba(255,255,255,.6)}
.orbit .a1{top:-6px;left:50%;margin-left:-22px}.orbit .a2{bottom:-6px;left:50%;margin-left:-22px;transform:rotate(180deg)}
@keyframes spin{to{transform:rotate(360deg)}}
.slab{position:absolute;inset:34px 42px;background:linear-gradient(160deg,rgba(255,255,255,.28),rgba(255,255,255,.06));border:2px solid rgba(255,255,255,.65);border-radius:18px;padding:10px;box-shadow:0 18px 40px rgba(0,0,0,.55);animation:spin 26s linear infinite reverse}
.gold-card{height:100%;border-radius:12px;background:linear-gradient(165deg,#f7d774,#b8860b 45%,#f2c94c 70%,#8a6508);color:#191203;padding:16px;display:flex;flex-direction:column;justify-content:space-between}
.gold-card b{font-size:1.25rem}.gold-card .big{font-size:2rem;font-weight:900}.gold-card small{font-weight:700}
.hero-note{color:var(--mut);font-size:.9rem}
section{padding:44px 0}.sec-head p{color:var(--mut);max-width:44rem}
.grid{display:grid;gap:14px;grid-template-columns:1fr}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:18px;transition:transform .25s ease,border-color .25s ease}
.card:hover{border-color:var(--gold)}
.tilt{transform-style:preserve-3d;will-change:transform}
.tilt:hover{transform:perspective(700px) rotateX(4deg) rotateY(-5deg) translateY(-3px)}
.card h3{margin:.1em 0 .3em}.card p{color:var(--mut);margin:.3em 0}.pill{display:inline-block;background:#26262f;border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:.82rem;color:var(--ice);margin:2px 4px 2px 0}
.price{font-weight:800;color:var(--gold2)}
.app-shell{background:var(--panel);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.screen{display:none;padding:20px 16px;animation:fadeSlide .35s ease}
.screen.active{display:block}
@keyframes fadeSlide{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.game-switch{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.game-switch button{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:999px;padding:10px 14px}
.game-switch button[aria-pressed="true"]{background:var(--red);border-color:var(--red);color:#fff;font-weight:800}

.chip{border:1px solid var(--ice2);background:transparent;color:var(--ice);border-radius:999px;padding:9px 13px}
.chip[aria-pressed="true"]{background:var(--ice);color:#0a0a0c;font-weight:800}
.field{margin:10px 0}.field label{display:block;font-weight:700;margin-bottom:5px}
.field input,.field select{width:100%;padding:12px;border-radius:10px;border:1px solid var(--line);background:#0f0f13;color:var(--text)}
.mini-grid{display:grid;gap:12px;grid-template-columns:1fr}
.kv{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}
.kv span:last-child{text-align:right;font-weight:700}
.note{font-size:.88rem;color:var(--mut)}
.avatar{width:52px;height:52px;border-radius:50%;border:2px solid var(--gold);background:var(--red);color:#fff;font-weight:900;font-size:1.3rem}
.tier{border:1px solid var(--line);border-radius:16px;padding:18px;background:var(--panel)}
.tier.hot{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
.badge{display:inline-block;background:var(--gold);color:#111;font-weight:800;border-radius:999px;padding:4px 10px;font-size:.82rem}
.spot{position:relative;min-height:230px}
.spot-slide{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;pointer-events:none}
.spot-slide.on{opacity:1;pointer-events:auto}
.spot-nav{display:flex;gap:8px;margin-top:12px}.spot-nav button{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:999px;padding:8px 12px}
.spot-nav button[aria-current="true"]{background:var(--gold);color:#111;font-weight:800}
footer{border-top:1px solid var(--line);padding:30px 0 44px;color:var(--mut);font-size:.92rem}
footer a{color:var(--ice2)}
html.js .reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
html.js .reveal.in{opacity:1;transform:none}
@media(min-width:700px){.grid{grid-template-columns:1fr 1fr}.hero-grid{grid-template-columns:1.1fr .9fr}.mini-grid{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:980px){.grid{grid-template-columns:repeat(4,1fr)}.pricing-grid{grid-template-columns:repeat(4,1fr)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
.orbit{animation:none}
.slab{animation:floaty 6s ease-in-out infinite alternate}
@keyframes floaty{from{transform:translateY(-6px)}to{transform:translateY(10px)}}
.gold-card{position:relative;overflow:hidden}
.gold-card::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.35) 48%,transparent 62%);transform:translateX(-130%);animation:shimmer 3.8s ease-in-out infinite;pointer-events:none}
@keyframes shimmer{0%{transform:translateX(-130%)}55%,100%{transform:translateX(130%)}}

/* ===== style block 2 of 26, document order ===== */
.reveal{opacity:1!important;transform:none!important}

/* ===== style block 3 of 26, document order ===== */
/* S84: the wide layout that used to ride on the JS-toggled desktop body
   class now lives in ONE plain responsive block — @media (min-width:1100px)
   at the END of this file (search "S84 WIDE LAYOUT"). Same rules, same
   order, no view switch, no stored preference. */

/* ===== style block 4 of 26, document order ===== */
/* APP-FIRST LAYOUT (S32) — the app is the page: no box, tabs pinned on top */
#app{padding-top:14px}
#app .wrap{max-width:1360px}
.app-shell{border:none;border-radius:0;overflow:visible;background:transparent}

/* ===== style block 5 of 26, document order ===== */
/* NEAT GRID (S38) — uniform photo boxes, aligned tile bottoms, one pinned bar */
.screen .grid .card{display:flex;flex-direction:column}
.screen .grid .card img{aspect-ratio:4/5;object-fit:cover;width:100%}
.screen .grid .card h3{font-size:1.02rem;line-height:1.25;min-height:2.5em;margin-bottom:2px}
.screen .grid .card .price{margin-top:auto;padding-top:8px}
.screen .grid .card .btn{margin-top:8px}
/* ===== style block 6 of 26, document order ===== */
/* PRICING FIX (S40) — tiers never squeeze below a readable width; buttons align; anchors clear the pinned tab bar */
.pricing-grid .tier{display:flex;flex-direction:column}
.pricing-grid .tier .btn{margin-top:auto}
section[id]{scroll-margin-top:70px}

/* ===== style block 7 of 26, document order ===== */
/* VENDOR + GRID WIDTHS (S41) — cards wrap to fewer, wider columns instead of squeezing */
#screen-vendor .mini-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
#screen-vendor .badge{border-radius:10px;line-height:1.35;white-space:normal}
.badge{max-width:100%}

/* ===== style block 8 of 26, document order ===== */
/* SIGN-IN JUMPS (S48) — keep the landing spot clear of the sticky tab bar */
.screen{scroll-margin-top:64px}

/* ===== style block 9 of 26, document order ===== */
/* PROFILE GRID + BADGES (S50) — mini-grids wrap wide everywhere; badges never squash into blobs */
.badge{white-space:normal;line-height:1.35;border-radius:10px}

/* ===== style block 10 of 26, document order ===== */
/* CART (S56) */
.cart-line{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--line)}
.cart-line-main{flex:1 1 200px}
.cart-stepper{display:inline-flex;align-items:center;gap:9px}
.cart-line-side{text-align:right}
.cart-toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(16px);background:var(--panel);color:var(--text);border:1px solid var(--gold);border-radius:12px;padding:11px 16px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:60;max-width:88vw;text-align:center}
.cart-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
#screen-cart button[disabled]{opacity:.55;cursor:not-allowed}

/* ===== style block 11 of 26, document order ===== */
/* PROFILE GATE FAIL-CLOSED (S57) — LIVE only: while the profile is locked, every child except the sign-in door is display:none !important — the !important is what beats the grid/flex/inline display rules that defeated the hidden attribute. The auth wiring removes data-locked only after the server confirms a session. */
#screen-profile[data-locked="1"]>*:not(#demo-signin){display:none!important}

/* ===== style block 12 of 26, document order ===== */
/* SELL GATE FAIL-CLOSED (S65) — LIVE only: while Sell is locked, every child except the gate card is display:none !important (same pattern as the S57 Profile lock). The auth wiring removes data-locked only after the server confirms a session. */
#screen-sell[data-locked="1"]>*:not(.sell-gate){display:none!important}
#screen-sell:not([data-locked="1"]) .sell-gate{display:none}

/* ===== style block 13 of 26, document order ===== */
/* ACCOUNT WALL (S67) — LIVE only: while a member screen is locked, every child except its lock panel is display:none !important (the S57 fail-closed pattern). The auth wiring removes data-locked only after the server confirms a session. */
#screen-binder[data-locked="1"]>*:not(.acct-lock),#screen-collection[data-locked="1"]>*:not(.acct-lock),#screen-chase[data-locked="1"]>*:not(.acct-lock),#screen-dealroom[data-locked="1"]>*:not(.acct-lock){display:none!important}
#screen-binder:not([data-locked="1"]) .acct-lock,#screen-collection:not([data-locked="1"]) .acct-lock,#screen-chase:not([data-locked="1"]) .acct-lock,#screen-dealroom:not([data-locked="1"]) .acct-lock{display:none}

/* ===== style block 14 of 26, document order ===== */
/* CARD DETAIL TABS (S73) — the three tab windows on Card Detail. */

/* ===== style block 15 of 26, document order ===== */
/* CATALOG SHOP (S73) — the pre-loaded catalog as store tiles on LIVE. */
.shop-cat-bar{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;margin:6px 0 4px}
.shop-games{display:flex;gap:8px;flex-wrap:wrap}
.shop-games button{background:#1c1c24;color:#eaf6ff;border:1px solid #2c2c38;border-radius:999px;padding:9px 14px;font:inherit;font-weight:700;cursor:pointer}
.shop-games button[aria-pressed="true"]{background:#e10600;border-color:#e10600;color:#fff}
.shop-games button:focus-visible{outline:2px solid #f5c518;outline-offset:2px}
.shop-set-field{min-width:200px}
.shop-set-field select{width:100%;background:#141419;color:#eaf6ff;border:1px solid #2c2c38;border-radius:8px;padding:9px 10px;font:inherit}

/* ===== style block 16 of 26, document order (the S76 light theme — it wins by landing where it lands) ===== */
/* S76 light theme: white background, red tabs */
:root{--bg:#ffffff;--panel:#ffffff;--panel2:#f3f3f5;--line:#dcdce2;--text:#1d1d24;--mut:#5a5a64}
body{background:#ffffff}


.field input,.field select{background:#ffffff;color:var(--text)}
.shop-set-field select{background:#ffffff;color:var(--text);border-color:var(--line)}
#screen-admin input,#screen-admin textarea,#screen-admin select{background:#ffffff;border-color:var(--line);color:var(--text)}
#screen-admin .admin-secondary{background:#f3f3f5;color:var(--text);border-color:var(--line)}
#screen-admin .admin-switch{color:var(--text)}

/* ===== style block 17 of 26, document order ===== */
/* LEE FRAME (S77) — Lee's topbar / white header / red game bar, mapped onto our frame. */
.lee-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lee-topbar{background:#1a1a1a;color:#fff;font-size:.86rem}
.lee-topbar-in{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;padding-top:4px;padding-bottom:4px;flex-wrap:wrap}
.lee-topbar-links{display:flex;gap:16px}
.lee-topbar-links a{color:#fff;text-decoration:none}
.lee-topbar-links a:hover{text-decoration:underline}
.top{background:#ffffff;border-bottom:1px solid var(--line);box-shadow:0 1px 4px rgba(0,0,0,.08);backdrop-filter:none}

.logo{color:#e10600}.logo sup{color:#c8932a}
.top nav a{color:var(--text)}
.top nav a:hover{background:var(--panel2);color:#e10600}
.top .btn.ghost{color:var(--text);border-color:var(--line)}
/* S83 (Kadeem review pass, 2026-11-08): the base .btn.ghost was a dark-theme
   leftover — the S76 light :root never redefined --ice/--ice2, so on white it
   painted near-white text (#dbeafe) inside a pale-blue border (#9fd8ff): the
   washed-out "Choose Free" ghost in Kadeem's screenshot. On the light theme a
   ghost now gets a solid white face, dark text and a 2px currentColor border.
   The ONE ghost rendered on a dark surface — the Shop feed's Try-again button
   inside the .gr8d-shop dark island — keeps its island treatment (scoped rule
   below, higher specificity). The dark footer and the lee-topbar carry no
   .btn.ghost at all (inventoried S83), so nothing else needs the exception. */
.btn.ghost{background:#ffffff;color:var(--text);border:2px solid currentColor}
.gr8d-shop .btn.ghost{background:transparent;color:var(--ice);border:1px solid var(--ice2)}
/* S84: Super Member pricing button — FULL FIRE. S83's bottom-edge flame
   band read as plain yellow in Kadeem's screenshot ("Flame there but cant
   see. I want the full button on fire."), so the whole face is a flame
   field now: a flame-gradient base (deep red tips at the top, orange
   middle, bright gold fire-bed at the bottom) plus a pale-gold radial core
   behind the label, TWO full-height flame layers (::before deep-red
   tongues, ::after orange/gold tongues) licking from the bottom edge to
   the top of the button at different sizes, speeds and crawl directions,
   and a pulsing outer glow. The layers sit BEHIND the label (z-index:-1
   inside the button's own stacking context), so "Join Super Member" stays
   crisp — near-black bold text with a soft light halo. CSS only: no JS,
   no image or video files. Reduced motion: animations off; the frozen
   gradient + flame shapes still read as fire. */
.btn.super{position:relative;z-index:0;overflow:hidden;background:radial-gradient(ellipse 95% 130% at 50% 42%,#ffe9a8 0%,rgba(255,201,51,0) 56%),linear-gradient(180deg,#a31200 0%,#e63e00 34%,#ff7b1c 58%,#ffb52e 82%,#ffd94d 100%);color:#221100;text-shadow:0 0 7px rgba(255,224,140,.95),0 1px 1px rgba(255,240,200,.85);box-shadow:0 0 14px rgba(255,106,0,.55),0 0 30px rgba(225,6,0,.30);animation:gr8d-fire-glow 1.5s ease-in-out infinite alternate}
.btn.super::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;transform-origin:50% 100%;background:radial-gradient(ellipse 62% 96% at 50% 104%,rgba(193,20,0,.92) 0 52%,rgba(193,20,0,0) 72%) 0 0/46px 100% repeat-x,radial-gradient(ellipse 55% 78% at 50% 104%,rgba(143,14,0,.85) 0 50%,rgba(143,14,0,0) 70%) 23px 0/46px 100% repeat-x;animation:gr8d-fire-back 3.1s linear infinite}
.btn.super::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;transform-origin:50% 100%;background:radial-gradient(ellipse 58% 88% at 50% 104%,rgba(255,110,0,.85) 0 50%,rgba(255,110,0,0) 70%) 6px 0/29px 100% repeat-x,radial-gradient(ellipse 50% 64% at 50% 104%,rgba(255,166,26,.90) 0 48%,rgba(255,166,26,0) 68%) 20px 0/29px 100% repeat-x;animation:gr8d-fire-front 1.8s linear infinite}
@keyframes gr8d-fire-back{0%{background-position:0 0,23px 0;transform:scaleY(1)}25%{transform:scaleY(1.06)}50%{background-position:-23px 0,0 0;transform:scaleY(.96)}75%{transform:scaleY(1.04)}100%{background-position:-46px 0,-23px 0;transform:scaleY(1)}}
@keyframes gr8d-fire-front{0%{background-position:6px 0,20px 0;transform:scaleY(.97)}30%{transform:scaleY(1.07)}60%{transform:scaleY(.94)}100%{background-position:35px 0,49px 0;transform:scaleY(.97)}}
@keyframes gr8d-fire-glow{from{box-shadow:0 0 10px rgba(255,106,0,.45),0 0 22px rgba(225,6,0,.22)}to{box-shadow:0 0 20px rgba(255,120,0,.80),0 0 44px rgba(225,6,0,.50)}}
@media (prefers-reduced-motion: reduce){.btn.super,.btn.super::before,.btn.super::after{animation:none}}
.lee-hsearch{flex:1 1 220px;display:flex;max-width:520px;margin:0 4px}
.lee-hsearch input{flex:1;min-width:0;padding:9px 12px;border:2px solid var(--line);border-right:none;border-radius:8px 0 0 8px;font:inherit;background:#fff;color:var(--text)}
.lee-hsearch input:focus{outline:none;border-color:#e10600}
.lee-hsearch button{background:#e10600;color:#fff;border:2px solid #e10600;border-radius:0 8px 8px 0;padding:0 15px;font-size:1.02rem;cursor:pointer}
.lee-hcart{color:var(--text);text-decoration:none;font-weight:800;white-space:nowrap}
.lee-hcart-count{background:#e10600;color:#fff;border-radius:999px;padding:0 7px;font-size:.78rem;font-weight:800}
.lee-hcart-count[hidden]{display:none}
.lee-gamenav{background:#e10600}
.lee-gamenav-in{display:flex;gap:2px;align-items:center;overflow-x:auto}
.lee-gamenav-label{color:#fff;opacity:.85;font-size:.9rem;padding:0 8px 0 4px;white-space:nowrap}
.lee-gamenav button{background:transparent;border:0;color:#fff;font:inherit;font-weight:700;padding:11px 12px;white-space:nowrap;cursor:pointer}
.lee-gamenav button:hover{background:rgba(0,0,0,.16)}
@media (max-width:820px){.lee-hsearch{order:3;flex:1 1 100%;max-width:none;margin:6px 0}.top-in{flex-wrap:wrap;padding-top:8px;padding-bottom:8px}}

/* ===== style block 18 of 26, document order ===== */
/* LEE HOMEPAGE FACE (S78) — hero carousel + feature strip, Lee's components on our Home screen. */
.lee-hero{position:relative;overflow:hidden;border-radius:14px;margin:0 0 16px;border:1px solid var(--line)}
.lee-hslides{display:flex;transition:transform .5s ease}
.lee-hslide{min-width:100%;position:relative}
.lee-hslide img{width:100%;height:300px;object-fit:cover;display:block;background:var(--panel2)}
.lee-hcap{position:absolute;left:0;right:0;bottom:0;padding:36px 18px 16px;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff}
.lee-hcap h2{font-size:1.45rem;margin:0 0 4px;color:#fff}
.lee-hcap p{margin:0 0 10px;color:#f2f2f2}
.lee-hnav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.92);color:#1a1a1a;border:0;width:40px;height:40px;border-radius:50%;font-size:1.25rem;font-weight:800;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.25);z-index:2}
.lee-hprev{left:10px}.lee-hnext{right:10px}
.lee-hdots{position:absolute;bottom:12px;right:14px;display:flex;gap:6px;z-index:2}
.lee-hdots button{width:11px;height:11px;border-radius:50%;border:2px solid #fff;background:transparent;padding:0;cursor:pointer}
.lee-hdots button.on{background:#fff}
.lee-features{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:0 0 18px}
.lee-feature{border:1px solid var(--line);border-radius:12px;padding:14px 12px;text-align:center;background:#fff;color:var(--text);display:block;text-decoration:none;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.lee-feature:hover{border-color:#e10600;text-decoration:none}
.lee-feature .fi{font-size:1.9rem;margin-bottom:6px}
.lee-feature .ft{font-weight:800;margin-bottom:3px}
.lee-feature .fd{font-size:.86rem;color:var(--mut)}
@media (max-width:900px){.lee-features{grid-template-columns:repeat(2,1fr)}}
@media (max-width:768px){.lee-hslide img{height:215px}.lee-hcap h2{font-size:1.15rem}}

/* ===== style block 19 of 26, document order ===== */
/* LEE HOME CATALOG ROWS (S79) — Lee's tile rows fed by the real catalog slice. */
.lee-homesec{padding:10px 0}
.lee-sectitle{font-size:1.3rem;font-weight:800;padding-left:.7rem;border-left:4px solid #e10600;margin:12px 0 8px}
.lee-hrow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.lee-scrow{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px}
.lee-scrow .lee-tile{min-width:168px;max-width:168px}
.lee-tile{position:relative;display:block;text-decoration:none;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff;cursor:pointer}
.lee-tile:hover{border-color:#e10600;text-decoration:none}
.lee-tile img{width:100%;aspect-ratio:63/88;object-fit:contain;border-radius:8px;background:var(--panel2);display:block;margin-bottom:8px}
.lee-nophoto{border:1px dashed var(--line);border-radius:8px;padding:26px 8px;text-align:center;color:var(--mut);margin-bottom:8px}
.lee-tile .tn{font-weight:700;display:block}
.lee-tile .ts{color:var(--mut);font-size:.85rem;display:block}
.lee-tile .tm{color:#2e7d32;font-weight:700;display:block}
.lee-tile .tl{font-weight:800;display:block}
.lee-tile .tso{display:inline-block;background:#1a1a1a;color:#fff;padding:3px 10px;border-radius:6px;font-weight:700;font-size:.82rem;margin-top:4px}
.lee-rank{position:absolute;top:6px;left:6px;width:30px;height:30px;border-radius:50%;background:#1a1a1a;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;z-index:1;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.lee-rank.r1{background:#E8B33C;color:#1a1a1a}
.lee-rank.r2{background:#c0c0c0;color:#1a1a1a}
.lee-rank.r3{background:#cd7f32;color:#fff}
.lee-settile{border-top:4px solid #e10600}
@media (max-width:1024px){.lee-hrow{grid-template-columns:repeat(4,1fr)}}
@media (max-width:768px){.lee-hrow{grid-template-columns:repeat(2,1fr)}}

/* ===== style block 20 of 26, document order ===== */
/* COMING SOON (S81) — Lee's release-days section, its classes styled in
   our one-file conventions (the S79 home rows' look), plus Lee's own
   coming-soon CSS additions (the .is-past drop-off rule is required). */
.home-section{padding:10px 0}
.home-section-title{font-size:1.3rem;font-weight:800;padding-left:.7rem;border-left:4px solid #e10600;margin:12px 0 8px}
.home-section-sub{color:var(--mut);margin:0 0 10px}
.set-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,260px));gap:12px}
.set-tile{display:block;border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff}
.set-tile-image{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:var(--panel2);border-radius:8px;margin-bottom:8px}
.set-tile-emoji{font-size:3rem;line-height:1}
.set-tile-name{font-weight:700;font-size:1rem;margin:0 0 2px}
.set-tile-set{color:var(--mut);font-size:.85rem;margin:0 0 6px}
.set-tile-desc{font-size:.9rem;margin:0 0 8px}
.button-primary{background:#e10600;color:#fff;border:0;border-radius:8px;padding:9px 14px;font:inherit;font-weight:800;cursor:pointer}
.button-primary:hover{background:#b80500}
.button-primary:disabled{cursor:default}
.coming-soon-notify.is-added{background:#217a3c}
.coming-soon-tile.is-past{display:none}
.coming-soon-date{margin:0 0 12px;font-size:14px;line-height:1.4;color:#1c2430}
.coming-soon-date .coming-soon-label{font-weight:700;color:#e10600}
.coming-soon-tile .coming-soon-date .coming-soon-badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#E8B33C;color:#1c2430;font-size:12px;font-weight:700}

/* ===== style block 21 of 26, document order ===== */
/* HOME REBUILD (S82) — dominant hero banner, Items-for-you carousel,
   promo-tile grid, large set tiles, dark footer. */
.lee-gamechip{display:inline-block;background:#e10600;color:#fff;font-weight:900;font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;border-radius:999px;padding:4px 11px;margin-bottom:9px}
.lee-herobanner h2{font-size:2.05rem;line-height:1.1}
.lee-herobtns{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.btn.hero-signup{background:#E8B33C;border-color:#E8B33C;color:#1a1a1a}
.btn.hero-signup:hover{background:#d9a521;border-color:#d9a521}
.lee-foryou-wrap{position:relative}
.lee-scrollbtn{position:absolute;top:34%;z-index:2;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--red);font-size:1.35rem;font-weight:900;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(20,20,30,.2);padding:0}
.lee-foryou-prev{left:-4px}
.lee-foryou-next{right:-4px}
.lee-fydots{display:flex;gap:6px;justify-content:center;margin-top:10px;min-height:8px}
.lee-fydot{width:8px;height:8px;border-radius:50%;background:#d8d8e0}
.lee-fydot.on{background:var(--red)}
.lee-features{grid-template-columns:repeat(2,1fr)}
.lee-feature{align-items:flex-start;text-align:left}
@media (min-width:1024px){.lee-features{grid-template-columns:repeat(5,1fr)}}
#home-sets-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.lee-shopbtn{display:inline-block;margin-top:10px;background:#e10600;color:#fff;border-radius:8px;padding:8px 16px;font-weight:800}
footer.g-footer{background:#14141a;color:#d8d8e2;margin-top:40px}
.g-foot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:4px 24px;padding:20px 0 4px}
.g-foot-col summary{color:#fff;font-weight:900;font-size:1rem;cursor:pointer;list-style:none;padding:9px 0}
.g-foot-col summary::-webkit-details-marker{display:none}
.g-foot-col summary::after{content:"▾";float:right;color:#9a9aad}
.g-foot-col[open] summary::after{display:inline-block;transform:rotate(180deg)}
.g-foot-links{display:flex;flex-direction:column;gap:9px;padding:2px 0 13px}
footer.g-footer a{color:#E8B33C}
footer.g-footer .g-foot-links a{color:#cfcfe0;text-decoration:none}
footer.g-footer .g-foot-links a:hover{color:#fff;text-decoration:underline}
.g-foot-about{color:#bcbccc;font-size:.93rem}
.g-foot-legal{color:#8f8fa3;font-size:.82rem}
.g-foot-copy{color:#ececf4;font-weight:700;border-top:1px solid #2a2a35;padding-top:14px;margin-top:14px}
@media (min-width:821px){.g-foot-col summary{pointer-events:none}.g-foot-col summary::after{display:none}}

/* ===== style block 22 of 26, document order ===== */
    #screen-admin{--bg:#090909;--panel:#151515;--panel2:#1c1c1c;--red:#e33434;--gold:#d6ad48;--text:#f1f1f1;--muted:#929292;--border:#303030;background:var(--bg);color:var(--text);min-height:100vh;padding:24px;font-family:Arial,sans-serif;box-sizing:border-box}
    #screen-admin *{box-sizing:border-box}
    #screen-admin .admin-wrap{max-width:1100px;margin:auto}
    #screen-admin .admin-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:22px;margin-bottom:20px}
    #screen-admin .admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
    #screen-admin input,#screen-admin textarea,#screen-admin select{width:100%;background:#101010;border:1px solid #383838;color:#fff;padding:12px;border-radius:7px;margin:7px 0 14px;font-size:14px}
    #screen-admin textarea{min-height:90px;resize:vertical}
    #screen-admin label{display:block;font-size:12px;color:var(--muted)}
    #screen-admin button{cursor:pointer;border:none;border-radius:7px;padding:10px 15px;font-weight:bold;font-size:12px}
    #screen-admin .admin-primary{background:var(--red);color:#fff}
    #screen-admin .admin-secondary{background:#292929;color:#fff;border:1px solid #444}
    #screen-admin .admin-gold{background:var(--gold);color:#17120a}
    #screen-admin .admin-danger{background:#401919;color:#ff8585}
    #screen-admin .admin-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
    #screen-admin .admin-item{background:var(--panel2);padding:13px;border:1px solid var(--border);border-radius:8px;margin-bottom:9px}
    #screen-admin .admin-item-name{font-weight:bold;font-size:14px}
    #screen-admin .admin-item-meta{font-size:12px;color:var(--muted);margin-top:5px}
    #screen-admin .admin-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}
    #screen-admin .admin-switch{display:flex;align-items:center;gap:10px;color:#fff;font-size:13px}
    #screen-admin .admin-switch input{width:18px;height:18px;margin:0;accent-color:var(--red)}
    #screen-admin .admin-login{max-width:420px;margin:65px auto}
    #screen-admin .owner-note{color:var(--gold);font-size:12px;text-align:center;margin-top:15px}
    #screen-admin .admin-stat{color:var(--gold);font-size:23px;font-weight:bold}
    #screen-admin .admin-muted{color:var(--muted);font-size:12px}
    #screen-admin .admin-section-title{color:var(--gold);font-size:11px;letter-spacing:2px;margin-bottom:12px}
    #screen-admin .admin-toast{position:fixed;bottom:25px;right:25px;background:#202020;border:1px solid var(--gold);color:var(--gold);padding:14px 20px;border-radius:8px;z-index:99999;opacity:0;pointer-events:none;transition:opacity .25s}
    #screen-admin .admin-toast.show{opacity:1}
    #screen-admin .admin-hidden{display:none!important}
    @media(max-width:700px){#screen-admin{padding:14px}#screen-admin .admin-grid{grid-template-columns:1fr}}

/* ===== style block 23 of 26, document order ===== */
    .gj{--bg:#0a0a0c;--panel:#121216;--panel2:#18181e;--line:#26262e;--red:#e11d2e;--red2:#ff3b47;--gold:#d4a437;--gold2:#f2c14e;--ice:#dbeafe;--ice2:#93c5fd;--text:#f4f6f8;--muted:#a8adb8;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;padding:20px;border-radius:14px}
    .gj *{box-sizing:border-box}
    .gj h2{margin:0 0 4px;font-size:28px;letter-spacing:.02em}
    .gj h2 span{color:var(--gold2)}
    .gj .gj-sub{color:var(--muted);margin:0 0 14px}
    .gj .gj-note{background:#1a1405;border:1px solid var(--gold);color:var(--gold2);padding:10px 12px;border-radius:10px;margin:0 0 16px;font-size:14px}
    .gj .gj-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
    .gj .gj-tab{background:var(--panel2);color:var(--ice);border:1px solid var(--line);border-radius:999px;padding:8px 14px;cursor:pointer;font-weight:600}
    .gj .gj-tab[aria-selected="true"]{background:var(--red);border-color:var(--red);color:#fff}
    .gj .gj-panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:16px}
    .gj label{font-size:13px;color:var(--muted);display:block;margin-bottom:6px}
    .gj input,.gj select,.gj textarea{width:100%;background:#0d0d10;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px}
    .gj input:focus,.gj select:focus,.gj textarea:focus{outline:2px solid var(--gold);border-color:var(--gold)}
    .gj .gj-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px}
    .gj .gj-row{display:flex;gap:10px;align-items:end;flex-wrap:wrap}
    .gj button{cursor:pointer}
    .gj .gj-btn{background:var(--red);color:#fff;border:0;border-radius:8px;padding:10px 16px;font-weight:700}
    .gj .gj-btn.ghost{background:transparent;border:1px solid var(--line);color:var(--ice)}
    .gj .gj-btn.gold{background:var(--gold);color:#111}
    .gj .gj-count{color:var(--ice2);font-weight:700;margin:4px 0 12px}
    .gj .gj-list{display:grid;gap:12px}
    .gj .gj-card{background:var(--panel2);border:1px solid var(--line);border-left:4px solid var(--red);border-radius:12px;padding:16px;cursor:pointer}
    .gj .gj-card:hover{border-color:var(--gold)}
    .gj .gj-card h3{margin:0 0 4px;font-size:18px}
    .gj .gj-meta{color:var(--muted);font-size:14px;margin:0 0 10px}
    .gj .gj-badges{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
    .gj .gj-badge{background:#23232b;border:1px solid var(--line);border-radius:999px;padding:4px 9px;font-size:12px;color:var(--ice)}
    .gj .gj-badge.type{background:var(--red);border-color:var(--red);color:#fff}
    .gj .gj-badge.pay{background:#241d05;border-color:var(--gold);color:var(--gold2);font-weight:700}
    .gj .gj-pay{color:var(--gold2);font-weight:800;font-size:16px;margin:0 0 6px}
    .gj .gj-posted{color:var(--muted);font-size:13px}
    .gj .gj-actions{display:flex;gap:8px;margin-top:12px}
    .gj .gj-detail h3{margin-top:0;font-size:24px}
    .gj .gj-checks{display:flex;gap:16px;flex-wrap:wrap}
    .gj .gj-checks label{display:flex;gap:6px;align-items:center;color:var(--text)}
    .gj .gj-checks input{width:auto}
    .gj .gj-alert{display:flex;justify-content:space-between;gap:10px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-top:8px}
    .gj .gj-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#111;color:#fff;border:1px solid var(--gold);border-radius:999px;padding:12px 18px;z-index:99;display:none;box-shadow:0 8px 30px rgba(0,0,0,.6)}
    .gj .gj-req{color:var(--red2)}
    @media(max-width:700px){.gj .gj-grid{grid-template-columns:1fr 1fr}}

/* ===== style block 24 of 26, document order ===== */
    .gr8d-shop{--bg:#0b0b0e;--panel:#141419;--panel2:#1c1c24;--line:#2c2c38;--red:#e10600;--red2:#ff2e2e;--gold:#f5c518;--gold2:#ffd970;--ice:#eaf6ff;--ice2:#a9c6e8;--muted:#9a9aad;background:var(--bg);color:var(--ice);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;padding:24px;border-radius:16px}
    .gr8d-shop *{box-sizing:border-box}
    .shop-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
    .shop-header h2{margin:0;font-size:28px;letter-spacing:.04em}
    .shop-header h2 span{color:var(--red2)}
    .shop-header p{margin:6px 0 0;color:var(--ice2)}
    .cart-counter{background:var(--red);color:#fff;font-weight:800;padding:10px 14px;border-radius:999px;white-space:nowrap}
    .shop-note{margin:18px 0;background:#241d05;border:1px solid var(--gold);color:var(--gold2);padding:10px 12px;border-radius:10px;font-weight:700}
    .shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
    .product{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:10px}
    .product h3{margin:0;font-size:19px;line-height:1.3}
    .game{color:var(--red2);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:12px}
    .set{color:var(--ice2)}
    .format-row{display:flex;gap:8px;flex-wrap:wrap}
    .format-btn{background:var(--panel2);color:var(--ice);border:1px solid var(--line);border-radius:999px;padding:8px 12px;cursor:pointer;font-weight:700}
    .format-btn[aria-pressed="true"]{background:var(--red);border-color:var(--red);color:#fff}
    .format-btn .soldout-tag{color:var(--gold2);font-size:12px}
    .price{font-size:26px;font-weight:900;margin:0}
    .per-pack{color:var(--ice2);margin:0}
    .market{color:var(--muted);margin:0}
    .case-math{color:var(--gold2);background:#241d05;border:1px dashed var(--gold);padding:8px;border-radius:8px;margin:0;font-size:14px}
    .inventory{font-weight:800;margin:0}
    .low-stock{display:inline-block;background:var(--gold);color:#111;font-weight:900;padding:4px 8px;border-radius:999px;font-size:13px}
    .buy-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
    .stepper{display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden}
    .stepper button{background:var(--panel2);color:var(--ice);border:0;width:38px;height:40px;font-size:18px;cursor:pointer}
    .stepper button:disabled{opacity:.4;cursor:not-allowed}
    .stepper span{min-width:36px;text-align:center;font-weight:800}
    .add-btn{background:var(--red);color:#fff;border:0;border-radius:999px;padding:11px 16px;font-weight:900;cursor:pointer;flex:1}
    .add-btn:hover{background:var(--red2)}
    .soldout{background:var(--panel2);border:2px dashed var(--gold);border-radius:12px;padding:16px;text-align:center}
    .soldout-badge{display:inline-block;background:var(--red);color:#fff;font-weight:900;font-size:20px;letter-spacing:.06em;padding:8px 14px;border-radius:999px}
    .soldout-line{color:var(--ice);font-style:italic}
    .last-price{color:var(--ice2)}
    .restock-btn{background:var(--gold);color:#111;border:0;border-radius:999px;padding:10px 14px;font-weight:900;cursor:pointer}
    .restock-btn[aria-pressed="true"]{background:transparent;color:var(--gold2);border:1px solid var(--gold)}
    .nap-scene{position:relative;height:86px;margin:10px auto 4px;width:180px}
    .zzz{position:absolute;color:var(--gold);font-weight:900}
    .zzz.z1{top:0;right:34px;font-size:16px}.zzz.z2{top:-6px;right:16px;font-size:22px}.zzz.z3{top:-14px;right:0;font-size:26px}
    .slab{position:absolute;left:18px;bottom:0;width:144px;height:58px;background:var(--ice);border:4px solid #111;border-radius:12px}
    .slab-eyes{position:absolute;top:16px;left:22px;right:22px;display:flex;justify-content:space-between}
    .slab-eyes i{display:block;width:22px;height:4px;background:#111;border-radius:4px}
    .slab-mouth{position:absolute;bottom:12px;left:62px;width:20px;height:10px;border:3px solid #111;border-top:0;border-left:0;border-right:0;border-radius:50%}
    .slab-blanket{position:absolute;bottom:0;left:0;right:0;height:20px;background:var(--red);border-radius:0 0 8px 8px}
    .restock-wrap{margin-top:20px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px}
    .restock-wrap h3{margin:0 0 8px}
    .restock-wrap ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
    .restock-wrap li{display:flex;justify-content:space-between;gap:10px;align-items:center;background:var(--panel2);padding:8px 10px;border-radius:8px}
    .restock-wrap li button{background:none;border:1px solid var(--red2);color:var(--red2);border-radius:999px;padding:4px 10px;cursor:pointer;font-weight:700}
    .empty{color:var(--muted);margin:0}
    #shop-toast{position:sticky;bottom:12px;margin-top:16px;background:var(--ice);color:#111;font-weight:800;padding:12px 14px;border-radius:10px;display:none}
    #shop-toast.show{display:block}

/* ===== style block 25 of 26, document order ===== */
  #screen-sell{--bg:#0a0a0b;--panel:#121214;--panel2:#17171b;--line:#26262e;--text:#f2f5f9;--muted:#cfe0f2;--red:#e11d2e;--red2:#ff2d3f;--gold:#d4af37;--gold2:#f5c542;--ice:#dbeafe;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;padding:20px}
  #screen-sell *{box-sizing:border-box}
  #screen-sell h2{margin:0 0 4px;font-size:26px;letter-spacing:.04em}
  #screen-sell h3{margin:0 0 10px;color:var(--gold2);font-size:15px;letter-spacing:.08em;text-transform:uppercase}
  #screen-sell .sell-wrap{max-width:980px;margin:0 auto}
  #screen-sell .sell-panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;margin:16px 0}
  #screen-sell .sell-explainer{color:var(--muted);font-size:14px;margin:6px 0 0}
  #screen-sell .sell-badge{display:inline-block;background:var(--red);color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:3px 8px;margin-left:6px;vertical-align:middle}
  #screen-sell label{display:block;font-size:13px;color:var(--muted);margin:12px 0 4px}
  #screen-sell input[type=text],#screen-sell input[type=number],#screen-sell input[type=search],#screen-sell textarea,#screen-sell select{width:100%;background:#0e0e11;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px 10px;font:inherit}
  #screen-sell input:focus,#screen-sell textarea:focus,#screen-sell select:focus{outline:2px solid var(--gold);outline-offset:1px}
  #screen-sell textarea{min-height:84px;resize:vertical}
  #screen-sell .sell-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  #screen-sell .sell-photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
  #screen-sell .sell-photo-slot{background:#0e0e11;border:1px dashed #3a3a44;border-radius:10px;padding:8px;min-height:118px;display:flex;flex-direction:column;gap:6px}
  #screen-sell .sell-photo-slot.has-photo{border-style:solid;border-color:var(--gold)}
  #screen-sell .sell-photo-add{background:transparent;color:var(--ice);border:0;cursor:pointer;font:inherit;padding:22px 4px}
  #screen-sell .sell-photo-slot img{width:100%;height:74px;object-fit:cover;border-radius:6px;display:block}
  #screen-sell .sell-photo-slot select{padding:5px}
  #screen-sell .sell-photo-remove{background:transparent;color:var(--red2);border:0;cursor:pointer;text-align:left;padding:0;font-size:13px}
  #screen-sell .sell-catalog-result{display:block;width:100%;text-align:left;background:#0e0e11;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px 10px;margin-top:6px;cursor:pointer;font:inherit}
  #screen-sell .sell-catalog-result:hover{border-color:var(--gold)}
  #screen-sell .sell-catalog-result small{display:block;color:var(--muted)}
  #screen-sell .sell-catalog-result{display:flex;gap:10px;align-items:center}
  #screen-sell .sell-catalog-photo{width:44px;height:62px;object-fit:contain;flex:none;border-radius:4px;background:#fff}
  #screen-sell .sell-catalog-nophoto{display:flex;align-items:center;justify-content:center;font-size:9px;line-height:1.2;text-align:center;color:#666;padding:2px}
  #screen-sell .sell-catalog-text{display:block}
  #screen-sell .sell-catalog-event{color:#ffd97a;font-weight:600}
  #screen-sell .sell-toggle{display:flex;gap:8px;align-items:flex-start;color:var(--text);margin-top:12px}
  #screen-sell .sell-toggle input{width:auto;margin-top:3px}
  #screen-sell .sell-shipping label{display:flex;gap:8px;align-items:center;color:var(--text);margin:6px 0}
  #screen-sell .sell-shipping input{width:auto}
  #screen-sell .sell-fee{color:var(--gold2);font-weight:600}
  #screen-sell button{font:inherit;cursor:pointer}
  #screen-sell .sell-btn{background:var(--red);color:#fff;border:0;border-radius:9px;padding:11px 18px;font-weight:700}
  #screen-sell .sell-btn:hover{background:var(--red2)}
  #screen-sell .sell-btn-secondary{background:transparent;color:var(--ice);border:1px solid var(--line);border-radius:9px;padding:8px 12px;margin-right:8px}
  #screen-sell .sell-error{color:#ffb3b8}
  #screen-sell .sell-row{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:12px;margin-top:10px}
  #screen-sell .sell-row h4{margin:0 0 4px}
  #screen-sell .sell-status{font-weight:700}
  #screen-sell .sell-status--LIVE{color:#7ee2a8}
  #screen-sell .sell-status--PAUSED{color:var(--gold2)}
  #screen-sell .sell-status--ENDED{color:#9aa3b2}
  #screen-sell .sell-row-actions{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
  #screen-sell .sell-row-actions button{background:transparent;color:var(--ice);border:1px solid var(--line);border-radius:8px;padding:6px 10px}
  #screen-sell .sell-row-actions button:disabled{opacity:.45;cursor:not-allowed}
  #screen-sell .sell-card{background:#0e0e11;border:1px solid var(--gold);border-radius:12px;padding:14px}
  #screen-sell .sell-card-thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
  #screen-sell .sell-card-thumbs img{width:84px;height:112px;object-fit:cover;border-radius:6px}
  #screen-sell .sell-thumb-placeholder{width:84px;height:112px;border:1px dashed #3a3a44;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px;text-align:center;padding:6px}
  #screen-sell .sell-card h4{margin:0 0 6px;font-size:18px}
  #screen-sell .sell-card-price{font-size:20px;font-weight:800;color:var(--gold2)}
  #screen-sell .sell-muted{color:var(--muted)}
  #screen-sell .cond-chips{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 4px}
  #screen-sell .cond-chip{border:1px solid var(--line);background:#0e0e11;color:var(--text);border-radius:999px;min-height:39px;padding:9px 13px;font-size:13.5px;line-height:1.3;cursor:pointer}
  #screen-sell .cond-chip:hover{border-color:var(--gold)}
  #screen-sell .cond-chip[aria-checked="true"]{background:var(--gold);border-color:var(--gold);color:#171205;font-weight:700}
  #screen-sell .cond-hint{font-size:13px;margin:2px 0 0}
  #screen-sell #sell-toasts{position:fixed;right:16px;bottom:16px;z-index:50;display:flex;flex-direction:column;gap:8px}
  #screen-sell .sell-toast{background:#17171b;border:1px solid var(--gold);color:var(--text);border-radius:9px;padding:10px 14px;box-shadow:0 6px 24px rgba(0,0,0,.5)}
  #screen-sell .sell-toast--error{border-color:var(--red2)}
  @media (max-width:720px){#screen-sell .sell-cols{grid-template-columns:1fr}#screen-sell .sell-photo-grid{grid-template-columns:repeat(2,1fr)}}

/* ===== style block 26 of 26, document order ===== */
  :root{--bg:#0b0b0e;--p1:#141419;--p2:#1c1c24;--line:#2c2c38;--red:#e10600;--red2:#e63946;--gold:#f5c518;--gold2:#d4af37;--gold3:#f2c94c;--ice:#eaf6ff;--ice2:#9fd8ff;--ice3:#a9c6e8;--muted:#9a9aad}
  *{box-sizing:border-box}
  
  #screen-dealroom{max-width:720px;margin:0 auto;padding:16px 14px 48px}
  .dr-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
  .dr-head h1{margin:0;font-size:22px;letter-spacing:.5px}
  .dr-head h1 b{color:var(--gold)}
  .dr-sample{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--bg);background:var(--gold3);padding:4px 8px;border-radius:999px;white-space:nowrap}
  .dr-sub{color:var(--muted);font-size:13px;margin:0 0 18px}
  .dr-rec{background:var(--p1);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:22px;opacity:0;transform:translateY(8px);animation:drIn .5s ease forwards}
  .dr-rec:nth-of-type(2){animation-delay:.12s}
  @keyframes drIn{to{opacity:1;transform:none}}
  .dr-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}
  .dr-card{font-size:17px;font-weight:700;margin:0}
  .dr-meta{color:var(--muted);font-size:13px;margin-top:2px}
  .dr-pill{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;border:1px solid var(--ice2);color:var(--ice2)}
  .dr-pill.hold{border-color:var(--gold);color:var(--gold)}
  .dr-parties{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}
  .dr-party{background:var(--p2);border:1px solid var(--line);border-radius:10px;padding:10px}
  .dr-party small{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.8px}
  .dr-lines{background:var(--p2);border:1px solid var(--line);border-radius:10px;padding:4px 12px}
  .dr-line{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}
  .dr-line:last-child{border-bottom:0}
  .dr-line span:first-child{color:var(--ice3)}
  .dr-line.total{font-weight:700}
  .dr-line.total span:last-child{color:var(--gold)}
  .dr-note{color:var(--muted);font-size:12px;margin:8px 0 0}
  h3.dr-h{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:18px 0 8px}
  .dr-tl{list-style:none;margin:0;padding:0 0 0 4px}
  .dr-tl li{position:relative;padding:0 0 12px 26px;font-size:14px;color:var(--muted)}
  .dr-tl li::before{content:"";position:absolute;left:0;top:3px;width:12px;height:12px;border-radius:50%;border:2px solid var(--line);background:var(--bg)}
  .dr-tl li::after{content:"";position:absolute;left:6px;top:18px;bottom:0;width:2px;background:var(--line)}
  .dr-tl li:last-child::after{display:none}
  .dr-tl li.done{color:var(--ice)}
  .dr-tl li.done::before{background:var(--gold2);border-color:var(--gold2)}
  .dr-tl li.done::after{background:var(--gold2)}
  .dr-tl li.cur{color:var(--ice2);font-weight:700}
  .dr-tl li.cur::before{border-color:var(--ice2);background:var(--ice2);box-shadow:0 0 0 4px rgba(159,216,255,.18);animation:drPulse 1.8s ease-in-out infinite}
  .dr-tl li.blocked{color:var(--gold)}
  .dr-tl li.blocked::before{border-color:var(--gold);border-style:dashed}
  .dr-tl em{font-style:normal;font-size:11px;margin-left:6px;color:var(--muted)}
  @keyframes drPulse{50%{transform:scale(1.2)}}
  .dr-dispute{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px;padding:10px 12px;border:1px dashed var(--red2);border-radius:10px;background:rgba(230,57,70,.06)}
  .dr-dispute p{margin:0;font-size:13px;color:var(--ice3)}
  .dr-btn{font:inherit;font-size:13px;font-weight:700;padding:8px 12px;border-radius:8px;border:1px solid var(--red2);background:transparent;color:var(--red2);cursor:pointer;white-space:nowrap}
  .dr-btn:focus-visible{outline:2px solid var(--ice2);outline-offset:2px}
  .dr-photos{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .dr-ph{aspect-ratio:5/7;border:1px dashed var(--line);border-radius:10px;background:var(--p2);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);font-size:13px;gap:4px}
  .dr-ph b{color:var(--ice3)}
  .dr-hold{margin:14px 0 0;padding:12px 14px;border-radius:10px;border:1px solid var(--gold);background:rgba(245,197,24,.08);font-size:14px}
  .dr-hold strong{color:var(--gold)}
  .dr-chat{margin-top:18px;border-top:1px solid var(--line);padding-top:12px}
  .dr-msg{max-width:85%;padding:8px 11px;border-radius:12px;margin-bottom:8px;font-size:14px;background:var(--p2);border:1px solid var(--line)}
  .dr-msg small{display:block;font-size:11px;color:var(--muted);margin-bottom:2px}
  .dr-msg.me{margin-left:auto;border-color:var(--gold2)}
  .dr-input{display:flex;gap:8px;margin-top:6px}
  .dr-input input{flex:1;min-width:0;font:inherit;font-size:14px;padding:10px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--muted)}
  .dr-input button{font:inherit;padding:10px 14px;border-radius:8px;border:1px solid var(--line);background:var(--p2);color:var(--muted)}
  .dr-foot{color:var(--muted);font-size:11px;text-align:center;margin-top:20px}
  #dr-toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,20px);opacity:0;background:var(--p2);border:1px solid var(--gold2);color:var(--ice);padding:10px 14px;border-radius:10px;font-size:14px;transition:opacity .25s,transform .25s;pointer-events:none;max-width:90vw}
  #dr-toast.on{opacity:1;transform:translate(-50%,0)}
  @media (prefers-reduced-motion:reduce){.dr-rec{animation:none;opacity:1;transform:none}.dr-tl li.cur::before{animation:none}#dr-toast{transition:none}}

/* ===== PAGE SPLIT STAGE 2 (2026-11-08) — member pages. Appended to the
   extracted cascade on purpose: these rules are the split's own, keyed to
   classes the one-file build does not use, so nothing above changes. ===== */
/* MEMBER LOCK (fail-closed, the S57 pattern generalized): while a member
   page ships locked, everything except its lock panel (and the Profile
   door card, which IS the sign-in surface) stays display:none !important. */
.member-screen[data-locked="1"]>*:not(.acct-lock):not(#demo-signin){display:none!important}
.member-screen:not([data-locked="1"]) .acct-lock{display:none}
/* The Profile menu (profile-menu-spec): grouped rows, TCGplayer-style. */
.menu-head{display:flex;gap:14px;align-items:center}
.menu-avatar{width:52px;height:52px;border-radius:50%;background:var(--gold,#E8B33C);color:#1d1d24;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;flex:0 0 auto}
.menu-head h3{margin:0 0 2px}
.menu-head .note{margin:0}
.menu-group{margin-bottom:14px}
.menu-group>h4{margin:0 0 8px;font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mut,#5a5a64)}
.menu-rows{border:1px solid var(--line,#dcdce2);border-radius:12px;overflow:hidden;background:var(--panel,#fff)}
.menu-row{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:13px 14px;background:none;border:0;border-bottom:1px solid var(--line,#dcdce2);color:inherit;font:inherit;font-weight:600;text-align:left;text-decoration:none;cursor:pointer;box-sizing:border-box}
.menu-row:last-child{border-bottom:0}
.menu-row:hover{background:var(--panel2,#f3f3f5)}
.menu-row .chev{color:var(--mut,#5a5a64);font-weight:400}
button.menu-row{appearance:none}
/* Email preference toggles. */
.pref-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line,#dcdce2)}
.pref-row:last-child{border-bottom:0}
.pref-row .pref-text{flex:1}
.pref-row input[type="checkbox"]{width:22px;height:22px;flex:0 0 auto;accent-color:#e10600}
/* Loyalty tier bar (real values only — the bar is sized by points). */
.tier-bar{height:10px;border-radius:999px;background:var(--panel2,#f3f3f5);border:1px solid var(--line,#dcdce2);overflow:hidden;margin:8px 0}
.tier-bar>div{height:100%;background:#e10600;width:0}
/* Address book entries. */
.addr-item{border:1px solid var(--line,#dcdce2);border-radius:12px;padding:12px 14px;margin-bottom:10px;background:var(--panel,#fff)}
.addr-item p{margin:2px 0}

/* ===== S84 WIDE LAYOUT — plain responsive, no view switch =====
   The wide-screen rules that used to apply only under the JS-toggled
   desktop body class (the removed Phone/Desktop view toggle), collected
   here in their original document order with the class prefix stripped.
   The old JS applied the class at window.innerWidth >= 1100, so the same
   1100px breakpoint now does the job in pure CSS: wide screens get the
   wide layout automatically, narrow screens never see these rules, and
   nothing is stored or switched by hand. */
@media (min-width:1100px){
.wrap{max-width:1360px}
header.top{position:sticky;top:0;z-index:50;background:rgba(10,10,13,.92);backdrop-filter:blur(8px)}
.app-shell{border-radius:10px}
.screen{padding:26px 30px}
.mini-grid{grid-template-columns:repeat(3,1fr)}
.screen .grid{grid-template-columns:repeat(3,1fr)}
#screen-sell .sell-photo-grid{grid-template-columns:repeat(3,1fr)}
.pricing-grid{grid-template-columns:repeat(4,1fr)}
.app-shell{border:none;border-radius:0}
header.top{position:static}
.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.screen .grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.mini-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
header.top{background:#ffffff}
}

/* ===== S85 — TCGplayer-functional redesign (Kadeem's walkthrough) =====
   The shared compact tile, the games dropdown nav (the tab bar is
   deleted), the Shop on the light theme with its filter toolbar, and
   the rebuilt card page. Appended last so it wins the cascade where
   it must. */

/* --- the games dropdown bar: THE navigation --- */
.lee-gamenav-in{flex-wrap:wrap;overflow:visible}
.gamedrop{position:relative;display:inline-block}
.gamedrop>button::after{content:" ▾";font-size:.8em;opacity:.85}
.gamedrop-panel{position:absolute;top:100%;left:0;min-width:240px;max-width:82vw;max-height:62vh;overflow-y:auto;background:#ffffff;color:var(--text);border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 34px rgba(0,0,0,.28);padding:6px;z-index:80}
.gamedrop-panel a{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:8px 10px;border-radius:7px;color:var(--text);text-decoration:none;font-weight:600;font-size:.95rem}
.gamedrop-panel a:first-child{font-weight:800;color:var(--red)}
.gamedrop-panel a:hover{background:var(--panel2);text-decoration:none}
.gamedrop-count{color:var(--mut);font-weight:700;font-size:.85rem}

/* --- the ONE catalog tile (Shop grid + every Home row) --- */
.g-tile{position:relative;border:1px solid var(--line);border-radius:12px;padding:10px;background:#ffffff}
.g-tile:hover{border-color:#e10600}
.g-tile-main{display:flex;flex-direction:column;gap:3px;text-decoration:none;color:var(--text)}
.g-tile-main:hover{text-decoration:none}
.g-tile-main::after{content:"";position:absolute;inset:0;border-radius:12px}
.g-tile-img{display:flex;align-items:center;justify-content:center;height:170px;background:var(--panel2);border-radius:8px;margin-bottom:6px;overflow:hidden}
.g-tile-img img{max-width:100%;max-height:170px;width:auto;height:auto;object-fit:contain;display:block}
.g-tile-nophoto{color:var(--mut);font-size:.85rem;text-align:center;padding:0 10px}
.g-tile-name{font-weight:700;line-height:1.25}
.g-tile-event{display:block;color:#8a5a00;font-weight:600;font-size:.85rem;line-height:1.3}
.g-tile-sub{color:var(--mut);font-size:.85rem}
.g-tile-rar{color:var(--mut);font-size:.85rem}
.g-tile-mkt{color:#2e7d32;font-weight:700}
.g-tile-list{font-weight:800}
.g-tile-out{display:inline-block;background:#1a1a1a;color:#fff;padding:3px 10px;border-radius:6px;font-weight:700;font-size:.82rem;margin-top:4px;align-self:flex-start}
.notify-btn{background:#f5c518;color:#111;border:0;border-radius:999px;padding:9px 15px;font:inherit;font-weight:900;cursor:pointer}
.notify-btn:disabled{opacity:.65;cursor:default}
.g-tile-notify{position:relative;z-index:2;margin-top:8px}
.lee-scrow .g-tile{flex:0 0 205px}
.lee-hrow .g-tile{min-width:0}

/* --- Shop on the light theme --- */
.shop-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.shop-header h2{margin:0}
.shop-header h2 span{color:var(--red)}
.shop-header p{margin:6px 0 0;color:var(--mut)}
.cart-counter{background:var(--red);color:#fff;font-weight:800;padding:10px 14px;border-radius:999px;white-space:nowrap;text-decoration:none}
.shop-note{margin:18px 0;background:#fff8e1;border:1px solid var(--gold);color:#6b5300;padding:10px 12px;border-radius:10px;font-weight:700}
.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.shop-feed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.shop-listing-card{background:#ffffff;border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:7px}
.shop-listing-card h4{margin:0;font-size:1rem;line-height:1.35}
.shop-listing-card h4 a{color:inherit}
.shop-listing-card p{margin:0}
.shop-listing-photo{display:flex;align-items:center;justify-content:center;background:var(--panel2);border-radius:8px;min-height:120px}
.shop-listing-photo img{max-width:100%;max-height:190px;width:auto;object-fit:contain;display:block;border-radius:8px}
.sell-muted{color:var(--mut)}
.shop-games{display:flex;gap:8px;flex-wrap:wrap}
.shop-games button{background:#ffffff;color:var(--text);border:1px solid var(--line);border-radius:999px;padding:9px 14px;font:inherit;font-weight:700;cursor:pointer}
.shop-games button[aria-pressed="true"]{background:#e10600;border-color:#e10600;color:#fff}
.shop-games button:focus-visible{outline:2px solid #f5c518;outline-offset:2px}
.shop-search{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}
.shop-search .field{flex:1;min-width:200px}
.shop-search input{width:100%;background:#ffffff;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px 10px;font:inherit}
.shop-filters{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:10px 0 4px}
.shop-filters .field{min-width:160px}
.shop-filters select{width:100%;background:#ffffff;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px 10px;font:inherit}
#shop-toast{position:sticky;bottom:12px;margin-top:16px;background:#1a1a1a;color:#fff;font-weight:800;padding:12px 14px;border-radius:10px;display:none}
#shop-toast.show{display:block}

/* --- the card page --- */
#screen-detail h1.cd-title{font-size:1.6rem;line-height:1.2;margin:.15em 0}
.cd-event{color:#8a5a00;font-weight:700;margin:.1em 0}
.cd-text{white-space:pre-line;line-height:1.5}
#screen-sell .sell-catalog-textbox{border:1px solid var(--line);border-radius:8px;padding:9px 10px;margin-top:6px;line-height:1.5;white-space:pre-line}
.cd-back{margin:0 0 8px}
.cd-top{display:grid;grid-template-columns:300px 1fr;gap:22px;align-items:start;margin-bottom:16px}
@media (max-width:760px){.cd-top{grid-template-columns:1fr}}
.cd-media{display:flex;flex-direction:column;gap:10px}
.cd-photo{width:100%;max-width:300px;aspect-ratio:63/88;object-fit:contain;background:var(--panel2);border:1px solid var(--line);border-radius:12px;display:block}
.cd-nophoto{max-width:300px;aspect-ratio:63/88;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--panel2);border:1px dashed var(--line);border-radius:12px;color:var(--mut);padding:16px}
.cd-actions{display:flex;flex-direction:column;gap:8px;max-width:300px}
.cd-actions .btn{text-align:center}
.cd-sub{color:var(--mut);margin:.2em 0 10px}
.cd-h{margin:.4em 0 .3em}
.cd-h4{margin:.9em 0 .3em}
.cd-price{margin-bottom:16px}
.cd-chart{width:100%;max-width:520px;height:84px;display:block}
.cd-chart-axis{display:flex;justify-content:space-between;max-width:520px;color:var(--mut);font-size:.85rem}
.cd-sellers{margin-bottom:16px}
.cd-sellfilters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.cd-sellfilters .field{min-width:150px}
.cd-sellfilters select{width:100%;background:#ffffff;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px 10px;font:inherit}
.cd-graded{margin-bottom:16px}
.cd-chase{border:2px solid var(--gold);background:#fff8e1;border-radius:14px;padding:18px;text-align:center;margin-top:6px}
.cd-chase h3{margin:.1em 0 .3em}
.cd-chase p{color:var(--mut);margin:.2em auto .8em;max-width:520px}
.cd-chase-btn{font-size:1.05rem;padding:13px 30px}

/* --- the pop-out menu (S85 refinement) --- */
.lee-menubtn{background:#ffffff;color:var(--text);border:1px solid var(--line);border-radius:999px;padding:9px 16px;font:inherit;font-weight:800;cursor:pointer;margin-left:8px}
.lee-menubtn:hover{border-color:#e10600;color:#e10600}
.lee-menu-panel{position:fixed;top:118px;right:12px;width:300px;max-width:calc(100vw - 24px);max-height:calc(100vh - 140px);overflow-y:auto;background:#ffffff;color:var(--text);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px rgba(0,0,0,.30);padding:12px;z-index:90}
.lee-menu-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.lee-menu-head strong{font-size:1.05rem}
.lee-menu-close{background:none;border:0;font-size:1.4rem;line-height:1;cursor:pointer;color:var(--text);padding:2px 8px}
.lee-menu-group h4{margin:12px 0 4px;color:var(--mut);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}
.lee-menu-group a{display:block;padding:9px 8px;border-radius:8px;color:var(--text);text-decoration:none;font-weight:600}
.lee-menu-group a:hover{background:var(--panel2);text-decoration:none}

/* --- idle sign-out warning (S85) --- */
#gr8d-idle-warn{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;z-index:120;background:#1a1a1a;color:#fff;font-weight:700;padding:13px 18px;border-radius:12px;border:2px solid var(--gold);max-width:88vw;text-align:center;box-shadow:0 14px 34px rgba(0,0,0,.35)}

/* --- plan highlight + Recommended + the dancing bear (S85) --- */
.tier{position:relative}
.plan-your{display:inline-block;background:var(--gold);color:#111;font-weight:800;border-radius:999px;padding:4px 12px;margin:2px 0 6px;font-size:.88rem}
.plan-your[hidden]{display:none}
.plan-current{box-shadow:0 0 0 3px var(--gold),0 12px 28px rgba(0,0,0,.20);background:#fff8e1}
.plan-rec{position:absolute;right:-9px;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;background:var(--gold);color:#111;font-weight:800;font-size:.8rem;letter-spacing:.05em;padding:10px 5px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.25);z-index:2}
.plan-bear{position:absolute;top:-32px;right:22px;width:74px;height:auto;z-index:3;pointer-events:none;transform-origin:50% 92%;animation:bear-dance 1.6s ease-in-out infinite}
.plan-bear .bear-arm{transform-box:fill-box;transform-origin:25% 88%;animation:bear-wave 1.6s ease-in-out infinite}
@keyframes bear-dance{0%,100%{transform:translateY(0) rotate(-4deg)}30%{transform:translateY(-9px) rotate(4deg)}55%{transform:translateY(0) rotate(-3deg)}78%{transform:translateY(-6px) rotate(3deg)}}
@keyframes bear-wave{0%,100%{transform:rotate(0deg)}50%{transform:rotate(-26deg)}}
@media (prefers-reduced-motion: reduce){.plan-bear,.plan-bear .bear-arm{animation:none}}

/* S85 code-help section (every code-entry view) */
.code-help{margin-top:14px;padding-top:10px;border-top:1px dashed var(--line)}
.code-help p{margin:4px 0}

/* ===== S88 — neat check boxes: ONE shared standard (Kadeem 2026-11-08:
   "make all the check boxes neat with the wording") =====
   Every checkbox / radio / chip row on the site follows one set of
   numbers, defined ONCE here: label text 13.5px (the S87 condition-chip
   standard), an 18x18 box, a 10px gap between the box and its words,
   39px rows inside a group, and the box centered on its wording.
   .check-row is the shared component — new controls use it and inherit
   the neatness; the surface rules under it pull the pre-S88 controls
   (sell toggle + shipping radios, email-pref rows, jobs checks, admin
   switches) onto the same numbers. */
:root{--ck-font:13.5px;--ck-box:18px;--ck-gap:10px;--ck-row:39px}
.check-row{display:flex;align-items:center;gap:var(--ck-gap);font-size:var(--ck-font);line-height:1.3;min-height:var(--ck-row);margin:0;cursor:pointer}
.check-row input[type="checkbox"],.check-row input[type="radio"]{width:var(--ck-box);height:var(--ck-box);margin:0;flex:0 0 auto;accent-color:var(--red)}
.gj .check-row{display:flex;margin:0;font-size:var(--ck-font);color:var(--text)}
.gj .check-row input[type="checkbox"]{width:var(--ck-box);height:var(--ck-box);margin:0;padding:0;border:0;background:none;flex:0 0 auto}
/* sell: the standalone-listing toggle — box centered on its wording */
#screen-sell .sell-toggle{font-size:var(--ck-font);line-height:1.3;gap:var(--ck-gap);align-items:center;min-height:var(--ck-row)}
#screen-sell .sell-toggle input{width:var(--ck-box);height:var(--ck-box);margin:0;flex:0 0 auto}
/* sell: the three shipping choices — equal 39px rows, no drift */
#screen-sell .sell-shipping{display:flex;flex-direction:column}
#screen-sell .sell-shipping label{font-size:var(--ck-font);line-height:1.3;gap:var(--ck-gap);min-height:var(--ck-row);margin:0}
#screen-sell .sell-shipping input{width:var(--ck-box);height:var(--ck-box);margin:0;flex:0 0 auto}
/* email preferences: the title joins the standard size, the box the standard box */
.pref-row .pref-text strong{font-size:var(--ck-font)}
.pref-row input[type="checkbox"]{width:var(--ck-box);height:var(--ck-box)}
/* jobs: the game-tag checks */
.gj .gj-checks{gap:8px 18px}
.gj .gj-checks label{font-size:var(--ck-font);line-height:1.3;gap:var(--ck-gap);min-height:var(--ck-row);margin:0}
.gj .gj-checks input{width:var(--ck-box);height:var(--ck-box);margin:0;padding:0;border:0;background:none;flex:0 0 auto}
/* admin: the switches were 13px with loose rows — same standard */
#screen-admin .admin-switch{font-size:var(--ck-font);min-height:var(--ck-row)}

/* ---------- S89: seller rows carry the condition (Kadeem's rule) ----------
   One seller's row on a card page, in Kadeem's order: the seller's
   name first, then price + shipping, the free-shipping note, the
   condition as a link-colored word with the finish beside it, the
   seller's note; quantity + cart actions on the right. Plus the top
   sellers summary line and the Market Price History range tabs. */
.cd-sellersum{margin:.1em 0 .7em;color:var(--mut)}
.cd-sellersum strong{color:var(--text)}
.cd-history{margin-bottom:16px}
.cd-hist-title{font-weight:800;margin:.2em 0 .1em}
.cd-hist-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 10px}
.cd-hist-tab{background:transparent;color:var(--ice);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font:inherit;font-weight:700;cursor:pointer}
.cd-hist-tab[aria-pressed="true"]{background:var(--red);border-color:var(--red);color:#fff}
.cd-sellrow{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid var(--line)}
.cd-sellrow-main{min-width:0;display:flex;flex-direction:column;gap:3px}
.cd-amt{font-size:1.12rem}
.cd-ship{color:var(--mut)}
.cd-freeline{color:var(--mut);font-size:.92rem}
.cd-cond{color:var(--ice2);font-weight:700;text-decoration:underline}
.cd-sellrow-side{display:flex;flex-direction:column;gap:8px;align-items:flex-end;flex:none}