@font-face{font-family:"Sensi Tape";src:url(/assets/fonts/SensiTape-Regular.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Sofia Sans Condensed";src:url(/assets/fonts/SofiaSansCondensed-var.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Spline Sans Mono";src:url(/assets/fonts/SplineSansMono-var.woff2) format("woff2");font-weight:300 700;font-display:swap}
:root{
  --k:#000;--ink:#111122;--board:#222244;--slate:#334466;--grey:#667788;--chalk-dim:#aabbbb;--chalk:#dddddd;--white:#fff;
  --p0:#003311;--p1:#115522;--p2:#226633;--p3:#337733;--grass:#66bb55;
  --g0:#442200;--g1:#885500;--g2:#cc8800;--g3:#ffbb11;--g4:#ffee66;--g5:#ffffcc;--amber:#ffaa00;--red:#ee2222;
  --u:4px; /* one art pixel of the UI plates */
  --px:"Sensi Tape",ui-monospace,monospace;--sans:"Sofia Sans Condensed","Arial Narrow",sans-serif;--mono:"Spline Sans Mono",ui-monospace,monospace;
  --hdr:64px;--wrap:1240px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hdr) + 12px)}
body{min-height:100vh;background:repeating-linear-gradient(90deg,var(--p2) 0 64px,var(--p3) 64px 128px);background-color:var(--p2);color:var(--chalk);font:500 18px/1.4 var(--sans);overflow-x:hidden}
img,canvas{display:block}
a{color:inherit}
a,button,[role=button],[onclick],summary,label,.ca,.chips,.seg,.sheets{cursor:pointer}
button{font:inherit;color:inherit;background:none;border:0}
:focus-visible{outline:var(--u) dashed var(--g5);outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.night{position:fixed;inset:0;background:var(--p0);opacity:0;pointer-events:none;z-index:0}
main,.foot{position:relative;z-index:1}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 24px}

/* ---------- plates and buttons (Amiga Workbench bevels) ---------- */
.plate{background:var(--board);border:var(--u) solid var(--k);box-shadow:inset var(--u) var(--u) 0 var(--slate),inset calc(-1*var(--u)) calc(-1*var(--u)) 0 var(--ink)}
.lab{font:400 16px/1 var(--px);color:var(--chalk);letter-spacing:0;text-transform:uppercase}
.pl{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;font:400 16px/1 var(--px);text-decoration:none;text-transform:uppercase;
  border:var(--u) solid var(--k);user-select:none;white-space:nowrap;transition:none}
.pl>span{display:inline-flex;align-items:center;gap:8px;transform:translateY(0)}
.pl-big{min-height:56px;font-size:24px;padding:0 24px}
.pl-gold{background:var(--g3);color:var(--ink);box-shadow:inset var(--u) var(--u) 0 var(--g5),inset calc(-1*var(--u)) calc(-1*var(--u)) 0 var(--g1)}
.pl-gold:hover{background:var(--g4)}
.pl-board{background:var(--board);color:var(--chalk);box-shadow:inset var(--u) var(--u) 0 var(--slate),inset calc(-1*var(--u)) calc(-1*var(--u)) 0 var(--ink)}
.pl-board:hover{background:var(--slate)}
.pl-chalk{background:var(--chalk);color:var(--ink);box-shadow:inset var(--u) var(--u) 0 var(--white),inset calc(-1*var(--u)) calc(-1*var(--u)) 0 var(--grey)}
.pl-chalk:hover{background:var(--white)}
.pl:active{box-shadow:inset var(--u) var(--u) 0 var(--ink),inset calc(-1*var(--u)) calc(-1*var(--u)) 0 var(--slate)}
.pl-gold:active{box-shadow:inset var(--u) var(--u) 0 var(--g1),inset calc(-1*var(--u)) calc(-1*var(--u)) 0 var(--g5)}
.pl-chalk:active{box-shadow:inset var(--u) var(--u) 0 var(--grey),inset calc(-1*var(--u)) calc(-1*var(--u)) 0 var(--white)}
.pl:active>span{transform:translateY(var(--u))}
.pl[disabled],.pl.off{background:var(--slate);color:var(--grey);box-shadow:none;cursor:default}
.pl-x{min-width:48px;padding:0 14px}
.pl-x b{font-weight:400}
.pl-x .xh{margin-left:10px}
.pl-sm{min-height:40px;font-size:16px;padding:0 12px}

