@font-face{font-family:'Archivo Black';src:url(assets/fonts/archivo-black.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'DM Sans';src:url(assets/fonts/dm-sans-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'DM Sans';src:url(assets/fonts/dm-sans-500.woff2) format('woff2');font-weight:500 600;font-display:swap}
@font-face{font-family:'DM Sans';src:url(assets/fonts/dm-sans-700.woff2) format('woff2');font-weight:700 900;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url(assets/fonts/jetbrains-mono-500.woff2) format('woff2');font-weight:400 700;font-display:swap}

:root{
  --yellow:#FED850;
  --orange:#F79432;
  --red:#D33039;
  --dark:#1D1E1E;
  --cream:#F5F5F7;
  --orange-dim: #C46F1F;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html{overflow-x:clip}
body{margin:0;background:var(--dark);color:var(--cream);font-family:'DM Sans',sans-serif;overflow-x:clip}
img{max-width:100%}

/* ---------- VHS STATIC / SCANLINE SYSTEM ---------- */
.vhs-static{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.05;mix-blend-mode:overlay}
.scanlines{position:fixed;inset:0;pointer-events:none;z-index:9998;
  background:repeating-linear-gradient(to bottom, rgba(255,255,255,.035) 0px, rgba(255,255,255,.035) 1px, transparent 2px, transparent 3px);
  mix-blend-mode:overlay}
.tracking-line{position:fixed;left:0;right:0;height:2px;background:rgba(255,255,255,.4);z-index:9998;pointer-events:none;
  animation:track 9s linear infinite; opacity:0}
@keyframes track{
  0%{top:-5%;opacity:0}
  4%{opacity:.5}
  6%{opacity:0}
  50%{top:110%;opacity:0}
  100%{top:110%;opacity:0}
}
.glitch-flicker{animation:flicker 6.5s infinite}
@keyframes flicker{
  0%,97%,100%{filter:none}
  97.5%{filter:brightness(1.4) saturate(1.3)}
  98%{filter:brightness(.7) hue-rotate(4deg)}
  98.5%{filter:none}
}

/* ---------- SCROLL-TRIGGERED RETRO ANIMATIONS ---------- */
.reveal{opacity:0;transform:translateY(36px);transition:opacity .7s cubic-bezier(.2,.7,.3,1), transform .7s cubic-bezier(.2,.7,.3,1);will-change:opacity,transform}
.reveal.in{opacity:1;transform:translateY(0)}
.reveal-stagger.in{transition-delay:calc(var(--i,0) * .09s)}

/* glitch-in: a quick VHS tracking-tear as the element arrives */
.glitch-in{opacity:0}
.glitch-in.in{animation:glitchIn .6s steps(2,end) forwards}
@keyframes glitchIn{
  0%{opacity:0;transform:translateY(18px);clip-path:inset(0 0 100% 0)}
  35%{opacity:1;transform:translateX(-6px) translateY(0);clip-path:inset(0 40% 0 0);filter:hue-rotate(-8deg)}
  55%{transform:translateX(4px);clip-path:inset(0 0 0 55%);filter:none}
  75%{transform:translateX(-2px);clip-path:inset(0)}
  100%{opacity:1;transform:none;clip-path:inset(0)}
}

/* stripe rail drifts with scroll position (set via JS custom property) */
.stripes{transform:translateX(var(--drift,0px))}

/* ---------- MARQUEE TICKER ---------- */
.marquee{background:var(--dark);border-bottom:1px solid #F7943233;overflow:hidden;white-space:nowrap}
.marquee-track{display:inline-flex;animation:marquee 22s linear infinite}
.marquee-track span{display:inline-block;padding:10px 26px;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.14em;color:var(--orange);flex-shrink:0}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ---------- CRT power-on (hero load) ---------- */
.crt-on{animation:crtOn 1.1s ease-out}
@keyframes crtOn{
  0%{opacity:0;transform:scaleY(.02) scaleX(1.4);filter:brightness(3)}
  40%{opacity:1;transform:scaleY(1.05) scaleX(1);filter:brightness(1.6)}
  60%{transform:scaleY(.98)}
  100%{transform:none;filter:none}
}

/* ---------- CHANNEL FLASH between sections ---------- */
.channel-flash{position:fixed;inset:0;pointer-events:none;z-index:9997;opacity:0;background:linear-gradient(90deg,var(--yellow),var(--orange),var(--red));mix-blend-mode:overlay}
.channel-flash.fire{animation:chFlash .35s ease-out}
@keyframes chFlash{0%{opacity:.55}100%{opacity:0}}

/* shelf category icon */
.shelf-icon{width:44px;height:28px;color:var(--dark);opacity:.75;margin-bottom:6px}
.shelf-grid article.accent2 .shelf-icon{color:var(--cream)}

/* shelf cards: staggered rise + tiny rotation settle */
.shelf-grid article{opacity:0;transform:translateY(50px) rotate(-1deg)}
.shelf-grid article.in{opacity:1;transform:none;transition:opacity .6s ease, transform .6s cubic-bezier(.2,.8,.3,1);transition-delay:calc(var(--i,0) * .1s)}

/* rec dot pulse used elsewhere already defined */
.count-up{font-family:'JetBrains Mono',monospace}

/* ---------- HEADER ---------- */
header{height:82px;padding:10px 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #F7943233;position:sticky;top:0;background:#1D1E1Ef2;backdrop-filter:blur(12px);z-index:50}
.logo{height:52px;display:flex;align-items:center}
.logo img{height:100%;width:auto;object-fit:contain;display:block}
nav{display:flex;gap:30px}
nav a{color:var(--cream);text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.14em;position:relative;padding-bottom:4px}
nav a:after{content:'';position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--orange);transition:width .2s}
nav a:hover{color:var(--orange)}
nav a:hover:after{width:100%}
header button{display:none;background:none;border:0;color:var(--orange);font-size:24px}

small{font-size:12px;font-weight:700;letter-spacing:.3em;color:var(--orange)}
h1,h2,h3{font-family:'Archivo Black';text-transform:uppercase;line-height:.92}
h1{font-size:clamp(52px,7vw,90px);margin:20px 0}
h1 b,h2 b{color:var(--orange)}
p{line-height:1.65;color:#F5F5F7bb}

/* ---------- HERO ---------- */
.hero{min-height:640px;padding:80px 7vw;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;position:relative;
  background:radial-gradient(circle at 85% 15%, #F7943222, transparent 60%)}
.tagline-row{display:flex;gap:10px;align-items:center;color:var(--cream);opacity:.8;font-size:13px;letter-spacing:.08em;margin-top:6px}
.tagline-row b{color:var(--orange)}
.btn{display:inline-block;padding:14px 22px;border:1px solid var(--orange);color:var(--cream);text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.1em;margin:20px 10px 0 0;transition:transform .15s, background .15s}
.btn:hover{transform:translateY(-2px)}
.orange-fill{background:var(--orange);color:var(--dark);border-color:var(--orange)}
.orange-fill:hover{background:#FFA651}
.hero-art{position:relative;border-radius:10px;overflow:hidden;border:1px solid #F7943255;background:radial-gradient(circle at 50% 40%,#1C1D1D,#0C0C0D 75%);display:flex;align-items:center;justify-content:center;padding:56px 40px;min-height:340px}
.hero-art img{width:100%;max-width:340px;display:block;filter:drop-shadow(0 22px 40px #00000080)}
.hero-art .static-box{position:absolute;inset:0}
.timecode{position:absolute;bottom:16px;left:18px;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.08em;color:var(--orange);background:#00000070;padding:4px 9px;border-radius:3px;display:flex;align-items:center;gap:6px}
.timecode .dot{width:6px;height:6px;border-radius:50%;background:var(--red);animation:recdot 1.4s infinite}
@keyframes recdot{0%,100%{opacity:1}50%{opacity:.2}}

.stripes{height:14px;display:flex}
.stripes i{flex:1}
.stripes i:nth-child(1){background:var(--yellow)}
.stripes i:nth-child(2){background:var(--orange)}
.stripes i:nth-child(3){background:var(--red)}
.stripes i:nth-child(4){background:var(--orange-dim)}

/* ---------- CATEGORY SHELVES ---------- */
.shelves{padding:100px 7vw}
.intro{max-width:640px;margin-bottom:50px}
.intro h2,.brand h2,.membership h2,.visit h2{font-size:clamp(38px,4vw,64px);margin:16px 0}
.shelf-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.shelf-grid article{background:var(--cream);color:var(--dark);padding:26px 22px;min-height:300px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .2s}
.shelf-grid article:hover{transform:translateY(-6px)}
.shelf-grid article.accent{background:var(--orange);color:var(--dark)}
.shelf-grid article.accent2{background:var(--red);color:var(--cream)}
.shelf-grid article.accent2 p{color:#F5F5F7cc}
.shelf-grid article.accent2 small{color:var(--cream)}
.shelf-grid article strong{font-size:12px;letter-spacing:.2em;opacity:.55}
.shelf-grid article h3{margin-top:auto;font-size:22px;line-height:1.05}
.shelf-grid article p{color:#1D1E1Eb0;font-size:13.5px;margin:10px 0 0}
.shelf-grid article a{color:inherit;text-decoration:none;font-weight:700;font-size:11px;text-transform:uppercase;margin-top:16px;letter-spacing:.08em}
.era-badge{position:absolute;top:14px;right:14px;font-size:10px;font-weight:700;letter-spacing:.06em;background:var(--dark);color:var(--cream);padding:4px 8px;border-radius:20px}
.shelf-grid article.accent .era-badge,.shelf-grid article.accent2 .era-badge{background:var(--dark);color:var(--cream)}

/* ---------- BRAND SECTION ---------- */
.brand{padding:100px 7vw;background:#161717;display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}
.brand>img{width:100%;border:1px solid #F7943233;border-radius:4px}
.swatches{display:flex;margin-top:26px;gap:0}
.swatches i{height:16px;flex:1}
.swatches i:nth-child(1){background:var(--yellow)}
.swatches i:nth-child(2){background:var(--orange)}
.swatches i:nth-child(3){background:var(--red)}
.swatches i:nth-child(4){background:var(--dark);border:1px solid #F7943233}
.swatches i:nth-child(5){background:var(--cream)}

/* ---------- FIND US (vendor mall location) ---------- */
.locate{padding:110px 7vw;background:linear-gradient(120deg,var(--orange),#D97A1C);color:var(--dark);position:relative;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.locate small{color:var(--dark);opacity:.7}
.locate h2{color:var(--dark)}
.locate h2 b{color:var(--red)}
.locate p{color:#1D1E1Ecc}
.locate-card{background:var(--dark);color:var(--cream);border-radius:8px;padding:34px;border:1px solid #00000030}
.locate-card h3{font-size:20px;color:var(--cream);margin-bottom:6px}
.locate-card .addr{font-size:15px;color:var(--orange);font-weight:700;margin:10px 0 18px}
.locate-card .hours{font-size:13px;color:#F5F5F7aa;line-height:1.8}
.locate-card .hours b{color:var(--cream)}
.light{background:var(--dark);color:var(--cream);border-color:var(--dark)}
.light:hover{background:#3A3A3C}

footer{padding:24px 5vw;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#F5F5F799;flex-wrap:wrap;gap:10px}
footer img{height:38px;width:auto;object-fit:contain}

/* ================================================================
   CATEGORY PAGE SYSTEM — themed via body[data-theme] overriding --lead
   ================================================================ */
:root{ --lead:var(--orange); --lead-dim:#D97A1C; --lead-soft:#F7943222; }

.backnav{padding:22px 7vw 0;font-size:11px}
.backnav a{color:var(--lead);text-decoration:none;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.backnav a:hover{text-decoration:underline}

.cat-hero{min-height:460px;padding:50px 7vw 70px;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;position:relative;
  background:radial-gradient(circle at 85% 15%, var(--lead-soft), transparent 60%)}
.cat-hero .era-pill{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;color:var(--dark);background:var(--lead);padding:5px 12px;border-radius:20px;margin-bottom:16px}
.cat-hero h1 b{color:var(--lead)}
.cat-hero .btn.lead-fill{background:var(--lead);color:var(--dark);border-color:var(--lead)}
.cat-hero .btn.lead-fill:hover{filter:brightness(1.12)}
.cat-hero .btn.lead-outline{border-color:var(--lead);color:var(--cream)}
.cat-icon-wrap{border-radius:10px;overflow:hidden;border:1px solid color-mix(in srgb, var(--lead) 45%, transparent);background:radial-gradient(circle at 50% 40%,#1C1D1D,#0C0C0D 75%);display:flex;align-items:center;justify-content:center;min-height:300px;position:relative}
.cat-icon-wrap svg{width:55%;max-width:220px;color:var(--lead)}

.buying{padding:80px 7vw;background:#161717;border-top:1px solid #F7943222;border-bottom:1px solid #F7943222}
.buying .eyebrow{color:var(--lead);font-size:12px;font-weight:700;letter-spacing:.3em}
.buying h2{margin:14px 0 30px;font-size:clamp(30px,3.6vw,46px)}
.buying h2 b{color:var(--lead)}
.buy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.buy-card{background:var(--dark);border:1px solid color-mix(in srgb, var(--lead) 30%, transparent);border-radius:8px;padding:26px}
.buy-card .tag{display:inline-block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--dark);background:var(--lead);padding:3px 9px;border-radius:20px;margin-bottom:12px}
.buy-card h4{font-family:'Archivo Black';text-transform:uppercase;font-size:16px;margin:0 0 8px}
.buy-card p{font-size:13.5px;margin:0;color:#F5F5F7aa}

.cat-grid{padding:90px 7vw;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cat-grid .cg-head{grid-column:1/-1;max-width:640px;margin-bottom:10px}
.cat-grid .cg-head h2{font-size:clamp(30px,3.6vw,46px)}
.cat-grid .cg-head h2 b{color:var(--lead)}
.cat-grid article{background:var(--cream);color:var(--dark);border-radius:6px;padding:24px;min-height:180px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.cat-grid article svg{width:34px;height:34px;color:var(--lead-dim);margin-bottom:10px}
.cat-grid article h4{font-family:'Archivo Black';text-transform:uppercase;font-size:15px;margin:auto 0 6px}
.cat-grid article p{font-size:12.5px;color:#1D1E1Eaa;margin:0}

.cat-cta{padding:90px 7vw;text-align:center;background:linear-gradient(120deg,var(--lead),var(--lead-dim));color:var(--dark)}
.cat-cta h2{font-size:clamp(30px,4vw,54px);color:var(--dark)}
.cat-cta p{color:#1D1E1Ecc;max-width:520px;margin:12px auto 0}
.cat-cta .btn{border-color:var(--dark);color:var(--dark)}
.cat-cta .btn.dark-fill{background:var(--dark);color:var(--cream);border-color:var(--dark)}

@media(max-width:900px){
  .cat-hero{grid-template-columns:1fr}
  .buy-grid,.cat-grid{grid-template-columns:1fr}
}

/* ================================================================
   SELL / BUYBACK WIZARD
   ================================================================ */
.sell-hero{padding:60px 7vw 40px;text-align:center;background:radial-gradient(circle at 50% 0%, #F7943222, transparent 60%)}
.sell-hero h1{font-size:clamp(38px,6vw,68px)}
.sell-hero p{max-width:560px;margin:14px auto 0}

.counter-strip{position:sticky;top:82px;z-index:40;background:#161717;border-bottom:1px solid #F7943233;border-top:1px solid #F7943233;
  padding:12px 7vw;display:flex;align-items:center;justify-content:center;gap:14px;font-family:'JetBrains Mono',monospace}
.counter-strip .cs-label{font-size:11px;letter-spacing:.18em;color:#F5F5F788;text-transform:uppercase}
.counter-strip .cs-num{font-size:20px;color:var(--orange);letter-spacing:.06em;background:#000;padding:4px 10px;border-radius:3px;transition:transform .15s}
.counter-strip .cs-num.pulse{animation:csPulse .3s ease-out}
@keyframes csPulse{0%{transform:scale(1.18);color:var(--yellow)}100%{transform:scale(1)}}

.wizard{padding:60px 7vw 100px;max-width:980px;margin:0 auto}
.step-label{display:flex;align-items:center;gap:10px;margin-bottom:22px}
.step-label .num{width:26px;height:26px;border-radius:50%;background:var(--orange);color:var(--dark);display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700}
.step-label span.txt{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#F5F5F799}

.cat-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:50px}
.cat-tile{background:#161717;border:1.5px solid #F7943233;border-radius:8px;padding:20px 14px;text-align:center;cursor:pointer;transition:transform .15s, border-color .15s, background .15s;color:var(--cream)}
.cat-tile svg{width:32px;height:32px;margin-bottom:8px;color:#F5F5F799}
.cat-tile .lbl{font-family:'Archivo Black';font-size:12px;text-transform:uppercase;letter-spacing:.03em}
.cat-tile:hover{transform:translateY(-3px);border-color:#F7943277}
.cat-tile.active{background:var(--orange);border-color:var(--orange);color:var(--dark)}
.cat-tile.active svg{color:var(--dark)}
.cat-tile .check{position:absolute;top:8px;right:8px;width:16px;height:16px;border-radius:50%;border:1.5px solid #F5F5F755;background:transparent}
.cat-tile.active .check{background:var(--dark);border-color:var(--dark)}
.cat-tile{position:relative}

.cat-panel{background:#161717;border:1px solid #F7943233;border-radius:8px;padding:30px;margin-bottom:22px;
  max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease, opacity .3s ease, padding .4s ease, margin .4s ease}
.cat-panel.open{max-height:none;opacity:1;overflow:visible;animation:panelIn .45s cubic-bezier(.2,.8,.3,1)}
@keyframes panelIn{0%{opacity:0;transform:translateY(-10px) scaleY(.96)}100%{opacity:1;transform:none}}
.cat-panel h3{display:flex;align-items:center;gap:10px;font-size:18px;margin-bottom:18px}
.cat-panel h3 svg{width:26px;height:26px;color:var(--orange)}

.stepper-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #F7943222}
.stepper-row:last-child{border-bottom:none}
.stepper-row .sr-label{font-size:13.5px}
.stepper-row .sr-label small{display:block;color:#F5F5F788;font-size:11.5px;margin-top:3px;letter-spacing:.01em;font-weight:400}
.stepper{display:flex;align-items:center;gap:10px}
.stepper button{width:28px;height:28px;border-radius:50%;border:1px solid var(--orange);background:transparent;color:var(--orange);font-size:16px;line-height:1;cursor:pointer}
.stepper button:hover{background:var(--orange);color:var(--dark)}
.stepper .sv{width:26px;text-align:center;font-family:'JetBrains Mono',monospace;font-size:14px}

.tag-pills{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 6px}
.tag-pill{border:1px solid #F7943255;color:var(--cream);background:transparent;padding:6px 14px;border-radius:20px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.tag-pill.on{background:var(--orange);color:var(--dark);border-color:var(--orange)}

.photo-drop{border:1.5px dashed #F7943255;border-radius:8px;padding:22px;text-align:center;margin-top:16px;cursor:pointer;transition:border-color .15s, background .15s}
.photo-drop:hover{border-color:var(--orange);background:#F7943211}
.photo-drop input{display:none}
.photo-drop .pd-txt{font-size:12.5px;color:#F5F5F799}
.photo-grid{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.photo-thumb{width:64px;height:64px;border-radius:6px;overflow:hidden;position:relative;border:1px solid #F7943244}
.photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.photo-thumb .rm{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;background:#000c;color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer}

.platform-list{display:grid;gap:2px;max-height:340px;overflow-y:auto;margin-bottom:10px;padding-right:4px}

.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-grid .full{grid-column:1/-1}
.field label{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#F5F5F799;margin-bottom:6px}
.field input, .field textarea{width:100%;background:#0C0C0D;border:1px solid #F7943244;border-radius:6px;padding:11px 13px;color:var(--cream);font-family:'DM Sans';font-size:14px}
.field input:focus, .field textarea:focus{outline:none;border-color:var(--orange)}
.field textarea{resize:vertical;min-height:80px}

.ticket-wrap{background:var(--cream);color:var(--dark);border-radius:6px;padding:0;overflow:hidden;position:relative}
.ticket-inner{padding:28px 26px;font-family:'JetBrains Mono',monospace;font-size:12.5px;line-height:1.7;white-space:pre-wrap}
.ticket-tear{height:10px;background:repeating-linear-gradient(115deg, var(--dark) 0 8px, transparent 8px 16px);opacity:.12}
.ticket-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.ticket-actions .btn{border-color:var(--orange)}

.wizard-nav{display:flex;justify-content:space-between;margin-top:10px}
.empty-hint{color:#F5F5F777;font-size:13px;text-align:center;padding:30px 0}

@media(max-width:900px){
  .cat-picker{grid-template-columns:repeat(2,1fr)}
  .contact-grid{grid-template-columns:1fr}
}

/* ---------- LIVE PRICE LOOKUP (PriceCharting-backed) ---------- */
.price-lookup{background:#0C0C0D;border:1px solid #F7943244;border-radius:8px;padding:18px;margin-top:18px}
.pl-head{font-size:12.5px;font-weight:700;margin-bottom:10px}
.pl-optional{font-weight:400;color:#F5F5F777;font-size:11.5px}
.pl-search-row{display:flex;gap:8px}
.pl-input{flex:1;min-width:0;background:#161717;border:1px solid #F7943244;border-radius:6px;padding:9px 12px;color:var(--cream);font-size:13px}
.pl-input:focus{outline:none;border-color:var(--orange)}
.pl-status{font-size:12px;color:#F5F5F788;margin-top:8px;min-height:14px}
.pl-results{display:flex;flex-direction:column;gap:4px;margin-top:8px}
.pl-result{display:flex;justify-content:flex-start;align-items:center;background:#161717;border:1px solid #F7943222;border-radius:6px;padding:8px 12px;cursor:pointer;font-size:12.5px;flex-wrap:wrap;gap:6px}
.pl-result.checked{border-color:var(--orange);background:#2B2B2C}
.pl-check{width:16px;height:16px;flex-shrink:0;accent-color:var(--orange)}
.pl-result-txt{display:flex;flex-direction:column;flex:1;min-width:120px;margin-left:6px}
.pl-icon{width:30px;height:20px;flex-shrink:0;color:var(--orange);opacity:.85}
.pl-thumb{width:34px;height:34px;object-fit:contain;flex-shrink:0;border-radius:3px;background:#fff;padding:2px}
.pl-result .plc{color:#F5F5F777;font-size:10.5px}
.pl-r-qty{display:flex;align-items:center;gap:6px;margin-left:auto}
.pl-r-qty button{width:22px;height:22px;border-radius:50%;border:1px solid var(--orange);background:transparent;color:var(--orange);font-size:13px;line-height:1;cursor:pointer}
.pl-r-qty .sv{width:18px;text-align:center;font-family:'JetBrains Mono',monospace;font-size:12px}
.pl-add-bar{display:flex;justify-content:flex-end}
.pl-add-selected:disabled{opacity:.4;cursor:not-allowed}
.pl-priced-list{margin-top:12px}
.pl-priced-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#161717;border:1px solid #F7943233;border-radius:6px;padding:10px 12px;margin-bottom:6px;flex-wrap:wrap}
.pl-priced-row .plr-name{font-size:12.5px;font-weight:700}
.pl-priced-row .plr-sub{font-size:11px;color:#F5F5F777}
.pl-priced-row select{background:#0C0C0D;border:1px solid #F7943244;color:var(--cream);border-radius:4px;font-size:11px;padding:3px 6px}
.pl-priced-row .plr-price{color:var(--orange);font-family:'JetBrains Mono',monospace;font-size:13px;min-width:56px;text-align:right}
.pl-priced-row .plr-rm{background:none;border:none;color:#F5F5F777;cursor:pointer;font-size:14px}
.pl-subtotal{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--orange);text-align:right;margin-top:8px;padding-top:8px;border-top:1px solid #F7943222}

@media(max-width:1000px){.shelf-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){
  .hero,.brand,.membership{grid-template-columns:1fr}
  .shelves{padding:75px 6vw}
  .shelf-grid{grid-template-columns:1fr}
  .hero{padding:60px 6vw}
  .brand,.membership{padding:70px 6vw}
  footer{display:block;line-height:2.4}
}

/* ================================================================
   v3 — SHARED CHROME: nav, OSD, tape counter, rewind, channel change
   ================================================================ */
.nav-toggle{display:none;background:none;border:0;color:var(--orange);font-size:26px;cursor:pointer;padding:6px}
nav a[aria-current="page"]{color:var(--orange)}
nav a[aria-current="page"]:after{width:100%}
nav a.nav-sell{color:var(--dark);background:var(--orange);padding:8px 14px;border-radius:3px}
nav a.nav-sell:after{display:none}
nav a.nav-sell:hover{color:var(--dark);background:#FFA651}
@media(max-width:720px){
  nav{display:none}
  nav.open{display:flex;position:absolute;top:82px;left:0;right:0;background:var(--dark);padding:22px 6vw 28px;flex-direction:column;gap:20px;border-bottom:1px solid #F7943233;animation:navDrop .25s ease-out}
  nav.open a.nav-sell{align-self:flex-start}
  .nav-toggle{display:block}
}
@keyframes navDrop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

.tape-progress{position:fixed;top:82px;left:0;right:0;height:3px;z-index:60;transform-origin:left;transform:scaleX(0);
  background:linear-gradient(90deg,var(--yellow),var(--orange),var(--red));pointer-events:none}
.osd{position:fixed;top:98px;left:18px;z-index:9990;pointer-events:none;font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.08em;
  color:#fff;text-shadow:0 0 6px var(--orange),2px 0 0 #F7943266,-2px 0 0 #D3303955;display:flex;gap:12px;opacity:0;transition:opacity .35s}
.osd.show{opacity:.92}
.osd .osd-sp{color:var(--yellow)}
@media(max-width:600px){.osd{font-size:11px;top:94px;left:12px;gap:8px}}

.rewind-btn{position:fixed;left:18px;bottom:18px;z-index:9991;display:flex;align-items:center;gap:8px;background:#000d;color:var(--orange);
  border:1px solid #F7943266;border-radius:30px;padding:10px 16px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  cursor:pointer;opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .3s, transform .3s, background .2s}
.rewind-btn.show{opacity:1;transform:none;pointer-events:auto}
.rewind-btn:hover{background:var(--orange);color:var(--dark)}
.rewind-btn:hover .rw-ico{animation:rwNudge .5s ease-in-out infinite}
@keyframes rwNudge{50%{transform:translateX(-3px)}}
@media(max-width:600px){.rewind-btn .rw-txt{display:none}.rewind-btn{padding:12px 14px}}
.rewind-fx{position:fixed;inset:0;z-index:9995;pointer-events:none;opacity:0;display:flex;align-items:flex-start;justify-content:flex-end;padding:100px 24px;
  background:repeating-linear-gradient(0deg,#ffffff10 0 2px,transparent 2px 6px);font-family:'JetBrains Mono',monospace;color:#fff;font-size:16px;text-shadow:0 0 8px var(--orange)}
.rewind-fx.on{opacity:1;animation:rwShake .12s steps(2) infinite}
@keyframes rwShake{0%{transform:translateY(0);filter:hue-rotate(0)}100%{transform:translateY(-3px);filter:hue-rotate(15deg)}}

.ch-change{position:fixed;inset:0;z-index:10000;pointer-events:none;opacity:0;background:#0C0C0D;display:flex;align-items:center;justify-content:center}
.ch-change::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#ffffff18 0 1px,transparent 1px 3px),radial-gradient(circle,#ffffff14,transparent 70%);animation:rwShake .08s steps(2) infinite}
.ch-change .ch-num{position:absolute;top:100px;right:28px;font-family:'JetBrains Mono',monospace;font-size:28px;color:#6f6;text-shadow:0 0 10px #6f6}
.ch-change.on{opacity:1;animation:chIn .32s ease-out}
@keyframes chIn{0%{opacity:0;transform:scaleY(.01)}60%{opacity:1;transform:scaleY(1.02)}100%{opacity:1;transform:none}}

/* buy cards on every category page now actually reveal */
.buy-card{transition:border-color .2s}
.buy-card.in{opacity:1}
.buy-card:hover{border-color:var(--lead)}

/* reduced motion: keep everything visible and still */
html.rm *, html.rm *::before, html.rm *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
html.rm .vhs-static, html.rm .tracking-line, html.rm .channel-flash, html.rm .rewind-fx, html.rm .ch-change{display:none!important}
html.rm .reveal, html.rm .glitch-in, html.rm .shelf-grid article, html.rm .cat-grid article, html.rm .buy-card, html.rm .step, html.rm .tl-item, html.rm .spine, html.rm .faq-item, html.rm .cond-item{opacity:1!important;transform:none!important;clip-path:none!important}

/* ================================================================
   HOMEPAGE — VCR hero
   ================================================================ */
.hero .btn-row{display:flex;flex-wrap:wrap}
.vcr-stage{position:relative;min-height:400px;border-radius:12px;border:1px solid #F7943255;overflow:hidden;
  background:radial-gradient(circle at 50% 30%,#262728,#0C0C0D 72%);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:30px 26px 70px}
.vcr-stage::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 110%,#F7943233,transparent 55%);pointer-events:none}
.vcr-tape{position:relative;z-index:1;background:none;border:0;padding:0;cursor:pointer;width:min(300px,78%);margin-bottom:-6px;
  animation:tapeDrop 1s cubic-bezier(.3,1.5,.5,1) both, tapeBob 3.6s ease-in-out 1s infinite;transition:transform .9s cubic-bezier(.6,0,.4,1), filter .3s}
.vcr-tape img{width:100%;display:block;filter:drop-shadow(0 18px 26px #000c)}
.vcr-tape:hover{filter:brightness(1.12)}
.vcr-tape:focus-visible{outline:2px solid var(--orange);outline-offset:6px}
.vcr-tape .tap-hint{position:absolute;top:-26px;left:50%;transform:translateX(-50%);font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;color:var(--orange);white-space:nowrap;animation:recdot 1.6s infinite}
@keyframes tapeDrop{0%{transform:translateY(-140%) rotate(-8deg);opacity:0}100%{transform:none;opacity:1}}
@keyframes tapeBob{0%,100%{translate:0 0}50%{translate:0 -8px}}
.vcr-stage.inserting .vcr-tape{animation:none;transform:translateY(96%) scale(.92)}
.vcr-stage.inserting .vcr-tape .tap-hint{display:none}
.vcr{position:relative;z-index:2;width:min(380px,100%);height:112px;border-radius:6px;
  background:linear-gradient(180deg,#3A3B3C 0,#1B1C1C 18%,#111212 100%);box-shadow:0 20px 40px #000c, inset 0 1px 0 #ffffff22;border:1px solid #000}
.vcr-slot{position:absolute;top:10px;left:10%;right:10%;height:14px;border-radius:2px;background:#050505;box-shadow:inset 0 2px 4px #000}
.vcr-slot .vcr-flap{position:absolute;inset:2px;background:linear-gradient(#2A2B2C,#151616);transform-origin:top;transition:transform .3s}
.vcr-stage.inserting .vcr-flap{transform:scaleY(.1)}
.vcr-panel{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.vcr-display{font-family:'JetBrains Mono',monospace;font-size:15px;color:#7cff7c;background:#020a02;border:1px solid #0a2a0a;padding:6px 10px;border-radius:3px;min-width:112px;text-align:center;text-shadow:0 0 8px #3f3}
.vcr-display.blink{animation:coinBlink 1s steps(1,end) infinite}
@keyframes coinBlink{0%,49%{opacity:1}50%,100%{opacity:0}}
.vcr-btns{display:flex;gap:5px}
.vcr-btns button{width:34px;height:26px;border-radius:3px;border:1px solid #000;background:linear-gradient(#3A3B3C,#222324);color:#F5F5F7aa;font-size:10px;cursor:pointer}
.vcr-btns button:hover{color:var(--orange)}
.vcr-btns button:active{transform:translateY(1px)}
.vcr-stripes{position:absolute;right:14px;top:32px;display:flex;flex-direction:column;gap:3px;width:60px}
.vcr-stripes i{height:3px;border-radius:2px}
.vcr-stripes i:nth-child(1){background:var(--yellow)}.vcr-stripes i:nth-child(2){background:var(--orange)}.vcr-stripes i:nth-child(3){background:var(--red)}
.vcr-stage.playing::after{content:'';position:absolute;inset:0;z-index:3;background:repeating-linear-gradient(0deg,#ffffff22 0 2px,transparent 2px 5px);animation:rwShake .1s steps(2) infinite;pointer-events:none}
.vcr-stage .timecode{z-index:4}
@media(max-width:800px){.vcr-stage{min-height:340px}}

/* ================================================================
   HOMEPAGE — shared section head, timeline, steps, wanted wall, FAQ
   ================================================================ */
.sec-head{max-width:680px;margin-bottom:46px}
.sec-head h2{font-size:clamp(34px,4.4vw,60px);margin:14px 0}
.sec-head p{margin:0}

.timeline-sec{padding:110px 7vw;background:#161717;border-top:1px solid #F7943222}
.timeline{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}
.tl-year{position:sticky;top:130px;font-family:'Archivo Black';font-size:clamp(72px,11vw,160px);line-height:.85;color:var(--orange);
  -webkit-text-stroke:0;text-shadow:4px 4px 0 var(--red), 8px 8px 0 #00000055}
.tl-year small{display:block;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.3em;color:#F5F5F788;text-shadow:none;margin-top:18px}
.tl-list{list-style:none;margin:0;padding:0 0 0 30px;position:relative;--tl-p:0}
.tl-list::before{content:'';position:absolute;left:6px;top:0;bottom:0;width:2px;background:#F7943222}
.tl-list::after{content:'';position:absolute;left:6px;top:0;width:2px;height:calc(var(--tl-p)*100%);background:linear-gradient(var(--yellow),var(--orange),var(--red))}
.tl-item{position:relative;padding:0 0 54px 22px;opacity:.3;transform:translateX(20px);transition:opacity .5s, transform .5s}
.tl-item.in{transform:none;opacity:.45}
.tl-item.active{opacity:1}
.tl-item::before{content:'';position:absolute;left:-30px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--dark);border:2px solid #F7943266;transition:all .3s}
.tl-item.active::before{background:var(--orange);border-color:var(--orange);box-shadow:0 0 0 6px #F7943233}
.tl-item b{font-family:'JetBrains Mono',monospace;color:var(--orange);font-size:13px;letter-spacing:.12em}
.tl-item h3{font-size:clamp(20px,2.2vw,28px);margin:6px 0 8px;line-height:1.05}
.tl-item p{margin:0;font-size:14.5px;max-width:480px}
.tl-tag{display:inline-block;margin-top:10px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;border:1px solid #F7943266;color:var(--orange);padding:3px 9px;border-radius:20px}
@media(max-width:800px){
  .timeline{grid-template-columns:1fr;gap:10px}
  .tl-year{top:82px;z-index:5;font-size:64px;background:#161717;box-shadow:0 14px 16px #161717;margin:0 -6vw;padding:14px 6vw 10px;text-shadow:3px 3px 0 var(--red)}
  .tl-year small{display:inline-block;margin:0 0 0 12px;vertical-align:middle}
}

.how{padding:110px 7vw}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;position:relative}
.draw-line{position:absolute;top:44px;left:8%;right:8%;height:2px;background:linear-gradient(90deg,var(--yellow),var(--orange),var(--red));transform:scaleX(0);transform-origin:left;transition:transform 1.4s cubic-bezier(.6,0,.2,1) .2s}
.draw-line.in{transform:scaleX(1)}
.step{position:relative;background:#161717;border:1px solid #F7943233;border-radius:10px;padding:28px 24px;opacity:0;transform:translateY(30px);
  transition:opacity .6s calc(var(--i,0)*.18s), transform .6s cubic-bezier(.2,.8,.3,1) calc(var(--i,0)*.18s)}
.step.in{opacity:1;transform:none}
.step .step-no{width:52px;height:52px;border-radius:50%;background:var(--dark);border:2px solid var(--orange);display:flex;align-items:center;justify-content:center;
  font-family:'JetBrains Mono',monospace;color:var(--orange);font-size:16px;margin-bottom:18px;position:relative;z-index:1}
.step.in .step-no{animation:popIn .5s cubic-bezier(.3,1.6,.5,1) calc(var(--i,0)*.18s + .3s) both}
@keyframes popIn{0%{transform:scale(.4)}100%{transform:scale(1)}}
.step h3{font-size:20px;margin:0 0 8px}
.step p{margin:0;font-size:14px}
@media(max-width:800px){.steps{grid-template-columns:1fr}.draw-line{display:none}}

.wanted{padding:110px 7vw;background:#0C0C0D;border-top:1px solid #F7943222;border-bottom:1px solid #F7943222;overflow:hidden}
.neon{display:inline-block;font-family:'Archivo Black';font-size:clamp(26px,3.4vw,44px);color:#fff;padding:10px 22px;border:3px solid var(--red);border-radius:10px;
  text-shadow:0 0 6px var(--red),0 0 18px var(--red),0 0 32px var(--orange);box-shadow:0 0 12px var(--red),inset 0 0 12px var(--red);animation:neonFlicker 5s infinite;margin-bottom:34px}
@keyframes neonFlicker{0%,18%,22%,25%,53%,57%,100%{opacity:1}20%,24%,55%{opacity:.35}}
.spines{display:flex;flex-direction:column;gap:6px;max-width:900px}
.spine{display:flex;align-items:stretch;opacity:0;transform:translateX(-60px);transition:opacity .5s calc(var(--i,0)*.08s), transform .6s cubic-bezier(.2,.8,.3,1) calc(var(--i,0)*.08s)}
.spine.in{opacity:1;transform:none}
.spine-card{flex:1;display:flex;align-items:center;gap:18px;min-height:62px;padding:0 22px 0 0;text-decoration:none;background:linear-gradient(90deg,#1A1B1B,#111212);
  border:1px solid #000;border-radius:3px;color:var(--cream);box-shadow:inset 0 1px 0 #ffffff14, 0 4px 10px #0008;transition:transform .35s cubic-bezier(.2,.8,.3,1), box-shadow .3s}
.spine-card:hover, .spine-card:focus-visible{transform:translateX(26px);box-shadow:inset 0 1px 0 #ffffff14, -10px 8px 18px #000c}
.spine-band{align-self:stretch;width:74px;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:0 10px;background:#000}
.spine-band i{height:5px;border-radius:2px}
.spine-band i:nth-child(1){background:var(--yellow)}.spine-band i:nth-child(2){background:var(--orange)}.spine-band i:nth-child(3){background:var(--red)}
.spine-label{flex:1;background:var(--cream);color:var(--dark);padding:10px 16px;border-radius:2px;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.spine-label strong{font-family:'Archivo Black';text-transform:uppercase;font-size:16px}
.spine-label span{font-family:'JetBrains Mono',monospace;font-size:11px;color:#1D1E1Eaa}
.spine-go{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--orange);letter-spacing:.1em;white-space:nowrap}
.spine-card:hover .spine-go{color:var(--yellow)}
@media(max-width:600px){.spine-band{width:34px;padding:0 6px}.spine-go{display:none}.spine-card{padding:0}.spine-card:hover{transform:translateX(10px)}}

.faq{padding:110px 7vw}
.faq-list{max-width:860px}
.faq-item{border-bottom:1px solid #F7943233;opacity:0;transform:translateY(16px);transition:opacity .5s calc(var(--i,0)*.07s), transform .5s calc(var(--i,0)*.07s)}
.faq-item.in{opacity:1;transform:none}
.faq-item summary{list-style:none;cursor:pointer;padding:22px 40px 22px 0;position:relative;font-family:'Archivo Black';text-transform:uppercase;font-size:clamp(15px,1.6vw,19px)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';position:absolute;right:4px;top:18px;font-family:'JetBrains Mono',monospace;color:var(--orange);font-size:24px;transition:transform .3s}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item summary:hover{color:var(--orange)}
.faq-item p{margin:0 0 22px;max-width:700px;animation:faqOpen .35s ease-out}
@keyframes faqOpen{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* ================================================================
   CATEGORY PAGES — condition checklist
   ================================================================ */
.cond-sec{padding:90px 7vw;border-top:1px solid #F7943222}
.cond-sec .cond-head{max-width:640px;margin-bottom:34px}
.cond-sec h2{font-size:clamp(30px,3.6vw,46px);margin:12px 0}
.cond-sec h2 b{color:var(--lead)}
.cond-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:980px}
.cond-item{display:flex;gap:16px;align-items:flex-start;background:#161717;border:1px solid color-mix(in srgb, var(--lead) 25%, transparent);border-radius:8px;padding:20px;
  opacity:0;transform:translateY(20px);transition:opacity .5s calc(var(--i,0)*.1s), transform .5s calc(var(--i,0)*.1s)}
.cond-item.in{opacity:1;transform:none}
.cond-item svg{flex-shrink:0;width:28px;height:28px}
.cond-item svg circle{stroke:var(--lead);opacity:.35}
.cond-item svg path{stroke:var(--lead);stroke-dasharray:30;stroke-dashoffset:30;transition:stroke-dashoffset .6s ease calc(var(--i,0)*.1s + .35s)}
.cond-item.in svg path{stroke-dashoffset:0}
.cond-item h4{font-family:'Archivo Black';text-transform:uppercase;font-size:14px;margin:2px 0 6px}
.cond-item p{margin:0;font-size:13px}
@media(max-width:800px){.cond-list{grid-template-columns:1fr}}

/* ================================================================
   SELL PAGE v3
   ================================================================ */
.sell-progress{display:flex;justify-content:center;gap:0;margin:34px auto 0;max-width:560px}
.sp-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.12em;color:#F5F5F766;text-transform:uppercase}
.sp-step::before{content:'';position:absolute;top:9px;left:-50%;width:100%;height:2px;background:#F7943233;z-index:0}
.sp-step:first-child::before{display:none}
.sp-step .dot{width:20px;height:20px;border-radius:50%;border:2px solid #F7943266;background:var(--dark);position:relative;z-index:1;transition:all .35s}
.sp-step.done{color:var(--orange)}
.sp-step.done .dot{background:var(--orange);border-color:var(--orange);box-shadow:0 0 0 5px #F7943226;animation:popIn .4s cubic-bezier(.3,1.6,.5,1)}
.sp-step.done::before{background:var(--orange)}
.counter-strip .cs-offer{font-size:16px;color:var(--yellow)}

.pl-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.pl-chip{background:transparent;border:1px solid #F7943244;color:#F5F5F7cc;border-radius:20px;padding:5px 12px;font-size:11.5px;cursor:pointer;transition:all .15s}
.pl-chip:hover,.pl-chip.on{border-color:var(--orange);color:var(--dark);background:var(--orange)}
.pl-status.loading::after{content:'';display:inline-block;width:10px;height:10px;margin-left:8px;border:2px solid var(--orange);border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-1px}
@keyframes spin{to{transform:rotate(360deg)}}
.pl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;margin-top:12px}
.pl-tile{position:relative;background:#161717;border:1.5px solid #F7943222;border-radius:8px;padding:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;
  opacity:0;transform:translateY(14px) scale(.97);animation:tileIn .4s cubic-bezier(.2,.8,.3,1) forwards;animation-delay:calc(var(--i,0)*.04s);transition:border-color .15s, background .15s}
@keyframes tileIn{to{opacity:1;transform:none}}
.pl-tile:hover{border-color:#F7943277}
.pl-tile.sel{border-color:var(--orange);background:#2B2B2C}
.pl-tile:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.pl-tile-img{position:relative;aspect-ratio:3/4;border-radius:5px;overflow:hidden;background:#0C0C0D;display:flex;align-items:center;justify-content:center}
.pl-tile-img.wide{aspect-ratio:16/10}
.pl-tile-img img{width:100%;height:100%;object-fit:contain;display:block}
.pl-tile-img.wide img{object-fit:cover}
.pl-tile-img .pl-icon{width:60%;height:auto}
.pl-tick{position:absolute;top:6px;left:6px;width:22px;height:22px;border-radius:50%;background:#000a;border:1.5px solid #F5F5F788;color:transparent;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .2s}
.pl-tile.sel .pl-tick{background:var(--orange);border-color:var(--orange);color:var(--dark);animation:popIn .3s cubic-bezier(.3,1.6,.5,1)}
.pl-zoom{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;background:#000b;border:1px solid #F5F5F755;color:var(--cream);font-size:13px;cursor:pointer;line-height:1}
.pl-tile-name{font-size:12px;font-weight:700;line-height:1.25}
.pl-tile-meta{font-size:10.5px;color:#F5F5F788;line-height:1.35}
.pl-tile-qty{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:auto;padding-top:2px}
.pl-tile-qty button{width:24px;height:24px;border-radius:50%;border:1px solid var(--orange);background:transparent;color:var(--orange);cursor:pointer;font-size:13px;line-height:1}
.pl-tile-qty span{font-family:'JetBrains Mono',monospace;font-size:12px;min-width:16px;text-align:center}
.pl-addbar{position:sticky;bottom:12px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:10px 12px;border-radius:8px;
  background:#1D1E1Ef5;border:1px solid var(--orange);box-shadow:0 10px 24px #000a;animation:tileIn .3s ease forwards}
.pl-addbar[hidden]{display:none}
.pl-addbar .btn{margin:0}
.pl-selcount{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--orange)}
.pl-priced-row{animation:tileIn .35s ease forwards}
.pl-priced-row .plr-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.pl-priced-row .plr-left img{cursor:zoom-in}
.pl-priced-row.flash{animation:rowFlash .9s ease}
@keyframes rowFlash{0%{background:#F7943255}100%{background:#161717}}
.fly-img{position:fixed;z-index:9999;pointer-events:none;border-radius:6px;box-shadow:0 10px 30px #000c}

.lightbox{position:fixed;inset:0;z-index:10001;background:#000d;display:none;align-items:center;justify-content:center;padding:30px;cursor:zoom-out}
.lightbox.on{display:flex;animation:fadeIn .2s ease}
.lightbox img{max-width:min(92vw,520px);max-height:84vh;border-radius:10px;box-shadow:0 30px 80px #000;animation:lbPop .3s cubic-bezier(.3,1.4,.5,1)}
.lightbox .lb-cap{position:absolute;bottom:22px;left:0;right:0;text-align:center;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--cream)}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes lbPop{from{transform:scale(.85)}to{transform:none}}

.cat-tile{transition:transform .2s cubic-bezier(.3,1.6,.5,1), border-color .15s, background .15s}
.cat-tile.active{animation:tileSnap .35s cubic-bezier(.3,1.6,.5,1)}
@keyframes tileSnap{0%{transform:scale(.92)}100%{transform:scale(1)}}
.cat-picker{grid-template-columns:repeat(5,1fr)}
@media(max-width:900px){.cat-picker{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.cat-picker{grid-template-columns:repeat(2,1fr)}.pl-grid{grid-template-columns:repeat(2,1fr)}}
.field-note{margin-top:14px}
.share-hint{font-size:12px;color:#F5F5F788;margin-top:14px}
.attrib{text-align:center;padding:0 7vw 30px;font-size:11px;color:#F5F5F766}
.attrib a{color:var(--orange)}

/* sell page: editable counters, platform rows, misc */
.cat-tile{font:inherit}
select{color-scheme:dark}
.stepper input.sv{width:58px;background:#0C0C0D;border:1px solid #F7943244;border-radius:5px;color:var(--cream);text-align:center;
  font-family:'JetBrains Mono',monospace;font-size:14px;padding:5px 0;-moz-appearance:textfield;appearance:textfield}
.stepper input.sv::-webkit-outer-spin-button,.stepper input.sv::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.stepper input.sv:focus{outline:none;border-color:var(--orange)}
.stepper.mini{gap:5px}
.stepper.mini button{width:24px;height:24px;font-size:13px}
.stepper.mini input.sv{width:44px;font-size:12px;padding:3px 0}
.stepper.mini .ms-lbl{font-size:10.5px;color:#F5F5F788;margin-right:2px;letter-spacing:.04em}
.plat-row{flex-wrap:wrap;gap:10px}
.plat-row.flash{animation:rowFlash .9s ease}
.plat-counts{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.pl-thumb.wide{width:52px;object-fit:cover;padding:0}
.plr-left .pl-icon{width:34px;height:24px}
.pl-priced-row .plr-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:520px){.plat-counts{gap:8px}}
@media(max-width:800px){.locate{grid-template-columns:1fr;padding:80px 6vw;gap:30px}.timeline-sec,.how,.wanted,.faq{padding:80px 6vw}}
.sell-page .osd{top:156px}
@media(max-width:520px){.pl-search-row .btn{padding:12px 14px}.sell-page .osd{top:150px}}

/* =====================================================================
   v4 — PREMIUM PASS (restraint, rhythm, depth). Loaded last; overrides above.
   ===================================================================== */
:root{
  --ink:#161717; --ink-2:#111212; --line:#F7943226; --line-2:#F7943240;
  --r-sm:6px; --r-md:12px; --r-lg:18px;
  --shadow:0 1px 0 #ffffff0d inset, 0 18px 40px -18px #000d;
  --gutter:max(6vw, calc((100vw - 1240px) / 2));
  --ease:cubic-bezier(.2,.8,.2,1);
}
::selection{background:var(--orange);color:var(--dark)}
:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:4px}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
p{color:#F5F5F7c2}

/* quieter analog texture: present, not loud */
.vhs-static{opacity:.035}
.scanlines{opacity:.6}
.tracking-line{animation-duration:14s}

/* consistent content width on big screens */
.hero,.shelves,.timeline-sec,.how,.wanted,.faq,.locate,.brand,
.cat-hero,.buying,.cat-grid,.cond-sec,.cat-cta,.sell-hero{padding-left:var(--gutter);padding-right:var(--gutter)}
.backnav{padding-left:var(--gutter);padding-right:var(--gutter)}
header{padding-left:var(--gutter);padding-right:var(--gutter);height:76px}
nav{align-items:center;gap:26px}
nav a{padding:6px 0}
nav a.nav-sell{padding:10px 16px;border-radius:var(--r-sm);letter-spacing:.12em}
.tape-progress{top:76px}
@media(max-width:720px){ nav.open{top:76px} }

/* buttons */
.btn{border-radius:var(--r-sm);padding:15px 24px;font-size:11.5px;letter-spacing:.14em;position:relative;overflow:hidden;
  transition:transform .25s var(--ease), background .2s, box-shadow .25s, border-color .2s, color .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px #F79432aa}
.btn:active{transform:translateY(0)}
.btn.orange-fill::after{content:'';position:absolute;top:0;left:-60%;width:40%;height:100%;
  background:linear-gradient(100deg,transparent,#ffffff55,transparent);transform:skewX(-20deg);transition:left .6s var(--ease)}
.btn.orange-fill:hover::after{left:130%}
.btn:not(.orange-fill):not(.light):not(.dark-fill):not(.lead-fill):hover{border-color:var(--cream);color:#fff}
.btn-lg{padding:19px 30px;font-size:12.5px}
.btn-link{background:none;border:0;padding:6px 0;color:#F5F5F7b0;font:inherit;font-size:13.5px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#F7943277;cursor:pointer}
.btn-link:hover{color:var(--orange)}
.btn[disabled]{opacity:.65;cursor:progress}
.ico{width:18px;height:18px;vertical-align:-3px;flex-shrink:0}

/* VCR on-screen display: small, bottom-right, only while you scroll */
.osd{top:auto;bottom:22px;left:auto;right:22px;font-size:11px;background:#000c;border:1px solid #ffffff1a;
  padding:8px 12px;border-radius:30px;backdrop-filter:blur(6px);gap:10px;text-shadow:0 0 6px var(--orange)}
.sell-page .osd{top:auto}
@media(max-width:600px){.osd{bottom:18px;right:14px;top:auto;left:auto;font-size:10px}.sell-page .osd{top:auto}}

/* hero */
@media(min-width:801px){.hero{min-height:min(calc(100vh - 76px),860px)}}
.hero h1{letter-spacing:-.01em}
.vcr-stage{border-radius:var(--r-lg);box-shadow:var(--shadow);border-color:var(--line-2)}

/* section headings */
.sec-head h2,.intro h2{letter-spacing:-.005em}
small{letter-spacing:.28em}

/* aisle cards — one cohesive system */
.shelf-grid{gap:16px}
.shelf-grid article,
.shelf-grid article.accent,
.shelf-grid article.accent2{background:linear-gradient(180deg,#232425,#161717);color:var(--cream);border:1px solid var(--line);
  border-radius:var(--r-md);padding:26px 22px 22px;min-height:330px;box-shadow:var(--shadow);overflow:hidden}
.shelf-grid article::before{content:'';position:absolute;left:0;right:0;top:0;height:4px;background:var(--card-c,var(--orange))}
.shelf-grid article::after{content:'';position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;
  background:radial-gradient(circle,var(--card-c,var(--orange)) 0,transparent 70%);opacity:.12;transition:opacity .4s}
.shelf-grid article:hover::after{opacity:.28}
.shelf-grid article:nth-child(1){--card-c:var(--red)}
.shelf-grid article:nth-child(2){--card-c:var(--yellow)}
.shelf-grid article:nth-child(3){--card-c:var(--orange)}
.shelf-grid article:nth-child(4){--card-c:#E23A2F}
.shelf-grid article:nth-child(5){--card-c:var(--cream)}
.shelf-grid article strong{color:#F5F5F780;font-family:'JetBrains Mono',monospace;letter-spacing:.12em;opacity:1}
.shelf-grid .shelf-icon,.shelf-grid article.accent2 .shelf-icon{width:64px;height:42px;color:var(--card-c);opacity:1;margin:26px 0 auto}
.shelf-grid article h3{margin:24px 0 0;font-size:21px}
.shelf-grid article p,.shelf-grid article.accent2 p{color:#F5F5F7a6;font-size:13.5px}
.shelf-grid article a{color:var(--card-c);margin-top:18px;display:inline-flex;gap:6px;align-items:center}
.shelf-grid article a::after{content:'';position:absolute;inset:0}
.shelf-grid article:hover a{letter-spacing:.14em}
.era-badge,.shelf-grid article.accent .era-badge,.shelf-grid article.accent2 .era-badge{background:#ffffff0f;color:#F5F5F7cc;border:1px solid #ffffff14;font-family:'JetBrains Mono',monospace;font-weight:500}
@media(max-width:1100px){.shelf-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.shelf-grid{grid-template-columns:1fr 1fr}.shelf-grid article{min-height:280px}}
@media(max-width:520px){.shelf-grid{grid-template-columns:1fr}.shelf-grid article{min-height:0}}

/* steps, timeline, faq polish */
.step{border-radius:var(--r-md);box-shadow:var(--shadow);border-color:var(--line)}
.faq-item summary{transition:color .2s}
.faq-list{border-top:1px solid #F7943233}

/* locate + contact form */
.locate-card{border-radius:var(--r-lg);box-shadow:0 30px 60px -30px #000;padding:32px}
.locate-card .addr{display:flex;align-items:center;gap:8px}
.locate-card .hours{color:#F5F5F7a6;line-height:1.7}
.contact-form{margin-top:22px;padding-top:22px;border-top:1px solid #ffffff14;display:grid;gap:12px}
.contact-form h4{margin:0;font-family:'Archivo Black';text-transform:uppercase;font-size:14px;letter-spacing:.02em}
.contact-form .cf-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact-form .field span{display:block;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#F5F5F788;margin-bottom:6px}
.contact-form input,.contact-form textarea{width:100%;background:#0C0C0D;border:1px solid #F7943233;border-radius:var(--r-sm);padding:11px 12px;color:var(--cream);font:inherit;font-size:14px}
.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px #F7943226}
.contact-form .btn{margin:4px 0 0;justify-self:start}
.cf-status{font-size:12.5px;color:#F5F5F799}
.cf-done{padding:14px;border-radius:var(--r-sm);background:#F794321a;border:1px solid #F7943255;color:var(--cream);font-size:14px}
.hp{position:absolute;left:-9999px}
@media(max-width:520px){.contact-form .cf-row{grid-template-columns:1fr}}

/* category pages */
.cat-icon-wrap{border-radius:var(--r-lg);box-shadow:var(--shadow)}
.buy-card,.cond-item,.cat-grid article{border-radius:var(--r-md)}
.buy-card{box-shadow:var(--shadow)}
.backnav{padding-top:28px}

/* =================== SELL PAGE =================== */
.counter-strip{top:76px;backdrop-filter:blur(10px);background:#161717e8}
.wizard{max-width:1000px}
.cat-tile{border-radius:var(--r-md);padding:22px 12px 18px}
.cat-tile svg{width:40px;height:40px}
.cat-panel{border-radius:var(--r-md);box-shadow:var(--shadow)}
.cat-panel.open{border-color:var(--line-2)}
.photo-drop{border-radius:var(--r-md);display:block}
.photo-drop .pd-txt{display:flex;align-items:center;justify-content:center;gap:8px}
.pd-note{margin-top:10px;font-size:11.5px;color:#F5F5F780;font-family:'JetBrains Mono',monospace}
.photo-thumb{width:76px;height:76px;border-radius:var(--r-sm)}
.field label .req{font-style:normal;font-size:9.5px;letter-spacing:.1em;color:var(--orange);margin-left:6px;border:1px solid #F7943266;padding:1px 6px;border-radius:20px;text-transform:uppercase}
.field input.bad,.field textarea.bad{border-color:var(--red);box-shadow:0 0 0 3px #D3303933}
.field input,.field textarea{border-radius:var(--r-sm);transition:border-color .2s, box-shadow .2s}
.field input:focus,.field textarea:focus{box-shadow:0 0 0 3px #F7943226}
.seg{display:inline-flex;background:#0C0C0D;border:1px solid #F7943244;border-radius:var(--r-sm);padding:3px;gap:3px}
.seg button{background:none;border:0;color:#F5F5F7aa;font:inherit;font-size:13px;padding:8px 18px;border-radius:4px;cursor:pointer;transition:background .2s,color .2s}
.seg button.on{background:var(--orange);color:var(--dark);font-weight:700}
.fine{font-size:12px;color:#F5F5F770;margin:12px 0 0}

.send-box{background:linear-gradient(180deg,#232425,#161717);border:1px solid var(--line-2);border-radius:var(--r-lg);padding:26px;box-shadow:var(--shadow)}
.send-summary{font-size:15px;color:var(--cream);margin-bottom:18px;line-height:1.6}
.send-summary b{font-family:'JetBrains Mono',monospace;color:var(--orange);font-weight:500;margin-right:4px}
.send-summary .dotsep{margin:0 10px;color:#F5F5F744}
.send-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.send-actions .btn{margin:0}
#sendBtn.busy .btn-txt::after{content:'';display:inline-block;width:11px;height:11px;margin-left:10px;border:2px solid var(--dark);border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-1px}
.send-progress{margin-top:18px;display:flex;align-items:center;gap:14px}
.send-progress[hidden]{display:none}
.send-progress .bar{flex:1;height:6px;border-radius:6px;background:#ffffff12;overflow:hidden}
.send-progress .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--yellow),var(--orange),var(--red));transition:width .35s var(--ease)}
.send-progress .lbl{font-family:'JetBrains Mono',monospace;font-size:11.5px;color:#F5F5F7cc;white-space:nowrap}
.notice{background:#F794321a;border:1px solid #F7943255;border-radius:var(--r-md);padding:14px 16px;font-size:14px;color:var(--cream);margin:18px 0}
.notice.restored{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 28px}
.ticket-wrap{border-radius:var(--r-md);box-shadow:0 24px 50px -24px #000}

/* confirmation */
.done:not(.sp-step){padding:70px var(--gutter) 90px}
.done[hidden]{display:none}
.done-card{max-width:640px;margin:0 auto;text-align:center;background:linear-gradient(180deg,#232425,#161717);border:1px solid var(--line-2);
  border-radius:var(--r-lg);padding:46px 34px;box-shadow:0 40px 80px -40px #000;animation:doneIn .7s var(--ease) both}
@keyframes doneIn{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
.done-card h2{font-size:clamp(30px,4.6vw,46px);margin:12px 0 26px}
.done-ico{width:78px;height:78px;margin:0 auto 18px}
.done-ico svg{width:100%;height:100%}
.done-ico circle{stroke:var(--orange);stroke-dasharray:176;stroke-dashoffset:176;animation:draw .8s .15s var(--ease) forwards}
.done-ico path{stroke:var(--yellow);stroke-dasharray:40;stroke-dashoffset:40;animation:draw .5s .8s var(--ease) forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.done-ticket{display:inline-flex;flex-direction:column;gap:6px;padding:16px 26px;border-radius:var(--r-md);background:#0C0C0D;border:1px dashed #F7943288;margin-bottom:28px}
.done-ticket span{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:#F5F5F788}
.done-ticket strong{font-family:'JetBrains Mono',monospace;font-size:clamp(20px,3.4vw,28px);color:var(--orange);letter-spacing:.06em}
.done-next{text-align:left;max-width:460px;margin:0 auto 24px;padding:0;list-style:none;counter-reset:n}
.done-next li{counter-increment:n;position:relative;padding:0 0 16px 40px;font-size:14.5px;color:#F5F5F7bb;line-height:1.55}
.done-next li::before{content:counter(n);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--orange);color:var(--orange);
  font-family:'JetBrains Mono',monospace;font-size:12px;display:flex;align-items:center;justify-content:center}
.done-next b{color:var(--cream)}
.done-details{text-align:left;margin:0 auto 10px;max-width:520px}
.done-details summary{cursor:pointer;font-size:13px;color:#F5F5F799;text-align:center}
.done-details pre{white-space:pre-wrap;font-family:'JetBrains Mono',monospace;font-size:11.5px;background:#0C0C0D;border-radius:var(--r-sm);padding:16px;color:#F5F5F7cc;margin-top:12px}
body.sell-sent .wizard,body.sell-sent .counter-strip,body.sell-sent .sell-hero p,body.sell-sent .sell-hero h1,body.sell-sent .sell-hero > small{display:none}
body.sell-sent .sell-hero{padding-bottom:0}

/* reduced motion keeps the confirmation visible */
html.rm .done-card{animation:none}
html.rm .done-ico circle,html.rm .done-ico path{stroke-dashoffset:0}
body.sell-sent .sell-hero{display:none}
@media(max-width:600px){.osd{display:none}}
.shelf-grid .shelf-icon,.shelf-grid article.accent2 .shelf-icon{margin:26px 0 0}
.shelf-grid article h3{margin:26px 0 0}
.shelf-grid article p{flex:1}
.locate h2{font-size:clamp(38px,4.4vw,64px);margin:14px 0 16px}
footer{padding-bottom:84px}
@media(min-width:801px){footer{padding-bottom:24px;padding-left:max(var(--gutter),220px);padding-right:max(var(--gutter),200px)}}

/* =====================================================================
   v5 — FINAL BRAND: charcoal, clean, Apple-modern. Loaded last.
   Colors sampled from the final logo files.
   ===================================================================== */
:root{
  --yellow:#FED850; --orange:#F79432; --red:#D33039; --red-2:#E23A2F;
  --charcoal:#1D1E1E; --dark:#1D1E1E; --cream:#F5F5F7;
  --bg:#141515; --surface:#1D1E1E; --surface-2:#252626; --surface-3:#2E2F2F;
  --text:#F5F5F7; --text-2:#A1A1A6; --text-3:#6E6E73;
  --hair:rgba(255,255,255,.08); --hair-2:rgba(255,255,255,.14);
  --ink:var(--surface); --ink-2:var(--bg); --line:var(--hair); --line-2:var(--hair-2);
  --r-sm:10px; --r-md:18px; --r-lg:28px;
  --shadow:0 1px 0 rgba(255,255,255,.04) inset, 0 30px 60px -30px rgba(0,0,0,.6);
  --ease:cubic-bezier(.25,.1,.25,1); --spring:cubic-bezier(.2,.9,.25,1);
  --brand-grad:linear-gradient(90deg,var(--yellow),var(--orange) 50%,var(--red));
  --gutter:max(22px, calc((100vw - 1180px) / 2));
}
html{background:var(--bg)}
body{background:var(--bg);color:var(--text);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;font-size:17px;letter-spacing:-.011em}
p{color:var(--text-2);line-height:1.55}
::selection{background:var(--orange);color:var(--charcoal)}
:focus-visible{outline:2px solid var(--orange);outline-offset:3px}

/* analog texture: whisper-quiet, not a filter over everything */
.scanlines,.tracking-line{display:none}
.vhs-static{opacity:.018}

/* --- type: one display face for H1 (echoes the logo), clean sans for the rest --- */
h1{font-family:'Archivo Black';text-transform:uppercase;letter-spacing:-.02em;line-height:.9}
h1 b{background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
h2,h3,h4,.faq-item summary,.buy-card h4,.cat-grid article h4,.cond-item h4,.contact-form h4,.cat-tile .lbl,.spine-label strong{
  font-family:'DM Sans',sans-serif;font-weight:700;text-transform:none;letter-spacing:-.03em;line-height:1.06}
h2 b,.sec-head h2 b{color:var(--text-3)}
.intro h2,.sec-head h2,.locate h2,.buying h2,.cat-grid .cg-head h2,.cond-sec h2{font-size:clamp(36px,5vw,64px);letter-spacing:-.04em;line-height:1.02}
.cat-cta h2,.done-card h2{letter-spacing:-.04em}
small,.buying .eyebrow{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:none;color:var(--orange)}
.sec-head p,.intro p{font-size:19px;line-height:1.5}

/* --- header: frosted glass --- */
header{height:60px;background:rgba(29,30,30,.72);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);
  border-bottom:1px solid var(--hair)}
.logo{height:30px}
nav{gap:28px}
nav a{font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:rgba(245,245,247,.8);padding:4px 0;transition:color .2s}
nav a:after{display:none}
nav a:hover,nav a[aria-current="page"]{color:#fff}
nav a.nav-sell{background:var(--orange);color:var(--charcoal);padding:7px 15px;border-radius:980px;font-weight:600;letter-spacing:0}
nav a.nav-sell:hover{background:#FFA651;color:var(--charcoal)}
.nav-toggle{color:var(--text);font-size:22px}
.tape-progress{top:60px;height:2px;background:var(--brand-grad)}
.counter-strip{top:60px}
@media(max-width:720px){
  nav.open{top:60px;background:rgba(29,30,30,.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--hair);padding:18px var(--gutter) 26px;gap:4px}
  nav.open a{font-size:20px;font-weight:600;padding:12px 0;border-bottom:1px solid var(--hair);color:var(--text)}
  nav.open a.nav-sell{border:0;margin-top:14px;padding:12px 22px;font-size:16px}
}

/* --- buttons: pills --- */
.btn{border-radius:980px;padding:13px 24px;font-size:15px;font-weight:600;letter-spacing:-.01em;text-transform:none;
  border:1px solid var(--hair-2);color:var(--text);background:transparent;transition:background .25s var(--ease),transform .25s var(--ease),border-color .25s,color .25s,box-shadow .25s}
.btn:hover{transform:none;box-shadow:none;background:rgba(255,255,255,.08)}
.btn:not(.orange-fill):not(.light):not(.dark-fill):not(.lead-fill):hover{border-color:var(--hair-2);color:#fff}
.btn:active{transform:scale(.98)}
.btn.orange-fill,.cat-hero .btn.lead-fill{background:var(--orange);border-color:var(--orange);color:var(--charcoal)}
.btn.orange-fill:hover,.cat-hero .btn.lead-fill:hover{background:#FFA651;filter:none}
.btn.orange-fill::after{display:none}
.btn-lg{padding:16px 30px;font-size:17px}
.btn-link{color:var(--orange);text-decoration:none;font-size:15px}
.btn-link:hover{text-decoration:underline;color:#FFA651}
.light,.cat-cta .btn.dark-fill{background:var(--text);color:var(--charcoal);border-color:var(--text)}
.light:hover,.cat-cta .btn.dark-fill:hover{background:#fff}

/* --- hero --- */
.hero{background:radial-gradient(60% 60% at 80% 20%,rgba(247,148,50,.10),transparent 70%),var(--bg);padding-top:70px;padding-bottom:70px}
.hero h1{font-size:clamp(54px,7.4vw,104px);margin:18px 0 22px;color:var(--text)}
.hero p{font-size:clamp(17px,1.5vw,21px);max-width:540px}
.tagline-row{opacity:1;color:var(--text-2);font-size:15px;letter-spacing:-.01em}
.tagline-row b{color:var(--text)}
.hero .btn-row{gap:12px;margin-top:10px}
.hero .btn{margin:18px 0 0}
.hero-brandmark{display:block;width:120px;height:auto;margin:0 0 6px}

.vcr-stage{border-radius:var(--r-lg);border:1px solid var(--hair);background:radial-gradient(80% 70% at 50% 20%,#2E2F2F,#161717 75%);box-shadow:0 50px 100px -40px rgba(0,0,0,.8)}
.vcr-stage::before{background:radial-gradient(circle at 50% 115%,rgba(247,148,50,.22),transparent 55%)}
.vcr{border-radius:10px;background:linear-gradient(180deg,#3A3B3C 0,#202121 20%,#161717 100%);border-color:#0b0b0b}
.vcr-btns button{border-radius:6px;background:linear-gradient(#3A3B3C,#232424);color:var(--text-2)}
.vcr-display{border-radius:6px}
.vcr-tape .tap-hint{font-family:'DM Sans';font-weight:600;letter-spacing:.04em;color:var(--text-2)}
.timecode{border-radius:980px;background:rgba(0,0,0,.5);backdrop-filter:blur(8px);color:var(--text)}

/* --- marquee: quiet --- */
.marquee{background:var(--surface);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.marquee-track span{font-family:'DM Sans';font-weight:600;font-size:13px;letter-spacing:.06em;color:var(--text-3)}
.marquee-track span:nth-child(3n+1){color:var(--text-2)}

/* --- section rhythm: alternate charcoal tones, generous space --- */
.shelves,.how,.faq{background:var(--bg)}
.timeline-sec,.wanted,.buying{background:var(--surface);border:0}
.shelves,.timeline-sec,.how,.wanted,.faq{padding-top:130px;padding-bottom:130px}
.cond-sec{border:0}
.sec-head{margin-bottom:56px}

/* --- aisle cards --- */
.shelf-grid{gap:18px}
.shelf-grid article,.shelf-grid article.accent,.shelf-grid article.accent2{background:var(--surface-2);border:1px solid var(--hair);border-radius:var(--r-lg);
  padding:30px 26px 26px;box-shadow:none;transition:transform .5s var(--spring),background .3s}
.shelf-grid article.in:hover{transform:translateY(-6px) scale(1.01);background:var(--surface-3)}
.shelf-grid article::before{display:none}
.shelf-grid article::after{opacity:.14;width:220px;height:220px;right:-70px;top:-70px}
.shelf-grid article:nth-child(4){--card-c:var(--red-2)}
.shelf-grid article:nth-child(5){--card-c:#fff}
.shelf-grid article strong{font-family:'DM Sans';font-weight:600;letter-spacing:.02em;color:var(--text-3);font-size:12px}
.shelf-grid article h3{font-size:24px;letter-spacing:-.03em;color:var(--text)}
.shelf-grid article p,.shelf-grid article.accent2 p{color:var(--text-2);font-size:15px}
.shelf-grid article a{font-size:15px;font-weight:600;letter-spacing:-.01em;text-transform:none;color:var(--orange)}
.shelf-grid article a::before{content:none}
.shelf-grid article:hover a{letter-spacing:-.01em}
.era-badge,.shelf-grid article.accent .era-badge,.shelf-grid article.accent2 .era-badge{background:rgba(255,255,255,.06);color:var(--text-2);border:0;font-family:'DM Sans';font-weight:600;font-size:11px;padding:5px 10px}

/* --- timeline --- */
.tl-year{text-shadow:none;background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.tl-year small{font-family:'DM Sans';font-weight:600;letter-spacing:.02em;color:var(--text-3);-webkit-text-fill-color:var(--text-3)}
.tl-list::before{background:var(--hair)}
.tl-item::before{background:var(--surface);border-color:var(--hair-2)}
.tl-item.active::before{box-shadow:0 0 0 6px rgba(247,148,50,.18)}
.tl-item b{font-family:'DM Sans';font-weight:700;letter-spacing:0}
.tl-item h3{color:var(--text)}
.tl-tag{border-color:var(--hair-2);color:var(--text-2);font-weight:600;letter-spacing:.02em;text-transform:none;font-size:12px}
@media(max-width:800px){.tl-year{background-color:var(--surface);box-shadow:0 14px 16px var(--surface)}}

/* --- steps --- */
.step{background:var(--surface-2);border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:none;padding:34px 28px}
.step .step-no{background:var(--surface-3);border:0;color:var(--text);font-family:'DM Sans';font-weight:700;font-size:18px}
.step h3{font-size:22px}
.draw-line{height:1px;opacity:.6}

/* --- want list: clean rows --- */
.neon{font-family:'DM Sans';font-weight:700;font-size:13px;letter-spacing:.06em;color:var(--charcoal);background:var(--brand-grad);border:0;border-radius:980px;padding:8px 16px;
  text-shadow:none;box-shadow:none;animation:none;margin-bottom:22px}
.spines{gap:10px}
.spine-card{background:var(--surface-2);border:1px solid var(--hair);border-radius:var(--r-md);box-shadow:none;padding:0 22px 0 0;min-height:72px;overflow:hidden;
  transition:transform .45s var(--spring),background .25s}
.spine-card:hover,.spine-card:focus-visible{transform:translateX(10px);box-shadow:none;background:var(--surface-3)}
.spine-band{background:transparent;width:70px}
.spine-band i{height:4px}
.spine-label{background:transparent;color:var(--text);padding:14px 4px}
.spine-label strong{font-size:18px}
.spine-label span{font-family:'DM Sans';font-size:14px;color:var(--text-2)}
.spine-go{font-family:'DM Sans';font-weight:600;font-size:14px;letter-spacing:0;color:var(--orange)}
.spine-card:hover .spine-go{color:#FFA651}

/* --- FAQ --- */
.faq-list{border-top:1px solid var(--hair)}
.faq-item{border-bottom:1px solid var(--hair)}
.faq-item summary{font-size:clamp(18px,1.8vw,22px);padding:26px 44px 26px 0}
.faq-item summary::after{font-family:'DM Sans';font-weight:400;color:var(--text-2);font-size:28px;top:20px}
.faq-item summary:hover{color:var(--text);opacity:.8}
.faq-item p{font-size:17px}

/* --- find us --- */
.locate{background:var(--surface);color:var(--text)}
.locate small{color:var(--orange);opacity:1}
.locate h2{color:var(--text)}
.locate h2 b{color:var(--text-3)}
.locate p{color:var(--text-2)}
.locate-card{background:var(--surface-2);border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:none}
.locate-card h3{color:var(--text);font-size:22px}
.locate-card .addr{color:var(--orange)}
.locate-card .hours{color:var(--text-2)}
.locate-card .hours b{color:var(--text)}
.locate-art{position:absolute;right:-6%;bottom:-10%;width:min(520px,50vw);opacity:.08;pointer-events:none}

/* --- forms --- */
.contact-form{border-top:1px solid var(--hair)}
.contact-form .field span,.field label{font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--text-2)}
.field input,.field textarea,.contact-form input,.contact-form textarea,.pl-input,.stepper input.sv,.pl-priced-row select{
  background:var(--bg);border:1px solid var(--hair-2);border-radius:var(--r-sm);color:var(--text);font-size:16px}
.stepper input.sv{font-size:15px;border-radius:8px}
.field input:focus,.field textarea:focus,.contact-form input:focus,.contact-form textarea:focus,.pl-input:focus,.stepper input.sv:focus{
  border-color:var(--orange);box-shadow:0 0 0 4px rgba(247,148,50,.18)}
.field label .req{border:0;background:rgba(247,148,50,.14);font-weight:600;letter-spacing:.02em;text-transform:none;font-size:11px}
.seg{background:var(--bg);border:1px solid var(--hair);border-radius:980px;padding:3px}
.seg button{border-radius:980px;color:var(--text-2);font-size:14px;font-weight:500}
.seg button.on{background:var(--text);color:var(--charcoal);font-weight:600}
.cf-done,.notice{background:rgba(247,148,50,.08);border:1px solid rgba(247,148,50,.25);border-radius:var(--r-md)}

/* --- footer --- */
footer{background:var(--bg);border-top:1px solid var(--hair);color:var(--text-3);font-size:12px;letter-spacing:0;text-transform:none}
footer img{height:30px}
footer a{color:var(--text-2)}

/* =================== category pages =================== */
.backnav a{font-weight:600;letter-spacing:0;text-transform:none;font-size:14px}
.cat-hero{background:radial-gradient(60% 70% at 85% 20%,var(--lead-soft),transparent 70%),var(--bg)}
.cat-hero h1{font-size:clamp(50px,7vw,96px);color:var(--text)}
.cat-hero h1 b{background:none;color:var(--lead);-webkit-text-fill-color:var(--lead)}
.cat-hero .era-pill{font-family:'DM Sans';font-weight:600;font-size:12px;letter-spacing:.02em;border-radius:980px;padding:6px 12px}
.cat-hero .btn.lead-outline{border-color:var(--hair-2);color:var(--text)}
.cat-icon-wrap{border:1px solid var(--hair);border-radius:var(--r-lg);background:radial-gradient(80% 70% at 50% 30%,#2E2F2F,#161717 75%);box-shadow:0 50px 100px -40px rgba(0,0,0,.8)}
.buying{padding-top:120px;padding-bottom:120px}
.buy-grid{gap:18px}
.buy-card{background:var(--surface-2);border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:none;padding:30px}
.buy-card:hover{border-color:var(--hair-2)}
.buy-card .tag{font-weight:600;letter-spacing:.02em;text-transform:none;font-size:12px;padding:4px 10px}
.buy-card h4{font-size:20px}
.buy-card p{color:var(--text-2);font-size:15px}
.cat-grid{padding-top:120px;padding-bottom:120px;gap:18px}
.cat-grid article{background:var(--surface-2);color:var(--text);border:1px solid var(--hair);border-radius:var(--r-lg);padding:28px;min-height:200px}
.cat-grid article svg{color:var(--lead)}
.cat-grid article h4{font-size:19px;color:var(--text)}
.cat-grid article p{color:var(--text-2);font-size:14.5px}
.cond-item{background:var(--surface-2);border:1px solid var(--hair);border-radius:var(--r-md)}
.cond-item h4{font-size:17px}
.cond-item p{font-size:15px}
.cat-cta{margin:0 var(--gutter) 110px;padding:90px 40px;border-radius:var(--r-lg);background:var(--surface-2);color:var(--text);position:relative;overflow:hidden;border:1px solid var(--hair)}
.cat-cta::before{content:'';position:absolute;left:0;right:0;top:0;height:4px;background:var(--brand-grad)}
.cat-cta h2,body[data-theme] .cat-cta h2{color:var(--text);font-size:clamp(32px,4.4vw,56px)}
.cat-cta p{color:var(--text-2)}
.cat-cta .btn,.cat-cta .btn:not(.dark-fill){border-color:var(--hair-2);color:var(--text)}
.cat-cta .btn.dark-fill{background:var(--orange);border-color:var(--orange);color:var(--charcoal)}
.cat-cta .btn.dark-fill:hover{background:#FFA651}
@media(max-width:600px){.cat-cta{padding:60px 22px;margin-bottom:80px}}
.horror-flicker{display:none}
.score-tick,.loading-dvd{font-family:'DM Sans';font-weight:600;letter-spacing:.02em}

/* =================== sell page =================== */
.sell-hero{background:radial-gradient(50% 80% at 50% 0%,rgba(247,148,50,.12),transparent 70%),var(--bg);padding-top:70px}
.sell-hero h1{font-size:clamp(46px,7vw,88px)}
.sell-hero h1 b{display:inline-block}
.sell-progress .sp-step{font-family:'DM Sans';font-weight:600;letter-spacing:.02em;text-transform:none;font-size:12px;color:var(--text-3)}
.sp-step::before{background:var(--hair-2)}
.sp-step .dot{background:var(--surface);border-color:var(--hair-2)}
.counter-strip{background:rgba(29,30,30,.72);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-color:var(--hair);font-family:'DM Sans'}
.counter-strip .cs-label{font-weight:600;letter-spacing:.02em;text-transform:none;color:var(--text-2);font-size:13px}
.counter-strip .cs-num{background:var(--surface-3);border-radius:8px;font-family:'DM Sans';font-weight:700;letter-spacing:-.01em;color:var(--text)}
.counter-strip .cs-offer{font-family:'DM Sans';font-weight:700;color:var(--orange)}
.step-label .num{background:var(--text);color:var(--charcoal);font-family:'DM Sans';font-weight:700}
.step-label span.txt{font-size:15px;font-weight:600;letter-spacing:-.01em;text-transform:none;color:var(--text)}
.cat-tile{background:var(--surface-2);border:1px solid var(--hair);border-radius:var(--r-md);color:var(--text)}
.cat-tile svg{color:var(--text-2)}
.cat-tile .lbl{font-size:15px}
.cat-tile:hover{border-color:var(--hair-2);background:var(--surface-3)}
.cat-tile.active{background:var(--surface-3);border-color:var(--orange);box-shadow:0 0 0 1px var(--orange) inset;color:var(--text)}
.cat-tile.active svg{color:var(--orange)}
.cat-tile .check{border-color:var(--hair-2)}
.cat-tile.active .check{background:var(--orange);border-color:var(--orange)}
.cat-panel{background:var(--surface-2);border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:none}
.cat-panel.open{border-color:var(--hair)}
.cat-panel h3{font-size:24px}
.stepper-row{border-bottom:1px solid var(--hair);padding:14px 0}
.stepper-row .sr-label{font-size:16px}
.stepper-row .sr-label small{color:var(--text-2);font-size:13px;font-weight:400}
.stepper button,.pl-r-qty button,.pl-tile-qty button{border:0;background:var(--surface-3);color:var(--text)}
.stepper button:hover,.pl-r-qty button:hover,.pl-tile-qty button:hover{background:var(--orange);color:var(--charcoal)}
.stepper.mini .ms-lbl{color:var(--text-2)}
.tag-pill{border:1px solid var(--hair-2);color:var(--text-2);text-transform:none;letter-spacing:0;font-size:13px;font-weight:500;padding:7px 14px;border-radius:980px}
.tag-pill.on{background:var(--text);border-color:var(--text);color:var(--charcoal)}
.photo-drop{border:1.5px dashed var(--hair-2);border-radius:var(--r-md)}
.photo-drop:hover{border-color:var(--orange);background:rgba(247,148,50,.05)}
.photo-drop .pd-txt{color:var(--text-2);font-size:14px}
.pd-note{font-family:'DM Sans';color:var(--text-3)}
.photo-thumb{border-color:var(--hair)}
.price-lookup{background:var(--bg);border:1px solid var(--hair);border-radius:var(--r-md)}
.pl-head{font-size:15px}
.pl-status,.pl-optional{color:var(--text-2)}
.pl-chip{border:1px solid var(--hair-2);color:var(--text-2);border-radius:980px;font-size:13px;padding:6px 13px}
.pl-chip:hover,.pl-chip.on{background:var(--text);border-color:var(--text);color:var(--charcoal)}
.pl-tile{background:var(--surface-2);border:1px solid var(--hair);border-radius:14px}
.pl-tile:hover{border-color:var(--hair-2)}
.pl-tile.sel{border-color:var(--orange);background:var(--surface-3);box-shadow:0 0 0 1px var(--orange) inset}
.pl-tile-img{background:#0f1010;border-radius:10px}
.pl-tile-name{font-size:13px}
.pl-tile-meta{color:var(--text-2);font-size:11.5px}
.pl-tick{border-color:rgba(255,255,255,.5)}
.pl-addbar{background:rgba(37,38,38,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--hair-2);border-radius:980px;padding:8px 8px 8px 18px}
.pl-selcount{font-family:'DM Sans';font-weight:600;color:var(--text)}
.pl-result,.pl-priced-row{background:var(--surface-2);border:1px solid var(--hair);border-radius:12px}
.pl-result.checked{background:var(--surface-3);border-color:var(--orange)}
.pl-priced-row .plr-name{font-size:14px}
.pl-priced-row .plr-sub,.pl-result .plc{color:var(--text-2)}
.pl-subtotal{border-top-color:var(--hair)}
@keyframes rowFlash{0%{background:rgba(247,148,50,.3)}100%{background:var(--surface-2)}}
.send-box{background:var(--surface-2);border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:none;padding:30px}
.send-summary{font-size:17px}
.send-summary b{font-family:'DM Sans';font-weight:700;color:var(--text)}
.send-summary .dotsep{color:var(--text-3)}
.send-progress .bar{background:var(--hair)}
.send-progress .lbl{font-family:'DM Sans';color:var(--text-2)}
.fine,.share-hint,.attrib{color:var(--text-3)}
.empty-hint{color:var(--text-3)}
.ticket-wrap{background:var(--text)}
.done-card{background:var(--surface-2);border:1px solid var(--hair);border-radius:var(--r-lg)}
.done-ticket{background:var(--bg);border:1px solid var(--hair-2);border-style:solid}
.done-ticket span{font-family:'DM Sans';font-weight:600;letter-spacing:.02em;text-transform:none;font-size:12px;color:var(--text-3)}
.done-ticket strong{font-family:'DM Sans';font-weight:700;letter-spacing:.01em}
.done-next li{color:var(--text-2);font-size:16px}
.done-next li::before{border:0;background:var(--surface-3);color:var(--text);font-family:'DM Sans';font-weight:700}
.done-next b{color:var(--text)}
.done-details summary{color:var(--text-2)}
.done-details pre{background:var(--bg);color:var(--text-2)}
.lightbox{background:rgba(0,0,0,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.lightbox .lb-cap{font-family:'DM Sans';color:var(--text-2)}

/* --- floating chrome --- */
.osd{background:rgba(29,30,30,.72);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:1px solid var(--hair);
  text-shadow:none;color:var(--text-2);font-family:'DM Sans';font-weight:600;letter-spacing:.02em}
.osd .osd-sp{color:var(--orange)}
.rewind-btn{background:rgba(29,30,30,.72);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:1px solid var(--hair-2);
  color:var(--text);font-family:'DM Sans';font-weight:600;letter-spacing:0;text-transform:none;font-size:13px}
.rewind-btn:hover{background:var(--text);color:var(--charcoal)}
.ch-change{background:var(--bg)}
.ch-change .ch-num{font-family:'DM Sans';font-weight:700;color:var(--text);text-shadow:none}
.channel-flash{opacity:0}

/* --- reveals: softer, Apple-style fade-up --- */
.reveal{transform:translateY(24px);transition:opacity 1s var(--ease),transform 1s var(--spring)}
.glitch-in.in{animation:softIn .9s var(--spring) forwards}
@keyframes softIn{0%{opacity:0;transform:translateY(20px);filter:blur(8px)}100%{opacity:1;transform:none;filter:none}}
.shelf-grid article{transform:translateY(30px)}

@media(max-width:800px){
  body{font-size:16px}
  .shelves,.timeline-sec,.how,.wanted,.faq,.buying,.cat-grid{padding-top:90px;padding-bottom:90px}
  .hero{padding-top:44px}
}
header{height:64px}
.logo{height:36px}
.tape-progress,.counter-strip{top:64px}
@media(max-width:720px){nav.open{top:64px}}
.hero h1{font-size:clamp(50px,6.1vw,92px)}
.stripes{height:6px}
.stripes i:nth-child(4){display:none}
.locate-art{right:auto;left:-3%;bottom:-6%;width:min(420px,45vw);opacity:.07}
.locate>*:not(.locate-art){position:relative;z-index:1}
@media(max-width:800px){.locate-art{display:none}}
.cat-panel:not(.open){padding-top:0;padding-bottom:0;margin-bottom:0;border-width:0}

/* =====================================================================
   v6 — ICON SYSTEM (sprite in each page, see tools/icons.py)
   ===================================================================== */
.i{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;overflow:visible;flex-shrink:0;--ib:var(--surface-2)}
.ico.i{width:20px;height:20px;vertical-align:-4px}
.shelf-grid .shelf-icon.i,.shelf-grid article.accent2 .shelf-icon.i{width:56px;height:56px;color:var(--card-c);opacity:1;margin:28px 0 0;transition:transform .5s var(--spring)}
.shelf-grid article:hover .shelf-icon.i{transform:translateY(-4px) rotate(-4deg) scale(1.06);--ib:var(--surface-3)}
.shelf-grid article:hover{--ib:var(--surface-3)}

/* category heroes */
.cat-icon-wrap{--ib:#272828}
.cat-icon-wrap svg.hero-ico{width:46%;max-width:220px;height:auto;aspect-ratio:1;stroke-width:1.6;color:var(--lead);--ib:#272828;position:relative;z-index:1}
.cat-icon-wrap.vhs-panel svg.hero-ico{filter:drop-shadow(0 0 22px rgba(211,48,57,.55))}
.hero-ico .reel{animation:reelSpin 2.4s linear infinite;transform-box:view-box}
@keyframes reelSpin{to{transform:rotate(360deg)}}
.hero-ico .beacon{animation:beacon 1.6s ease-in-out infinite}
@keyframes beacon{50%{opacity:.25}}
.hero-ico.disc{animation:discSpin 7s linear infinite}

/* buy cards + shelf cards */
.buy-ico.i{display:block;width:44px;height:44px;color:var(--lead);margin:0 0 18px;stroke-width:2.2}
.buy-card:hover .buy-ico.i{transform:translateY(-2px);transition:transform .4s var(--spring)}
.cat-grid article svg.i{width:44px;height:44px;color:var(--lead);margin-bottom:16px;stroke-width:2.2}

/* sell page */
.cat-tile svg.i{width:44px;height:44px;margin-bottom:10px;color:var(--text-2);stroke-width:2.2;transition:transform .4s var(--spring),color .2s}
.cat-tile:hover,.cat-tile.active{--ib:var(--surface-3)}
.cat-tile:hover svg.i{transform:translateY(-2px)}
.cat-tile.active svg.i{color:var(--orange);--ib:var(--surface-3)}
.cat-panel h3 svg.i{width:34px;height:34px;color:var(--orange)}
.sr-label.has-ico{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center}
.sr-label.has-ico .sr-ico{grid-row:1 / span 2;width:34px;height:34px;color:var(--text-2);stroke-width:2.2}
.sr-label.has-ico small{grid-column:2}
.plat-row .sr-label.has-ico .sr-ico{width:30px;height:30px;color:var(--orange)}
.ms-ico.i{width:15px;height:15px;margin-right:5px;vertical-align:-3px;stroke-width:2.6}
.tag-pill{display:inline-flex;align-items:center;gap:7px}
.tp-ico.i{width:17px;height:17px;stroke-width:2.6}
.tag-pill.on .tp-ico.i{--ib:var(--text)}
.price-lookup{--ib:var(--bg)}
.pl-tile-img{--ib:#0f1010}
.pl-tile-img .pl-icon.i{width:46%;height:auto;aspect-ratio:1;color:var(--text-3)}
.plr-left .pl-icon.i{width:30px;height:30px;color:var(--text-3)}
.photo-drop .ico.i,.pl-head .ico.i{color:var(--text-2)}
.locate-card .addr .ico.i{--ib:var(--surface-2)}

/* =====================================================================
   v6 — FOOTER STANDBY SCREEN + IDLE SCREENSAVER (bouncing badge)
   ===================================================================== */
footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;padding-top:36px;padding-bottom:36px}
.ft-brand{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.ft-meta{display:flex;flex-direction:column;gap:8px;align-items:flex-end;text-align:right}
.ft-meta a{color:var(--orange);text-decoration:none;font-weight:600;font-size:13px}
.ft-meta a:hover{color:#FFA651}
.standby{display:flex;flex-direction:column;align-items:center;gap:10px}
.standby-tv{position:relative;width:184px;aspect-ratio:16/10;border-radius:14px;background:#0b0b0c;overflow:hidden;
  box-shadow:0 0 0 1px var(--hair),0 0 0 5px #1a1b1b,0 0 0 6px var(--hair),0 24px 40px -18px rgba(0,0,0,.9),inset 0 0 26px rgba(0,0,0,.9)}
.standby-tv::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(155deg,rgba(255,255,255,.07),transparent 42%),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px)}
.standby-tv canvas{display:block;width:100%;height:100%}
.standby-cap{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--text-3)}
.standby-cap b{color:var(--text-2);font-weight:700}
.standby-led{width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 8px var(--orange);animation:beacon 2.4s ease-in-out infinite}
@media(max-width:800px){
  footer{grid-template-columns:1fr;justify-items:center;text-align:center;padding-bottom:96px}
  .ft-brand,.ft-meta{align-items:center;text-align:center}
  .standby{order:-1}
}

.saver{position:fixed;inset:0;z-index:10050;background:rgba(15,16,16,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  opacity:0;visibility:hidden;transition:opacity 1.2s var(--ease),visibility 0s linear 1.2s;cursor:none}
.saver.on{opacity:1;visibility:visible;transition:opacity 1.2s var(--ease),visibility 0s}
.saver canvas{position:absolute;inset:0;width:100%;height:100%}
.saver-hint{position:absolute;left:0;right:0;bottom:28px;margin:0;text-align:center;font-size:13px;font-weight:600;color:var(--text-3);letter-spacing:.01em}
.saver-hint span{color:var(--text-2);margin-left:6px;font-weight:500}
html.rm .saver{display:none}
button.btn,.btn{font-family:inherit}
.plat-row .plr-rm{background:none;border:0;color:var(--text-3);font-size:20px;line-height:1;cursor:pointer;padding:4px 6px;border-radius:8px}.plat-row .plr-rm:hover{color:var(--text);background:var(--surface-3)}

/* =====================================================================
   v7 — BUTTONS, SECTION ICONS, LIGHT / DARK THEMES
   ===================================================================== */
:root{--btn-bg:#F5F5F7;--btn-fg:#1D1E1E;--btn-bg-h:#FFFFFF;--brand-orange:#F79432;
  --brand-grad:linear-gradient(90deg,#FED850,#F79432 50%,#D33039);--grad-text:var(--brand-grad);--hover-wash:rgba(255,255,255,.08)}

/* ---- primary button: inverse pill + the logo's three stripes ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px}
.btn.orange-fill,.cat-hero .btn.lead-fill,.btn.lead-fill,.cat-cta .btn.dark-fill,.btn.dark-fill,.btn.light,.locate .btn.light{
  background:var(--btn-bg);border-color:var(--btn-bg);color:var(--btn-fg);filter:none}
.btn.orange-fill::before,.btn.lead-fill::before,.btn.dark-fill::before,.btn.light::before,nav a.nav-sell::before{
  content:'';flex:none;width:14px;height:10px;border-radius:1.5px;
  background:linear-gradient(#FED850 0 26%,transparent 26% 37%,#F79432 37% 63%,transparent 63% 74%,#D33039 74%);
  transition:width .4s var(--spring)}
.btn.orange-fill:hover,.cat-hero .btn.lead-fill:hover,.btn.lead-fill:hover,.cat-cta .btn.dark-fill:hover,.btn.dark-fill:hover,.btn.light:hover{
  background:var(--btn-bg-h);border-color:var(--btn-bg-h);color:var(--btn-fg);transform:translateY(-1px);box-shadow:0 10px 26px -12px rgba(0,0,0,.55)}
.btn.orange-fill:hover::before,.btn.lead-fill:hover::before,.btn.dark-fill:hover::before,.btn.light:hover::before,nav a.nav-sell:hover::before{width:22px}
.btn.orange-fill:active,.btn.lead-fill:active,.btn.dark-fill:active,.btn.light:active{transform:scale(.98)}
.btn.orange-fill[disabled],.btn.orange-fill:disabled{opacity:.4;box-shadow:none;transform:none}
.btn:not(.orange-fill):not(.light):not(.dark-fill):not(.lead-fill):hover{background:var(--hover-wash)}
nav a.nav-sell{display:inline-flex;align-items:center;gap:8px;background:var(--btn-bg);color:var(--btn-fg)}
nav a.nav-sell::before{width:11px;height:8px}
nav a.nav-sell:hover{background:var(--btn-bg-h);color:var(--btn-fg)}
#sendBtn.busy .btn-txt::after{border-color:currentColor;border-top-color:transparent}
.pl-search-row .btn{white-space:nowrap}

/* ---- theme toggle ---- */
nav{margin-left:auto}
.theme-toggle{position:relative;width:36px;height:36px;margin-left:18px;border-radius:50%;border:1px solid var(--hair-2);background:transparent;color:var(--text);
  cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:none;transition:background .2s,transform .4s var(--spring);--ib:transparent}
.theme-toggle:hover{background:var(--hover-wash)}
.theme-toggle:active{transform:scale(.92)}
.theme-toggle .i{position:absolute;width:18px;height:18px;stroke-width:2.6;transition:opacity .3s,transform .5s var(--spring)}
.theme-toggle .ic-moon{opacity:0;transform:rotate(-60deg) scale(.6)}
[data-theme="light"] .theme-toggle .ic-sun{opacity:0;transform:rotate(60deg) scale(.6)}
[data-theme="light"] .theme-toggle .ic-moon{opacity:1;transform:none}
@media(max-width:720px){.theme-toggle{margin-left:auto;margin-right:6px}}

/* ---- logos per theme ---- */
.logo-l{display:none!important}
[data-theme="light"] .logo-d{display:none!important}
[data-theme="light"] .logo-l{display:block!important}
.logo img{height:100%}

/* ---- mobile nav icons ---- */
.nav-ico{display:none}
@media(max-width:720px){
  nav.open a{display:flex;align-items:center;gap:14px}
  nav.open .nav-ico{display:inline-block;width:24px;height:24px;color:var(--text-2);stroke-width:2.2;--ib:var(--surface)}
  nav.open a.nav-sell{justify-content:center}
}

/* ---- want list: icon spines ---- */
.spine-card{padding:0 22px 0 0}
.spine-card::before{content:'';align-self:stretch;width:4px;flex:none;background:linear-gradient(#FED850,#F79432,#D33039)}
.spine-band{width:72px;display:flex;align-items:center;justify-content:center;padding:0;gap:0;background:transparent}
.spine-ico{width:34px;height:34px;color:var(--orange);stroke-width:2.2;transition:transform .5s var(--spring)}
.spine-card:hover .spine-ico{transform:rotate(-6deg) scale(1.08)}
.spine-go{display:inline-flex;align-items:center;gap:6px}
.go-ico{width:16px;height:16px;stroke-width:3;transition:transform .35s var(--spring)}
.spine-card:hover .go-ico{transform:translateX(4px)}
@media(max-width:600px){.spine-band{width:56px;padding:0}.spine-ico{width:28px;height:28px}}

/* ---- how it works + timeline icons ---- */
.step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.step-top .step-no{margin:0}
.step-ico{width:44px;height:44px;color:var(--orange);stroke-width:2.2}
.step.in .step-ico{animation:popIn .6s var(--spring) calc(var(--i,0)*.18s + .45s) both}
.tl-tag{display:inline-flex;align-items:center;gap:7px}
.tl-ico{width:15px;height:15px;stroke-width:2.6;--ib:var(--surface)}

/* =====================================================================
   LIGHT THEME — Apple-style light gray canvas, white cards, charcoal type
   ===================================================================== */
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#F5F5F7; --surface:#FFFFFF; --surface-2:#FFFFFF; --surface-3:#F0F0F2;
  --text:#1D1D1F; --text-2:#6E6E73; --text-3:#86868B; --cream:#1D1D1F;
  --hair:rgba(0,0,0,.08); --hair-2:rgba(0,0,0,.15);
  --orange:#CC660C; --yellow:#FED850; --red:#D33039;
  --btn-bg:#1D1E1E; --btn-fg:#F5F5F7; --btn-bg-h:#000000; --hover-wash:rgba(0,0,0,.05);
  --grad-text:linear-gradient(90deg,#E9A000,#E5781A 50%,#D33039);
  --brand-grad:linear-gradient(90deg,#FED850,#F79432 50%,#D33039);
  --lead-soft:rgba(247,148,50,.10);
}
:root[data-theme="light"] body{background:var(--bg);color:var(--text)}
[data-theme="light"] h1 b,[data-theme="light"] .tl-year{background:var(--grad-text);-webkit-background-clip:text;background-clip:text}
[data-theme="light"] .vhs-static{opacity:.012}
[data-theme="light"] header{background:rgba(255,255,255,.72);border-bottom-color:var(--hair)}
[data-theme="light"] nav a{color:rgba(29,29,31,.78)}
[data-theme="light"] nav a:hover,[data-theme="light"] nav a[aria-current="page"]{color:#000}
[data-theme="light"] nav a.nav-sell{color:var(--btn-fg)}
@media(max-width:720px){[data-theme="light"] nav.open{background:rgba(255,255,255,.97)}}
[data-theme="light"] .counter-strip{background:rgba(255,255,255,.72)}
[data-theme="light"] .osd,[data-theme="light"] .rewind-btn{background:rgba(255,255,255,.75);color:var(--text)}
[data-theme="light"] .rewind-btn:hover{background:var(--text);color:#fff}

/* section rhythm: gray canvas / white bands, cards flip accordingly */
[data-theme="light"] .timeline-sec,[data-theme="light"] .wanted,[data-theme="light"] .buying,[data-theme="light"] .locate,[data-theme="light"] .marquee{background:#FFFFFF}
[data-theme="light"] .spine-card,[data-theme="light"] .buy-card,[data-theme="light"] .locate-card{background:#F5F5F7;--ib:#F5F5F7}
[data-theme="light"] .spine-card:hover{background:#ECECEF;--ib:#ECECEF}
[data-theme="light"] .tl-ico{--ib:#fff}
[data-theme="light"] .shelf-grid article,[data-theme="light"] .step,[data-theme="light"] .cat-grid article,[data-theme="light"] .cond-item,
[data-theme="light"] .cat-panel,[data-theme="light"] .cat-tile,[data-theme="light"] .send-box,[data-theme="light"] .done-card,[data-theme="light"] .cat-cta{
  box-shadow:0 1px 2px rgba(0,0,0,.04),0 12px 32px -12px rgba(0,0,0,.10)}
[data-theme="light"] .shelf-grid article:nth-child(2){--card-c:#D49A00}
[data-theme="light"] .shelf-grid article:nth-child(3){--card-c:#E07A16}
[data-theme="light"] .shelf-grid article:nth-child(5){--card-c:#1D1D1F}
[data-theme="light"] .shelf-grid article::after{opacity:.10}

/* hero stages */
[data-theme="light"] .hero{background:radial-gradient(60% 60% at 80% 20%,rgba(247,148,50,.12),transparent 70%),var(--bg)}
[data-theme="light"] .vcr-stage{background:radial-gradient(80% 70% at 50% 25%,#FFFFFF,#E6E6EA 78%);border-color:var(--hair);box-shadow:0 40px 80px -40px rgba(0,0,0,.35)}
[data-theme="light"] .vcr-tape .tap-hint{color:var(--text-2)}
[data-theme="light"] .cat-icon-wrap{background:radial-gradient(80% 70% at 50% 30%,#FFFFFF,#E9E9ED 78%);border-color:var(--hair);box-shadow:0 40px 80px -40px rgba(0,0,0,.3);--ib:#F6F6F8}
[data-theme="light"] .cat-icon-wrap svg.hero-ico{--ib:#F6F6F8}
[data-theme="light"] .cat-icon-wrap.vhs-panel::after{opacity:0}
[data-theme="light"] .cat-icon-wrap.vhs-panel svg.hero-ico{filter:drop-shadow(0 10px 20px rgba(211,48,57,.25))}
[data-theme="light"] .cat-hero{background:radial-gradient(60% 70% at 85% 20%,var(--lead-soft),transparent 70%),var(--bg)}
[data-theme="light"] body[data-theme="games"]{--lead:#B98A00;--lead-soft:rgba(254,216,80,.22)}
[data-theme="light"] body[data-theme="pokemon"],[data-theme="light"] body[data-theme="dvds"]{--lead:#D9700F}
[data-theme="light"] body[data-theme="vhs"]{--lead-soft:rgba(211,48,57,.10)}
[data-theme="light"] .era-pill,[data-theme="light"] .buy-card .tag{color:#fff}
[data-theme="light"] .cat-cta::before{opacity:.9}

/* sell page */
[data-theme="light"] .price-lookup,[data-theme="light"] .field input,[data-theme="light"] .field textarea,[data-theme="light"] .contact-form input,
[data-theme="light"] .contact-form textarea,[data-theme="light"] .pl-input,[data-theme="light"] .stepper input.sv,[data-theme="light"] .seg{background:#F5F5F7}
[data-theme="light"] .price-lookup{--ib:#F5F5F7}
[data-theme="light"] .pl-tile-img{background:#ECECEF;--ib:#ECECEF}
[data-theme="light"] .ticket-wrap{background:#fff;color:#1D1D1F;border:1px solid var(--hair)}
[data-theme="light"] .done-ticket,[data-theme="light"] .done-details pre{background:#F5F5F7}
[data-theme="light"] .pl-addbar{background:rgba(255,255,255,.85)}
[data-theme="light"] .photo-drop:hover{background:rgba(247,148,50,.06)}

/* footer standby TV stays a dark screen; frame goes light */
[data-theme="light"] .standby-tv{box-shadow:0 0 0 1px rgba(0,0,0,.12),0 0 0 5px #E3E3E8,0 0 0 6px rgba(0,0,0,.08),0 24px 40px -18px rgba(0,0,0,.35),inset 0 0 26px rgba(0,0,0,.9)}
[data-theme="light"] footer{background:var(--bg)}
html{transition:background-color .3s}
.theme-switching *,.theme-switching *::before,.theme-switching *::after{transition:background-color .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease!important}
/* inverse chips/pills: readable in both themes */
.pl-chip:hover,.pl-chip.on,.tag-pill.on,.seg button.on{background:var(--text);border-color:var(--text);color:var(--bg)}
.step-label .num{background:var(--text);color:var(--bg)}
.tag-pill.on .tp-ico.i{--ib:var(--text)}
/* small utility buttons skip the stripe mark */
#addPlatformBtn::before,.pl-search-row .btn::before,.pl-add-selected::before{display:none}
@media(max-width:720px){
  nav.open{align-items:stretch;background:var(--surface)!important;box-shadow:0 30px 60px -20px rgba(0,0,0,.5);max-height:calc(100vh - 64px);overflow-y:auto}
  [data-theme="light"] nav.open{background:#fff!important;box-shadow:0 30px 60px -20px rgba(0,0,0,.18)}
  nav.open a.nav-sell{align-self:flex-start}
}

/* =====================================================================
   v8 — PRIMARY BUTTON: stripe-gradient ring + sunset glow fill
   (fill floods to the full yellow→orange→red gradient on hover)
   ===================================================================== */
:root{--ring:linear-gradient(90deg,#FED850,#F79432 52%,#D33039);
  --ring-fill:linear-gradient(90deg,rgba(254,216,80,.26),rgba(247,148,50,.30) 52%,rgba(211,48,57,.30));
  --ring-base:#1D1E1E;--ring-fg:#FFFFFF;--ring-glow:rgba(247,148,50,.38)}
:root[data-theme="light"]{--ring-base:#FFFFFF;--ring-fg:#1D1D1F;
  --ring-fill:linear-gradient(90deg,rgba(254,216,80,.30),rgba(247,148,50,.24) 52%,rgba(211,48,57,.20));--ring-glow:rgba(247,148,50,.30)}
.btn.orange-fill,.cat-hero .btn.lead-fill,.btn.lead-fill,.cat-cta .btn.dark-fill,.btn.dark-fill,.btn.light,.locate .btn.light,nav a.nav-sell{
  position:relative;isolation:isolate;overflow:hidden;border:2px solid transparent;font-weight:700;letter-spacing:-.01em;white-space:nowrap;
  background:var(--ring-fill) padding-box,linear-gradient(var(--ring-base),var(--ring-base)) padding-box,var(--ring) border-box;
  color:var(--ring-fg);box-shadow:0 8px 28px -12px var(--ring-glow);
  transition:color .3s var(--ease),box-shadow .35s var(--ease),transform .35s var(--spring)}
.btn.orange-fill::before,.btn.lead-fill::before,.btn.dark-fill::before,.btn.light::before,nav a.nav-sell::before{
  content:'';position:absolute;inset:0;z-index:-1;width:auto;height:auto;border-radius:inherit;background:var(--ring);
  opacity:0;transform:scaleX(.2);transform-origin:left;transition:opacity .35s var(--ease),transform .5s var(--spring)}
.btn.orange-fill:hover,.cat-hero .btn.lead-fill:hover,.btn.lead-fill:hover,.cat-cta .btn.dark-fill:hover,.btn.dark-fill:hover,.btn.light:hover,nav a.nav-sell:hover,
.btn.orange-fill:focus-visible,.btn.lead-fill:focus-visible{
  background:var(--ring-fill) padding-box,linear-gradient(var(--ring-base),var(--ring-base)) padding-box,var(--ring) border-box;
  color:#1D1E1E;transform:translateY(-2px);box-shadow:0 14px 34px -12px rgba(226,58,47,.55);border-color:transparent}
.btn.orange-fill:hover::before,.btn.lead-fill:hover::before,.btn.dark-fill:hover::before,.btn.light:hover::before,nav a.nav-sell:hover::before,
.btn.orange-fill:focus-visible::before,.btn.lead-fill:focus-visible::before{opacity:1;transform:none;width:auto}
.btn.orange-fill:active,.btn.lead-fill:active,.btn.dark-fill:active,.btn.light:active{transform:scale(.97)}
.btn.orange-fill:disabled,.btn.orange-fill[disabled]{opacity:.45;box-shadow:none;transform:none}
.btn.orange-fill:disabled::before{opacity:0}
nav a.nav-sell{padding:6px 15px;font-size:13px;box-shadow:0 6px 18px -10px var(--ring-glow)}
#addPlatformBtn::before,.pl-search-row .btn::before,.pl-add-selected::before{display:block}
#sendBtn.busy .btn-txt::after{border-color:currentColor;border-top-color:transparent}
@media(max-width:720px){nav.open a.nav-sell{padding:12px 22px;font-size:16px}}
[data-theme="light"] nav a.nav-sell,nav a.nav-sell{color:var(--ring-fg)}
[data-theme="light"] nav a.nav-sell:hover,nav a.nav-sell:hover{color:#1D1E1E}
/* six aisles + six sell tiles */
.shelf-grid{grid-template-columns:repeat(3,1fr)}
.shelf-grid article:nth-child(6){--card-c:var(--yellow)}
[data-theme="light"] .shelf-grid article:nth-child(6){--card-c:#D49A00}
@media(max-width:800px){.shelf-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.shelf-grid{grid-template-columns:1fr}}
.cat-picker{grid-template-columns:repeat(6,1fr)}
@media(max-width:900px){.cat-picker{grid-template-columns:repeat(3,1fr)}}

/* =====================================================================
   v8 — HOMEPAGE TAPE PLAYBACK: a little CRT pops on and plays the reel
   ===================================================================== */
.vcr-stage.playing::after{display:none}
.tv{position:absolute;z-index:3;left:50%;top:22px;height:calc(100% - 112px - 70px - 34px);aspect-ratio:4/3;max-width:calc(100% - 52px);
  transform:translateX(-50%) scale(.6,.004);opacity:0;pointer-events:none;border-radius:22px/26px;overflow:hidden;background:#050606;
  container-type:size;
  box-shadow:0 0 0 7px #222323,0 0 0 8px rgba(255,255,255,.08),0 0 0 14px #161717,0 30px 60px -22px rgba(0,0,0,.9);
  font-family:'DM Sans',sans-serif;color:#fff}
[data-theme="light"] .tv{box-shadow:0 0 0 7px #2a2b2b,0 0 0 8px rgba(0,0,0,.2),0 0 0 14px #1d1e1e,0 30px 60px -22px rgba(0,0,0,.45)}
.tv.on{opacity:1;transform:translateX(-50%);animation:tvOn .6s cubic-bezier(.2,.8,.2,1) both}
.tv.off{animation:tvOff .5s cubic-bezier(.6,0,.8,.4) both}
@keyframes tvOn{0%{opacity:1;transform:translateX(-50%) scale(.6,.004);filter:brightness(4)}45%{transform:translateX(-50%) scale(1,.012);filter:brightness(3)}
  70%{transform:translateX(-50%) scale(1,1.04);filter:brightness(1.4)}100%{transform:translateX(-50%) scale(1);filter:none}}
@keyframes tvOff{0%{opacity:1;transform:translateX(-50%) scale(1);filter:none}55%{opacity:1;transform:translateX(-50%) scale(1,.01);filter:brightness(4)}
  85%{opacity:1;transform:translateX(-50%) scale(.02,.01);filter:brightness(6)}100%{opacity:0;transform:translateX(-50%) scale(0,0)}}
.tv-noise{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;opacity:0;z-index:4;transition:opacity .15s}
.tv.noise .tv-noise{opacity:.95}
.tv.ff .tv-noise,.tv.rew .tv-noise{opacity:.32;mix-blend-mode:screen}
.tv.blue{background:#1E34C8}
.tv-prog{position:absolute;inset:0;z-index:2}
.tv-card{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3cqh;opacity:0;
  background:radial-gradient(80% 80% at 50% 40%,#2a2b2b,#0c0d0d 80%);text-align:center;padding:6cqh 6cqw}
.tv-card.show{opacity:1;animation:cardIn .5s steps(4,end)}
@keyframes cardIn{0%{transform:translateX(-3%) skewX(-6deg);filter:hue-rotate(40deg) saturate(2)}50%{transform:translateX(2%) skewX(3deg)}100%{transform:none;filter:none}}
.tv-card .ttl{font-family:'Archivo Black',sans-serif;font-size:12cqh;line-height:.95;letter-spacing:-.01em;
  text-shadow:.6cqh 0 rgba(255,40,80,.55),-.6cqh 0 rgba(0,190,255,.5)}
.tv-card .sub{font-size:5.6cqh;font-weight:600;letter-spacing:.06em;color:rgba(255,255,255,.72);text-transform:uppercase}
.tv-card svg.i{width:34cqh;height:34cqh;stroke-width:2.2;--ib:#1b1c1c;filter:drop-shadow(0 0 2.6cqh currentColor)}
.tv-card.bars{background:#0c0c0c;justify-content:flex-start;padding:0;gap:0}
.tv-card.bars .bar-row{display:flex;width:100%;height:68%}
.tv-card.bars .bar-row i{flex:1}
.tv-card.bars .bar-low{flex:1;width:100%;display:flex;align-items:center;justify-content:center;background:#101010;font-family:'JetBrains Mono',monospace;font-size:6cqh;letter-spacing:.14em}
.tv-card.title img{width:52cqw;height:auto;filter:drop-shadow(0 0 3cqh rgba(247,148,50,.45))}
.tv-card.end .ttl{font-size:14cqh;background:linear-gradient(90deg,#FED850,#F79432 50%,#E23A2F);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.tv-card.end .end-stripes{display:flex;flex-direction:column;gap:1.6cqh;width:44cqw;margin-top:2cqh}
.tv-card.end .end-stripes u{display:block;height:2.4cqh;border-radius:1cqh}
.tv-card.end .end-stripes u:nth-child(1){background:#FED850}.tv-card.end .end-stripes u:nth-child(2){background:#F79432}.tv-card.end .end-stripes u:nth-child(3){background:#D33039}
.tv-osd{position:absolute;z-index:5;left:6cqw;right:6cqw;top:6cqh;display:flex;justify-content:space-between;font-family:'JetBrains Mono',monospace;
  font-size:6.4cqh;letter-spacing:.06em;color:#fff;text-shadow:0 0 1.4cqh rgba(255,255,255,.8),.4cqh .4cqh 0 rgba(0,0,0,.6);opacity:0;transition:opacity .2s}
.tv.osd-on .tv-osd{opacity:1}
.tv-glass{position:absolute;inset:0;z-index:6;pointer-events:none;border-radius:inherit;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,.28) 0 1px,transparent 1px 3px),
             radial-gradient(120% 110% at 50% 50%,transparent 55%,rgba(0,0,0,.65) 100%),
             linear-gradient(160deg,rgba(255,255,255,.12),transparent 38%)}
.tv-glass::after{content:'';position:absolute;left:0;right:0;height:16%;top:-20%;background:linear-gradient(transparent,rgba(255,255,255,.07),transparent);animation:tvRoll 4.5s linear infinite}
@keyframes tvRoll{to{top:110%}}
.tv.glitch .tv-prog{animation:tvGlitch .18s steps(3,end)}
@keyframes tvGlitch{0%{transform:translateX(4%) skewX(8deg);filter:hue-rotate(90deg)}50%{transform:translateX(-3%)}100%{transform:none;filter:none}}
.tv.ff .tv-prog,.tv.rew .tv-prog{animation:tvJit .12s steps(2,end) infinite}
@keyframes tvJit{0%{transform:translateY(0)}100%{transform:translateY(-2%)}}
.vcr-stage.has-tv .vcr-tape .tap-hint{display:none}
html.rm .tv.on,html.rm .tv.off{animation:none}
html.rm .tv-card.show{animation:none}
@media(max-width:600px){.tv{top:18px;height:calc(100% - 112px - 70px - 26px)}}
.tv{height:auto;top:22px;bottom:194px}
@media(max-width:800px){.vcr-stage{min-height:420px}.tv{top:20px;bottom:192px}}
.tv{bottom:auto;height:auto;width:min(290px,calc(100% - 56px));aspect-ratio:4/3}
@media(max-width:800px){.tv{width:min(256px,calc(100% - 56px));top:20px;bottom:auto}}


/* =====================================================================
   v10 — DESKTOP NAV: text links + gliding stripe underline (option L)
   The current page shows its icon; hover glides the underline + icon over.
   Phones (≤720px) keep the menu button.
   ===================================================================== */
@media(min-width:721px){
  header{height:64px;gap:0}
  .tape-progress,.counter-strip{top:64px}
  header nav{display:contents!important}
  header nav a{display:inline-flex;align-items:center;height:64px;padding:0 13px;font-size:14px;font-weight:500;letter-spacing:-.01em;
    color:var(--text-2);background:none;border-radius:0;position:relative;transition:color .25s var(--ease)}
  header nav a:hover,header nav a[aria-current="page"]{color:var(--text)}
  header nav a .nav-ico{display:inline-block;width:0;height:18px;margin-right:0;opacity:0;stroke-width:2.3;color:var(--orange);--ib:transparent;
    transform:translateX(-4px) scale(.7);transition:width .35s var(--spring),margin .35s var(--spring),opacity .25s,transform .35s var(--spring)}
  header nav a[aria-current="page"] .nav-ico,header nav a:hover .nav-ico,header nav a:focus-visible .nav-ico{width:18px;margin-right:7px;opacity:1;transform:none}
  header nav a::after,header nav a::before{display:none!important}
  header nav a[href="vhs.html"]{margin-left:auto}
  header nav a[href$="#find-us"]{margin-left:auto;font-size:13px}
  header nav a[href$="#find-us"] .nav-ico{color:var(--text-2)}
  header nav a.nav-sell{order:5;height:auto;align-self:center;margin-left:14px;padding:7px 16px;font-size:13px;font-weight:700;border-radius:980px;color:var(--ring-fg)}
  header nav a.nav-sell:hover{color:#1D1E1E}
  .theme-toggle{order:4;margin-left:10px;align-self:center}
  .nav-toggle{display:none!important}
  .nav-glide{position:absolute;bottom:10px;left:0;width:0;height:2px;border-radius:2px;background:var(--ring);opacity:0;pointer-events:none;
    transition:transform .45s var(--spring),width .45s var(--spring),opacity .25s}
  .nav-glide.on{opacity:1}
  [data-theme="light"] header nav a{color:var(--text-2)}
  [data-theme="light"] header nav a:hover,[data-theme="light"] header nav a[aria-current="page"]{color:var(--text)}
  [data-theme="light"] header nav a.nav-sell{color:var(--ring-fg)}
  [data-theme="light"] header nav a.nav-sell:hover{color:#1D1E1E}
}
@media(min-width:721px) and (max-width:1100px){
  header{padding-left:22px;padding-right:22px}
  .logo{height:28px}
  header nav a{padding:0 8px;font-size:13px}
  header nav a.nav-sell{padding:6px 12px;font-size:12px;margin-left:10px}
  .theme-toggle{margin-left:6px;width:32px;height:32px}
}
@media(min-width:721px) and (max-width:900px){
  header nav a[href$="#find-us"]{display:none}
  header nav a{padding:0 6px;font-size:12.5px}
}
@media(max-width:720px){
  header nav{display:none}
  header nav.open{display:flex}
  .nav-toggle{display:block}
  .nav-glide{display:none}
}
.addr-sub{margin:-10px 0 16px 26px;font-size:14px;color:var(--text-2)}
.addr-sub a{color:var(--orange);font-weight:600;text-decoration:none}
.addr-sub a:hover{text-decoration:underline}

/* ---- social links ---- */
.social{display:flex;gap:6px;margin-top:4px}
.social a,.nav-social a{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--text-2);
  border:1px solid var(--hair);transition:color .2s,background .2s,transform .35s var(--spring)}
.social a:hover,.nav-social a:hover{color:var(--text);background:var(--hover-wash);transform:translateY(-2px)}
.social .i,.nav-social .i{width:18px;height:18px;stroke-width:2.4;--ib:transparent}
.follow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 6px}
.follow span{width:100%;font-size:13px;color:var(--text-2);margin-bottom:2px}
.follow span b{color:var(--text);font-weight:600}
.follow a{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:980px;border:1px solid var(--hair-2);font-size:13px;font-weight:600;color:var(--text);text-decoration:none;transition:background .2s,transform .35s var(--spring)}
.follow a:hover{background:var(--hover-wash);transform:translateY(-1px)}
.follow .i{width:16px;height:16px;stroke-width:2.5;color:var(--orange);--ib:transparent}
.nav-social{display:none}
@media(max-width:720px){
  nav.open .nav-social{display:flex;gap:10px;justify-content:center;padding-top:16px}
  nav.open .nav-social a{width:44px;height:44px;border:1px solid var(--hair-2);padding:0}
  nav.open .nav-social .i{width:20px;height:20px}
  footer .social{justify-content:center}
}
@media(min-width:721px){header .nav-social{display:none!important}}

/* ---- "Are you sure?" dialog ---- */
.confirm{position:fixed;inset:0;z-index:10060;display:flex;align-items:center;justify-content:center;padding:22px;
  background:rgba(10,10,11,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transition:opacity .25s var(--ease)}
.confirm.on{opacity:1}
.confirm-card{width:min(400px,100%);background:var(--surface-2);border:1px solid var(--hair-2);border-radius:24px;padding:28px 26px 22px;text-align:center;
  box-shadow:0 40px 80px -30px rgba(0,0,0,.7);transform:translateY(14px) scale(.96);transition:transform .4s var(--spring)}
.confirm.on .confirm-card{transform:none}
.confirm-ico{width:56px;height:56px;margin:0 auto 14px;border-radius:16px;display:grid;place-items:center;background:var(--surface-3)}
.confirm-ico .i{width:30px;height:30px;color:var(--orange);--ib:var(--surface-3)}
.confirm-card h3{margin:0 0 8px;font-size:21px}
.confirm-card p{margin:0 0 22px;font-size:15px;line-height:1.5}
.confirm-actions{display:flex;gap:10px}
.confirm-actions .btn{flex:1;margin:0;padding:12px 14px;font-size:15px}
[data-theme="light"] .confirm{background:rgba(245,245,247,.6)}
html.rm .confirm-card{transition:none}

/* ---- phones: the M badge replaces the wide logo in the header ---- */
.logo .logo-m{display:none!important}
@media(max-width:720px){
  header .logo{height:34px}
  header .logo .logo-d,header .logo .logo-l{display:none!important}
  header .logo .logo-md{display:block!important;height:34px;width:auto}
  [data-theme="light"] header .logo .logo-md{display:none!important}
  [data-theme="light"] header .logo .logo-ml{display:block!important;height:34px;width:auto}
}

/* ---- optional address row on the sell form ---- */
.field .opt{font-style:normal;font-weight:500;font-size:12px;color:var(--text-3);margin-left:6px}
.addr-grid{display:grid;grid-template-columns:2fr .8fr 1fr;gap:10px}
@media(max-width:520px){.addr-grid{grid-template-columns:1fr 1fr}.addr-grid input:first-child{grid-column:1/-1}}

/* =====================================================================
   v11 — CONDITION POP-UP + condition chips on the list
   ===================================================================== */
.cond-card{width:min(460px,100%);text-align:left;padding:22px 22px 18px;max-height:calc(100vh - 40px);overflow-y:auto}
.cm-head{display:flex;gap:14px;align-items:center;margin-bottom:16px}
.cm-art{width:64px;height:84px;flex:none;border-radius:10px;background:var(--surface-3);display:grid;place-items:center;overflow:hidden}
.cm-art img{width:100%;height:100%;object-fit:contain}
.cm-art .i{width:34px;height:34px;color:var(--text-3);--ib:var(--surface-3)}
.cm-title{min-width:0}.cm-step{display:block;color:var(--orange);margin-bottom:2px}
.cm-title h3{margin:0;font-size:19px;line-height:1.2}
.cm-sub{font-size:13px;color:var(--text-2);margin-top:3px}
.cm-sec{padding:12px 0;border-top:1px solid var(--hair)}
.cm-lbl{font-size:13px;font-weight:600;color:var(--text-2);margin-bottom:10px}
.cm-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cm-chip{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border-radius:14px;border:1px solid var(--hair-2);background:transparent;color:var(--text);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;--ib:var(--surface-2)}
.cm-chip .cm-ico{width:28px;height:28px;color:var(--text-3);stroke-width:2.2}
.cm-chip.on{border-color:var(--orange);background:rgba(247,148,50,.10);box-shadow:0 0 0 1px var(--orange) inset}
.cm-chip.on .cm-ico{color:var(--orange)}
.cm-chip:disabled{opacity:.4;cursor:default}
.cm-toggle{display:flex;align-items:center;gap:10px;margin-top:12px;background:none;border:0;color:var(--text);font:inherit;font-size:14px;font-weight:500;cursor:pointer;padding:4px 0}
.cm-sw{width:38px;height:22px;border-radius:22px;background:var(--surface-3);position:relative;transition:background .2s;flex:none;box-shadow:inset 0 0 0 1px var(--hair-2)}
.cm-sw::after{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .25s var(--spring);box-shadow:0 1px 3px rgba(0,0,0,.3)}
.cm-toggle.on .cm-sw{background:var(--orange)}
.cm-toggle.on .cm-sw::after{transform:translateX(16px)}
.cm-seg{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.cm-seg-wrap{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}
.cm-seg button{padding:9px 6px;border-radius:10px;border:1px solid var(--hair-2);background:transparent;color:var(--text-2);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}
.cm-seg button.on{background:var(--text);color:var(--bg);border-color:var(--text)}
.cm-gradesec.dim{opacity:.4;pointer-events:none}
.cm-graded{display:flex;gap:8px;margin-top:10px}
.cm-graded select,.cm-graded input{flex:1;min-width:0;background:var(--bg);border:1px solid var(--hair-2);border-radius:10px;padding:9px 10px;color:var(--text);font:inherit;font-size:15px}
.cm-qtyrow{display:flex;align-items:center;justify-content:space-between}
.cm-qtyrow .cm-lbl{margin:0}
.cm-result{display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding:12px 14px;margin:6px 0 4px;border-radius:12px;background:var(--surface-3);font-size:13px;color:var(--text-2)}
.cm-result b{color:var(--text);font-size:14px;text-align:right}
.cm-all{margin:10px 0 2px}
.cond-card .confirm-actions{margin-top:14px}
.cond-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:980px;border:1px solid var(--hair-2);background:transparent;color:var(--text);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;max-width:100%;transition:background .2s,border-color .2s}
.cond-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cond-chip:hover{border-color:var(--orange);background:rgba(247,148,50,.08)}
.cond-chip .cc-ico{width:14px;height:14px;color:var(--orange);stroke-width:2.6;--ib:transparent}
[data-theme="light"] .cm-graded select,[data-theme="light"] .cm-graded input{background:#F5F5F7}
.done-sentto{margin:-6px 0 18px;font-size:14px;color:var(--text-2);text-align:center}