/* ---------- header ---------- */
.top{position:fixed;top:0;left:0;right:0;height:var(--hdr);z-index:20;display:flex;align-items:center;gap:24px;padding:0 24px;
  background:var(--board);border-bottom:var(--u) solid var(--k);box-shadow:inset 0 calc(-1*var(--u)) 0 var(--ink)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{width:32px;height:32px;image-rendering:pixelated}
.brand-t{font:400 24px/1 var(--px);color:var(--g3);white-space:nowrap}
.nav{display:flex;gap:4px;margin-left:auto}
.nav a{font:400 16px/1 var(--px);text-decoration:none;padding:12px 12px;color:var(--chalk)}
.nav a:hover{color:var(--g4)}
.top .pl-x{min-height:40px}

/* ---------- copper titles ---------- */
.title,.h2{font-family:var(--px);font-weight:400;line-height:1;letter-spacing:0;color:var(--g3)}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .title,.h2{background:linear-gradient(180deg,var(--g5) 0 14.3%,var(--g4) 14.3% 28.6%,var(--g3) 28.6% 57.1%,var(--g2) 57.1% 85.7%,var(--g1) 85.7% 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent}
}
.title{font-size:128px;filter:drop-shadow(8px 0 0 #000) drop-shadow(-8px 0 0 #000) drop-shadow(0 8px 0 #000) drop-shadow(0 -8px 0 #000) drop-shadow(8px 8px 0 var(--p0))}
.title span{display:inline-block}
.h2{font-size:64px;filter:drop-shadow(4px 0 0 #000) drop-shadow(-4px 0 0 #000) drop-shadow(0 4px 0 #000) drop-shadow(0 -4px 0 #000) drop-shadow(4px 4px 0 var(--p0))}

/* ---------- 1 KICK-OFF ---------- */
.kick{position:relative;height:100vh;height:100svh;min-height:640px;overflow:hidden;background:var(--p2)}
.kick{cursor:url(/assets/px/cursor-ball.png) 12 12,auto}
.pitch{position:absolute;left:0;top:0;image-rendering:pixelated;image-rendering:crisp-edges}
.labels,.rp-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.blab{position:absolute;left:0;top:0;font:400 16px/1 var(--px);color:var(--g3);background:var(--board);border:var(--u) solid var(--k);padding:6px 8px 4px;white-space:nowrap;will-change:transform}
.blab.buy{font:600 13px/1 var(--mono);color:var(--chalk);padding:5px 6px 4px;border-width:2px}
.blab.buy em{font-style:normal;color:var(--g4)}
.sb{position:absolute;left:24px;top:calc(var(--hdr) + 20px);display:flex;gap:4px;padding:12px 84px 12px 16px;z-index:3}
.sb-cell{display:flex;flex-direction:column;gap:8px;padding:0 12px 0 0;min-width:72px}
.sb-cell+.sb-cell{padding-left:12px;border-left:2px solid var(--ink)}
.led{display:flex;gap:3px;height:34px;align-items:stretch}
.led svg{width:19px;height:34px}
.led .on{stroke:var(--amber)}.led .of{stroke:#1a1a36}
.sb-tag{position:absolute;right:12px;top:12px;font:400 16px/1 var(--px);color:var(--ink);background:var(--amber);border:var(--u) solid var(--k);padding:4px 8px 2px}
.sb-tag.live{background:var(--g3)}
.sb-src{position:absolute;left:24px;top:calc(var(--hdr) + 128px);font:500 13px/1.2 var(--mono);color:var(--chalk);background:rgba(17,17,34,.0);z-index:3}
.sb-src span{background:var(--ink);padding:3px 6px}
.kick-c{position:absolute;left:0;right:0;top:50%;transform:translateY(-46%);display:flex;flex-direction:column;align-items:center;gap:22px;padding:0 16px;text-align:center;z-index:2;pointer-events:none}
.kick-c>*{pointer-events:auto}
.third{font:800 22px/1.25 var(--sans);color:var(--white);background:var(--board);border:var(--u) solid var(--k);box-shadow:inset var(--u) var(--u) 0 var(--slate),inset calc(-1*var(--u)) calc(-1*var(--u)) 0 var(--ink);padding:10px 18px;max-width:760px}
.row-b{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.ca{display:inline-flex;align-items:center;gap:12px;max-width:100%;background:var(--ink);border:var(--u) solid var(--k);box-shadow:inset var(--u) var(--u) 0 var(--board);padding:8px 12px;font:500 15px/1.3 var(--mono)}
.ca-k{font:400 16px/1 var(--px);color:var(--chalk-dim)}
.ca-v{font:500 15px/1.3 var(--mono);color:var(--chalk);word-break:break-all;text-align:left}
.ca-c{font:400 16px/1 var(--px);color:var(--g3);min-width:64px}
.ca:hover .ca-c{color:var(--g4)}
.ca.ok .ca-c{color:var(--ink);background:var(--g3);padding:3px 4px 1px}
.ca-slot{display:inline-flex;align-items:center;gap:12px;max-width:100%;background:var(--ink);border:var(--u) solid var(--k);box-shadow:inset var(--u) var(--u) 0 var(--board);padding:8px 12px}
.ca-slot .ca-v{color:var(--chalk-dim)}
.ticker{position:absolute;left:0;right:0;bottom:0;height:56px;display:flex;align-items:center;border-left:0;border-right:0;border-bottom:0;z-index:3}
.ticker-k{flex:none;font:400 16px/1 var(--px);color:var(--ink);background:var(--g3);height:100%;display:flex;align-items:center;padding:0 14px;border-right:var(--u) solid var(--k)}
.ticker-k.demo{background:var(--amber)}
.ticker-w{flex:1;overflow:hidden;height:100%;touch-action:pan-y;cursor:grab}
.ticker-w:active{cursor:grabbing}
.ticker-in{display:flex;width:max-content;height:100%;align-items:center;will-change:transform;white-space:nowrap}
.tk{flex:none;display:inline-flex;align-items:center;gap:8px;padding:0 22px;font:500 15px/1 var(--mono);color:var(--chalk)}
.tk img,.kit{width:14px;height:20px;image-rendering:pixelated;flex:none}
.tk b{font-weight:700;color:var(--g4)}.tk .s{color:var(--g3);font-weight:700}.tk .sell{color:var(--chalk-dim)}
.tk-empty{padding:0 22px;font:500 15px/1 var(--mono);color:var(--chalk-dim)}

/* ---------- sections ---------- */
.sec{position:relative;padding:120px 0}
.sec-h{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}
.sec-l{max-width:620px;font:500 19px/1.4 var(--sans);color:var(--white)}
.sec-l,.ft-l,.ft-n{text-wrap:pretty}

/* ---------- 2 THE TAPE ---------- */
.gate{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:16px 20px;margin-bottom:16px}
.gate-t{font:500 17px/1.35 var(--sans);color:var(--chalk);max-width:760px}
.gate-t b{color:var(--g3);font-weight:800}
.gate-a{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.gate-n{flex-basis:100%;font:500 14px/1.35 var(--mono);color:var(--g4)}
.gate-n[hidden]{display:none}
.gate-m{font:500 14px/1.3 var(--mono);color:var(--chalk-dim)}
.filters{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;padding:12px 16px;margin-bottom:16px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 10px 0 8px;background:var(--ink);border:2px solid var(--k);font:600 14px/1 var(--mono);color:var(--chalk);position:relative}
.chip:hover{background:var(--slate)}
.chip[aria-pressed=true]{background:var(--slate);box-shadow:inset 0 -4px 0 var(--g3)}
.chip .kit{width:14px;height:20px}
.fl-r{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.seg{display:flex;align-items:center;gap:0}
.seg-k{font:400 16px/1 var(--px);margin-right:10px;color:var(--chalk-dim)}
.seg button{height:40px;min-width:46px;padding:0 10px;font:600 14px/1 var(--mono);background:var(--ink);border:2px solid var(--k);margin-left:-2px}
.seg button:hover{background:var(--slate)}
.seg button[aria-pressed=true]{background:var(--g3);color:var(--ink)}
.tog{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 12px;font:400 16px/1 var(--px);background:var(--ink);border:2px solid var(--k)}
.tog-b{width:28px;height:16px;background:var(--slate);border:2px solid var(--k);position:relative}
.tog-b::after{content:"";position:absolute;left:0;top:0;width:12px;height:12px;background:var(--chalk-dim)}
.tog[aria-pressed=true] .tog-b{background:var(--g2)}
.tog[aria-pressed=true] .tog-b::after{left:12px;background:var(--g5)}
.tape-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px;align-items:start}
.col{padding:16px 16px 12px;min-width:0}
.col-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:4px 4px 14px;border-bottom:2px solid var(--ink);margin-bottom:8px}
.col-n{font:500 13px/1.2 var(--mono);color:var(--chalk-dim);text-align:right}
.conv-l{display:flex;flex-direction:column;gap:10px;max-height:760px;overflow:auto;overscroll-behavior:contain;scrollbar-color:var(--slate) var(--ink)}
.cv{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:10px;background:var(--ink);border:2px solid var(--k);position:relative}
.cv canvas{width:120px;height:80px;image-rendering:pixelated;border:2px solid var(--k)}
.cv-lv{font:400 16px/1 var(--px);color:var(--ink);background:var(--g3);padding:3px 6px 1px;align-self:flex-start;display:inline-block}
.cv-lv.pass{background:var(--chalk-dim)}.cv-lv.derby{background:var(--amber)}
.cv-t{font:800 18px/1.2 var(--sans);color:var(--white);margin:6px 0 4px}
.cv-t a{color:var(--g4);text-decoration:none}.cv-t a:hover{text-decoration:underline}
.cv-m{font:500 13px/1.45 var(--mono);color:var(--chalk-dim);font-variant-numeric:tabular-nums}
.cv-m b{color:var(--g3);font-weight:700}
.cv-a{display:flex;gap:12px;margin-top:6px;font:600 13px/1 var(--mono)}
.cv-a a{color:var(--chalk);text-decoration:none;padding:6px 0}
.cv-a a:hover{color:var(--g4)}
.buys-hd,.br{display:grid;grid-template-columns:18px 66px minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr) 66px 70px;gap:10px;align-items:center}
.buys-hd{font:400 16px/1 var(--px);color:var(--chalk-dim);padding:4px 8px 10px}
.buys-hd span{font-size:16px}
.r{text-align:right}
.buys-l{display:flex;flex-direction:column;max-height:760px;overflow:auto;overscroll-behavior:contain;scrollbar-color:var(--slate) var(--ink)}
.br{padding:8px;font:500 14px/1.25 var(--mono);font-variant-numeric:tabular-nums;border-bottom:2px solid var(--ink);color:var(--chalk);min-height:44px}
.br:nth-child(odd){background:rgba(17,17,34,.55)}
.br .t{color:var(--chalk-dim)}
.br .sq{font:700 15px/1.2 var(--sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.br .sq i{font:600 13px var(--mono);font-style:normal;color:var(--chalk-dim);margin-right:6px}
.br .mb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--chalk-dim)}
.br .mb b{color:var(--chalk);font-weight:600}
.br .cn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.br .cn a{color:var(--g4);text-decoration:none;font-weight:700;min-width:32px}.br .cn a:hover{text-decoration:underline}
.br .so{text-align:right;font-weight:700;color:var(--white)}
.br .sd{font:400 16px/1 var(--px);margin-right:4px;color:var(--g3)}
.br.sell .sd{color:var(--chalk-dim)}.br.sell .so{color:var(--chalk-dim);font-weight:500}
.br .lk{display:flex;gap:8px;justify-content:flex-end}
.br .lk a{font:600 12px/1 var(--mono);color:var(--chalk-dim);text-decoration:none;padding:8px 0}
.br .lk a:hover{color:var(--g4)}
.br.cv-hit{box-shadow:inset 4px 0 0 var(--g3)}
.br.new{animation:drop .32s steps(4) both}
.br.new .so{animation:flash 1s steps(2) both}
@keyframes drop{from{transform:translateY(-24px);opacity:.25}to{transform:none;opacity:1}}
@keyframes flash{0%,60%{background:var(--g3);color:var(--ink)}100%{background:transparent}}
.empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 16px;text-align:center;color:var(--chalk-dim);font:500 16px/1.4 var(--sans)}
.empty canvas{width:168px;height:72px;image-rendering:pixelated}
.demo-k{font:400 16px/1 var(--px);color:var(--ink);background:var(--amber);padding:3px 6px 1px}

/* ---------- 3 LINE-UPS ---------- */
.lineups{padding-bottom:80px}
.lu-pin{height:220vh}
.lu-stage{position:sticky;top:var(--hdr);min-height:calc(100vh - var(--hdr));display:flex;flex-direction:column;justify-content:center;padding-top:16px;padding-bottom:16px}
.lu-stage .sec-h{margin-bottom:16px;gap:10px}
.lu-strip{width:100%;height:auto;aspect-ratio:400/44;image-rendering:pixelated;border:var(--u) solid var(--k);margin-bottom:16px;background:var(--p1)}
.sheets{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.sh{position:relative;padding:14px 14px 12px;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto auto;gap:4px 12px;transition:transform .18s steps(3),opacity .18s steps(3)}
.sh.out{opacity:.3;transform:translateY(8px)}
.sh canvas{grid-row:1/3;width:28px;height:40px;image-rendering:pixelated}
.sh-r{font:700 15px/1 var(--mono);color:var(--g3)}
.sh-n{font:800 19px/1.1 var(--sans);color:var(--white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sh-d{grid-column:1/3;display:grid;grid-template-columns:auto 1fr;gap:2px 10px;font:500 13px/1.35 var(--mono);font-variant-numeric:tabular-nums;color:var(--chalk-dim);margin-top:6px}
.sh-d dd{text-align:right;color:var(--chalk)}
.sh-f{grid-column:1/3;margin-top:6px}
.sh-f .pl-sm{min-height:34px}
.sh-f .pl{width:100%}
.sh-f .pl[aria-pressed=true]{background:var(--g3);color:var(--ink)}
.race{padding:16px 20px 20px;margin-top:24px}
.race-b{position:relative}
.rc{position:absolute;left:0;right:0;top:0;height:40px;display:grid;grid-template-columns:28px 18px minmax(0,150px) minmax(0,1fr);gap:10px;align-items:center;will-change:transform}
.rc .n{font:700 14px var(--mono);color:var(--chalk-dim);text-align:right}
.rc .nm{font:800 17px/1 var(--sans);color:var(--white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rc .bw{position:relative;height:24px;margin-right:96px}
.rc .bar{height:100%;border:2px solid var(--k);width:0;transition:width .6s cubic-bezier(.22,1,.36,1)}
.rc .v{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:10px;white-space:nowrap;font:700 14px var(--mono);font-variant-numeric:tabular-nums;color:var(--chalk)}
.rc .ch{font:400 16px var(--px);color:var(--g3);margin-left:8px}

/* ---------- 4 REPLAY ---------- */
.rp-pin{height:300vh}
.rp-stage{position:sticky;top:var(--hdr);min-height:calc(100vh - var(--hdr));display:flex;flex-direction:column;justify-content:center;padding-top:24px;padding-bottom:24px}
.rp-stage .sec-h{margin-bottom:20px}
.rp-tv{position:relative;padding:0;overflow:hidden;aspect-ratio:16/8;max-height:calc(100vh - var(--hdr) - 300px);min-height:260px;width:100%}
.rp-c{position:absolute;inset:var(--u);width:calc(100% - 2*var(--u));height:calc(100% - 2*var(--u));image-rendering:pixelated}
.rp-tag{position:absolute;right:20px;top:16px;font:400 24px/1 var(--px);color:var(--ink);background:var(--g3);border:var(--u) solid var(--k);padding:6px 10px 3px}
.rp-sb{position:absolute;left:20px;top:16px;display:flex;align-items:center;gap:0;background:var(--board);border:var(--u) solid var(--k)}
.rp-clock{font:700 24px/1 var(--mono);color:var(--amber);padding:8px 12px;background:var(--ink);font-variant-numeric:tabular-nums}
.rp-what{font:800 18px/1.1 var(--sans);color:var(--white);padding:8px 14px;max-width:min(560px,60vw)}
.rp-what:empty{display:none}
.rp-what.call{background:var(--g3);color:var(--ink)}
.wipe{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,var(--board) 0 40px,var(--ink) 40px 80px);transform:translateX(-101%)}
.wipe.go{animation:wipe .7s steps(7) both}
@keyframes wipe{0%{transform:translateX(-101%)}45%,55%{transform:translateX(0)}100%{transform:translateX(101%)}}
.rp-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.rp-steps li{display:flex;flex-direction:column;gap:6px;padding:12px 14px;background:var(--ink);border:2px solid var(--k);opacity:.45;transition:opacity .15s steps(2)}
.rp-steps li.on{opacity:1;box-shadow:inset 0 -4px 0 var(--g3)}
.rp-steps b{font:400 16px/1 var(--px);color:var(--g3);font-weight:400}
.rp-steps span{font:500 16px/1.35 var(--sans);color:var(--chalk)}

/* ---------- film slot ---------- */
.film{padding:40px 0}
.film-plate{max-width:var(--wrap);margin:0 auto;padding:16px}
.film-box{position:relative;margin-top:12px;aspect-ratio:16/9;background:var(--ink)}
.film-box img,.film-box video{width:100%;height:100%;object-fit:cover}
.film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}

/* ---------- 5 FULL TIME ---------- */
.ft{padding:140px 0 120px;overflow:hidden;min-height:760px}
.ft-c{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}
.ft-in{position:relative;display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}
.ft-l{font:800 24px/1.25 var(--sans);color:var(--white);max-width:640px;background:var(--board);border:var(--u) solid var(--k);padding:10px 18px}
.ft-n{font:500 15px/1.4 var(--mono);color:var(--chalk);background:var(--ink);padding:6px 10px}

/* ---------- footer ---------- */
.foot{background:var(--board);border-top:var(--u) solid var(--k);box-shadow:inset 0 var(--u) 0 var(--slate)}
.foot-in{max-width:var(--wrap);margin:0 auto;padding:28px 24px 36px;display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between}
.foot-l{font:500 14px/1.4 var(--mono);color:var(--chalk-dim);max-width:560px}
.foot-n{display:flex;gap:4px 18px;flex-wrap:wrap}
.foot-n a{font:400 16px/1 var(--px);text-decoration:none;color:var(--chalk);padding:12px 0}
.foot-n a:hover{color:var(--g4)}

/* ---------- docs / coin / 404 ---------- */
.page{padding:calc(var(--hdr) + 64px) 0 96px}
.doc{display:flex;flex-direction:column;gap:20px}
.doc .plate{padding:24px 28px}
.doc h3{font:400 24px/1 var(--px);color:var(--g3);margin-bottom:14px}
.doc p,.doc li{font:500 18px/1.5 var(--sans);color:var(--chalk);max-width:760px}
.doc ul{padding-left:20px;display:flex;flex-direction:column;gap:6px}
.doc code,.mono{font:500 15px/1.4 var(--mono)}
.kv{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:0;font:500 15px/1.4 var(--mono);font-variant-numeric:tabular-nums}
.kv dt,.kv dd{padding:8px 10px;border-bottom:2px solid var(--ink)}
.kv dt{color:var(--chalk-dim)}.kv dd{color:var(--white)}
.coin-h{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}
.coin-m{font:500 14px/1.4 var(--mono);color:var(--chalk-dim);word-break:break-all}
.ctab{width:100%;border-collapse:collapse;font:500 15px/1.3 var(--mono);font-variant-numeric:tabular-nums}
.ctab th{font:400 16px/1 var(--px);color:var(--chalk-dim);text-align:left;padding:10px 8px;border-bottom:2px solid var(--ink);font-weight:400}
.ctab td{padding:10px 8px;border-bottom:2px solid var(--ink)}
.ctab td.r,.ctab th.r{text-align:right}
.nf-main{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:calc(var(--hdr) + 24px) 16px 48px;position:relative}
.nf-c{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}
.nf-in{position:relative;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}
.nf-in .h2{font-size:96px}
.nf-l{font:800 24px/1.25 var(--sans);color:var(--white);background:var(--board);border:var(--u) solid var(--k);padding:10px 18px}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .title{font-size:96px}
  .sheets{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
  .sh{padding:10px}
  .buys-hd,.br{grid-template-columns:18px 56px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 70px 54px}
}
@media (max-width:900px){
  .tape-g{grid-template-columns:1fr}
  .conv-l{max-height:520px}
  .lu-pin{height:auto}.lu-stage{position:relative;top:0;min-height:0}
  .sheets{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nav{display:none}.top .pl-x{margin-left:auto}
}
@media (max-width:720px){
  :root{--hdr:56px;--u:3px}
  .top{padding:0 12px;gap:12px}
  .brand-t{font-size:16px}
  .wrap{padding:0 16px}
  .title{font-size:64px;display:flex;flex-direction:column;align-items:center;gap:8px}
  .kick{min-height:640px}
  .kick-c{gap:16px;transform:translateY(-42%)}
  .third{font-size:17px;padding:8px 12px}
  .pl{min-height:44px;padding:0 14px}
  .pl-big{font-size:16px;min-height:48px}
  .row-b{gap:8px}
  .ca{font-size:12px;gap:8px;padding:6px 8px}.ca-v{font-size:12px}.ca-c{min-width:0}
  .sb{left:12px;top:calc(var(--hdr) + 12px);padding:8px 10px}
  .sb-cell{min-width:0;padding-right:8px;gap:6px}.sb-cell+.sb-cell{padding-left:8px}
  .sb .lab{font-size:16px}
  .led svg{width:13px;height:24px}.led{height:24px;gap:2px}
  .sb-tag{top:8px;right:8px;font-size:16px}
  .sb{padding-right:72px}
  .sb-src{left:12px;top:calc(var(--hdr) + 92px);font-size:12px}
  .ticker{height:48px}
  .tk{font-size:13px;padding:0 14px}
  .sec{padding:80px 0}
  .h2{font-size:48px}
  .sec-l{font-size:17px}
  .filters{padding:10px}
  .chip{height:36px;padding:0 8px 0 6px;font-size:13px}
  .col{padding:10px 8px}
  .cv{grid-template-columns:96px minmax(0,1fr);gap:10px;padding:8px}
  .cv canvas{width:96px;height:64px}
  .buys-hd{display:none}
  .br{grid-template-columns:18px minmax(0,1fr) auto;grid-template-areas:"k sq so" "k cn lk" "k mb t";gap:2px 10px;padding:10px 6px}
  .br .kit{grid-area:k;align-self:start;margin-top:2px}.br .t{grid-area:t;text-align:right;font-size:12px}.br .sq{grid-area:sq}.br .mb{grid-area:mb;font-size:12px}
  .br .cn{grid-area:cn}.br .so{grid-area:so}.br .lk{grid-area:lk}
  .rp-pin{height:240vh}
  .rp-tv{aspect-ratio:4/5;max-height:calc(100svh - var(--hdr) - 250px);min-height:300px}
  .rp-steps{grid-template-columns:1fr;gap:6px;margin-top:10px}
  .rp-steps li{padding:8px 10px}
  .rp-tag{font-size:16px;right:10px;top:10px}
  .rp-sb{left:10px;top:10px;max-width:calc(100% - 120px);flex-wrap:wrap}.rp-clock{font-size:18px;padding:6px 8px}.rp-what{font-size:15px;padding:6px 8px}
  .ft{padding:96px 0 80px;min-height:640px}
  .ft-l{font-size:19px}
  .kv{grid-template-columns:1fr}.kv dt{border-bottom:0;padding-bottom:0}
  .nf-in .h2{font-size:64px}
  .rc{grid-template-columns:22px 16px minmax(0,96px) minmax(0,1fr);gap:6px}.rc .bw{margin-right:76px}.rc .nm{font-size:15px}
}
@media (max-width:360px){
  .brand-t{display:none}
  .title{font-size:48px}
  .third{font-size:16px}
  .sb-cell .lab{font-size:16px}
}
@media (max-height:760px) and (min-width:721px){
  .title{font-size:96px}
  .kick-c{gap:16px}
}
.br a,.cv-a a,.cv-t a{display:inline-flex;align-items:center;min-height:32px}
.br .lk a{padding:0 2px}
.rp-what{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-steps li{grid-row:auto}
@media (max-width:720px){
  .rp-steps{display:grid;grid-template-columns:1fr}
  .rp-steps li,.rp-steps li.on{display:flex;grid-area:1/1;opacity:0}
  .rp-steps li.on{opacity:1}
  .ca-slot{font-size:12px;gap:8px;padding:6px 8px}
}
.br .lk a{min-width:36px;justify-content:center}
.cn a{min-height:32px}
@media (max-width:720px){
  .br{grid-auto-rows:minmax(32px,auto);gap:0 10px;padding:4px 6px}
  .br>*{align-self:center}
  .br .kit{align-self:start;margin-top:8px}
}
.br,.cv{flex:none}
.foot-n a{min-width:32px;text-align:center}
.cv-t a{min-width:32px}

/* stacked lists (tape.js stack): rows sit at translate offsets, so a new row never shifts the layout */
.stk{position:relative}
.stk>*{position:absolute;left:0;right:0;top:0}
.conv-l.stk,.buys-l.stk{display:block}
.cv-a{flex-wrap:wrap;column-gap:12px;row-gap:0}
/* phones: the copy sits in the band between the scoreboard stack and the ticker, never under the scoreboard */
@media (max-width:720px){
  .kick-c{top:calc(var(--hdr) + 136px);bottom:48px;transform:none;justify-content:center}
}
@media (max-width:360px){
  .kick{min-height:660px}
  .kick-c{gap:12px;top:calc(var(--hdr) + 128px)}
  .title{font-size:44px;gap:6px}
  .sb-src{top:calc(var(--hdr) + 90px)}
}
@media (max-width:420px){.top .pl-x .xh{display:none}}
.pl-soon{pointer-events:none;opacity:.85}