:root {
  --ink:#fff4cf;--muted:#98a6ae;--page:#080c18;--panel:#111a2b;--panel-2:#17243a;--panel-3:#21314a;
  --line:#34445e;--line-bright:#566986;--lime:#b8f43d;--cyan:#59e1e6;--purple:#8d64ff;
  --pink:#ff5f87;--yellow:#ffcc4a;--danger:#ff6b71;--black:#04060c;
  --pixel-font:"Courier New","Lucida Console",monospace;--body-font:Verdana,Geneva,sans-serif;
  --hard-shadow:7px 7px 0 var(--black);font-family:var(--body-font);
}
body { color:var(--ink);background-color:var(--page);font-family:var(--body-font); }
body::before {
  background:
    linear-gradient(90deg,transparent 31px,rgba(89,225,230,.035) 32px),
    linear-gradient(transparent 31px,rgba(89,225,230,.035) 32px),
    radial-gradient(circle at 18% 12%,rgba(141,100,255,.16) 0 2px,transparent 3px),
    radial-gradient(circle at 84% 24%,rgba(255,95,135,.13) 0 2px,transparent 3px);
  background-size:32px 32px,32px 32px,96px 96px,128px 128px;
}
body::after { content:"";position:fixed;inset:0;z-index:30;pointer-events:none;opacity:.22;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(1,3,8,.36) 4px);mix-blend-mode:multiply; }
::selection { color:var(--black);background:var(--lime); }

.site-header { position:relative;z-index:5;height:76px;max-width:1280px;padding:0 30px;border-bottom:2px solid var(--line);background:rgba(8,12,24,.9); }
.site-header::before,.site-header::after { content:"";position:absolute;bottom:-2px;width:56px;height:2px;background:var(--lime);box-shadow:64px 0 var(--pink),128px 0 var(--cyan); }
.site-header::before { left:30px; }
.site-header::after { right:30px;transform:scaleX(-1); }
.brand { gap:13px; }
.brand > span:last-child { gap:4px; }
.brand strong { font:900 .98rem/1 var(--pixel-font);letter-spacing:.08em;text-shadow:2px 2px 0 #382678; }
.brand small { color:var(--cyan);font:700 .59rem/1 var(--pixel-font);letter-spacing:.08em;text-transform:uppercase; }
.brand-mark { width:42px;height:42px;padding:5px;gap:3px;border:2px solid var(--ink);border-radius:0;background:var(--black);box-shadow:4px 4px 0 #3a285f;image-rendering:pixelated; }
.brand-mark i { border-radius:0;background:var(--lime);box-shadow:inset -3px -3px rgba(0,0,0,.25); }
.brand-mark i:nth-child(2) { background:var(--pink);box-shadow:inset -3px -3px rgba(0,0,0,.25);transform:translateY(5px); }
.brand-mark i:nth-child(3) { background:var(--cyan);box-shadow:inset -3px -3px rgba(0,0,0,.25); }
.header-actions { gap:10px; }
.auth-name { padding-left:14px;border-left:2px solid var(--line);color:var(--cyan);font:700 .69rem var(--pixel-font);text-transform:uppercase; }

.button { min-height:44px;border:2px solid var(--line-bright);border-radius:0;padding:0 17px;color:var(--ink);background:var(--panel-2);box-shadow:4px 4px 0 var(--black),inset -2px -2px rgba(0,0,0,.2);font:900 .69rem/1 var(--pixel-font);letter-spacing:.04em;text-transform:uppercase;transition:color .08s,background .08s,transform .08s,box-shadow .08s; }
.button:hover { color:var(--black);background:var(--cyan);transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--black); }
.button:active { transform:translate(3px,3px);box-shadow:1px 1px 0 var(--black); }
.button-primary { border-color:#d9ff82;color:#11170a;background:var(--lime);box-shadow:4px 4px 0 var(--black),inset -2px -2px #789e25; }
.button-primary:hover { background:#d5ff79;box-shadow:6px 6px 0 var(--black); }
.button-secondary { color:var(--ink);background:var(--panel-2);border:2px solid var(--line-bright); }
.button-quiet { min-height:36px;border-color:var(--line);border-radius:0;color:var(--muted);background:var(--page);box-shadow:3px 3px 0 var(--black); }
.button:disabled,.button.disabled { opacity:.43;cursor:not-allowed;pointer-events:none;transform:none;box-shadow:2px 2px 0 var(--black); }
.text-button { padding:4px 2px;color:var(--cyan);font:900 .68rem var(--pixel-font);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-transform:uppercase; }
.text-button:hover { color:var(--lime); }

.landing-shell { width:min(1210px,calc(100% - 56px));max-width:none;min-height:calc(100vh - 152px);padding:74px 0 92px;grid-template-columns:minmax(0,1fr) minmax(440px,.9fr);gap:72px; }
.hero-copy { position:relative;padding:34px 0 34px 32px;border-left:7px solid var(--lime); }
.hero-copy::before,.hero-copy::after { content:"";position:absolute;left:-7px;width:20px;height:7px;background:var(--lime); }
.hero-copy::before { top:0; }.hero-copy::after { bottom:0; }
.eyebrow { margin-bottom:20px;gap:10px;color:var(--cyan);font:900 .69rem var(--pixel-font);letter-spacing:.08em;text-transform:uppercase; }
.eyebrow span { width:9px;height:9px;border-radius:0;background:var(--pink);box-shadow:3px 3px 0 #5c1e48;animation:pixel-blink 1.2s steps(2,end) infinite; }
@keyframes pixel-blink { 50% { opacity:.25; } }
.hero-copy h1,.dashboard-heading h1,.scores-hero h1 { font:900 clamp(3.2rem,5.5vw,5.7rem)/.91 var(--pixel-font);letter-spacing:-.09em;text-transform:uppercase;text-shadow:5px 5px 0 #39266b,8px 8px 0 var(--black); }
.hero-copy h1 em,.dashboard-heading h1 em,.scores-hero h1 em { color:var(--lime); }
.hero-lede { max-width:570px;margin:29px 0;color:#c2c8c6;font-size:.96rem;line-height:1.8; }
.hero-lede strong { padding:2px 5px;color:var(--black);background:var(--yellow);font-family:var(--pixel-font); }
.hero-actions { gap:13px; }
.trust-row { margin-top:31px;gap:10px;color:var(--muted);font:700 .63rem var(--pixel-font);text-transform:uppercase; }
.trust-row span { padding:7px 9px;border:1px solid var(--line);background:rgba(17,26,43,.72); }
.trust-row span::before { content:"[+]";margin-right:7px;color:var(--lime); }
.setup-notice { padding:13px 15px;border:2px solid #82652d;border-radius:0;color:#ffe39a;background:#251d10;box-shadow:4px 4px 0 var(--black);font:700 .69rem/1.55 var(--pixel-font); }

.hero-machine-wrap { min-height:570px;perspective:none; }
.glow-orbit { width:106%;height:82%;border:2px dashed #263750;border-radius:0;background:repeating-conic-gradient(from 90deg,rgba(89,225,230,.045) 0 25%,transparent 0 50%) 0 0/28px 28px;animation:grid-shift 2.6s steps(4,end) infinite; }
.glow-orbit::before,.glow-orbit::after { width:15px;height:15px;border-radius:0;background:var(--cyan);box-shadow:4px 4px 0 #194d61; }
.glow-orbit::before { top:-8px;left:38px; }.glow-orbit::after { right:54px;bottom:-8px;background:var(--pink);box-shadow:4px 4px 0 #661e43; }
@keyframes grid-shift { to { background-position:28px 28px; } }
.mini-machine { width:min(550px,94%);padding:14px;border:4px solid #536783;border-radius:0;color:var(--ink);background:#18243a;box-shadow:10px 10px 0 var(--black),14px 14px 0 #2c2053,inset -6px -6px #0d1423;transform:none;clip-path:polygon(14px 0,calc(100% - 14px) 0,calc(100% - 14px) 7px,100% 7px,100% calc(100% - 14px),calc(100% - 14px) calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,14px calc(100% - 7px),0 calc(100% - 7px),0 14px,14px 14px); }
.mini-top { height:66px;border:3px solid #fff0aa;border-radius:0;color:#18120a;background:var(--yellow);box-shadow:inset -5px -5px #c9812d,5px 5px 0 var(--black); }
.mini-top span { font:900 1.35rem var(--pixel-font);letter-spacing:.06em;text-shadow:2px 2px rgba(255,255,255,.45); }
.mini-top b { color:var(--pink);animation:pixel-blink .8s steps(2,end) infinite; }
.mini-screen { margin-top:16px;padding:15px;border:3px solid #3c4c68;border-radius:0;background:var(--black);box-shadow:inset 0 0 0 4px #090f1c; }
.mini-meta { padding:0 2px 11px;color:var(--muted);font:700 .66rem var(--pixel-font);letter-spacing:.06em; }
.mini-meta strong { color:var(--cyan); }
.mini-grid { gap:6px; }
.mini-cell { border:2px solid #34445e;border-radius:0;color:var(--ink);background:#10182a;box-shadow:inset -4px -4px #090e19;font:900 clamp(1.2rem,3vw,2.25rem) Georgia,serif;text-shadow:3px 3px 0 #44326f;transition:transform .08s,color .08s,background .08s; }
.mini-cell.pop { color:var(--lime);background:#1c2c2a;transform:translateY(3px); }
.mini-win { margin-top:10px;padding:10px;border:2px dashed #537329;border-radius:0;color:var(--lime);background:#111d18;font:900 .65rem var(--pixel-font);letter-spacing:.08em; }
.mini-base { height:31px;gap:13px; }
.mini-base i { width:7px;height:7px;border-radius:0;background:var(--pink);box-shadow:2px 2px 0 #591c3c; }
.mini-base i:nth-child(even) { background:var(--lime);box-shadow:2px 2px 0 #435d19; }
.floating-note { padding:9px 11px;border:2px solid var(--line-bright);border-radius:0;color:var(--ink);background:var(--panel-2);box-shadow:5px 5px 0 var(--black);font:900 .62rem var(--pixel-font);text-transform:uppercase;backdrop-filter:none; }
.floating-note::before { content:"> ";color:var(--pink); }
.note-one { left:-8px;top:21%;transform:rotate(-2deg); }.note-two { right:-8px;bottom:18%;transform:rotate(2deg); }

.dashboard { width:min(1240px,calc(100% - 48px));max-width:none;padding:65px 0 100px; }
.dashboard-heading { margin-bottom:50px;padding-bottom:30px;border-bottom:3px solid var(--line); }
.dashboard-heading h1 { font-size:clamp(2.6rem,4.6vw,4.4rem); }
.dashboard-heading > div:first-child > p:last-child { margin-top:22px;color:var(--muted);font-size:.85rem;line-height:1.7; }
.status-stack { min-width:260px;gap:12px; }
.status-pill { padding:9px 12px;border:2px solid var(--line);border-radius:0;color:var(--muted);background:var(--panel);box-shadow:4px 4px 0 var(--black);font:800 .65rem var(--pixel-font);text-transform:uppercase; }
.status-pill i { width:8px;height:8px;border-radius:0;background:#68707a;box-shadow:2px 2px #272d36; }
.status-pill.online i { background:var(--lime);box-shadow:0 0 0 2px #40531b;animation:pixel-blink 1.2s steps(2,end) infinite; }
.status-pill.error i { background:var(--danger);box-shadow:0 0 0 2px #5d2529; }
.switch-row { min-width:238px;padding:12px 14px;border:2px solid var(--line);border-radius:0;color:#bbc2c5;background:var(--panel);box-shadow:4px 4px 0 var(--black);font:700 .68rem var(--pixel-font);text-transform:uppercase; }
.switch-row > i { width:46px;height:24px;border:2px solid #657083;border-radius:0;background:#252c39; }
.switch-row > i::after { width:14px;height:14px;left:3px;top:3px;border-radius:0;background:#99a2ab;transition:transform .12s steps(2,end),background .12s; }
.switch-row input:checked + i { background:#263619;border-color:#91c62d; }
.switch-row input:checked + i::after { background:var(--lime);transform:translateX(22px); }

.dashboard-grid { grid-template-columns:1.35fr .8fr;gap:20px; }
.card,.control-panel,.scores-panel { position:relative;border:2px solid var(--line);border-radius:0;background:var(--panel);box-shadow:var(--hard-shadow); }
.card { padding:27px; }
.card::before,.control-panel::before,.scores-panel::before { content:"";position:absolute;top:-2px;left:-2px;width:72px;height:5px;background:var(--cyan);box-shadow:80px 0 var(--pink),160px 0 var(--lime); }
.card-kicker { margin-bottom:13px;color:var(--cyan);font:900 .63rem var(--pixel-font);letter-spacing:.08em;text-transform:uppercase; }
.card h2,.section-heading h2,.scores-toolbar h2 { font:900 1.45rem var(--pixel-font);letter-spacing:-.04em;text-transform:uppercase; }
.card > p { color:var(--muted);font-size:.8rem;line-height:1.65; }
.url-field { margin:23px 0 14px;padding:5px;border:2px solid var(--line);border-radius:0;background:var(--black);box-shadow:inset 3px 3px #020308; }
.url-field input { color:var(--cyan);font:.69rem var(--pixel-font); }
.icon-button { border:2px solid #dbff8d;border-radius:0;color:#11170a;background:var(--lime);box-shadow:inset -3px -3px #7ca522;font:900 .64rem var(--pixel-font);text-transform:uppercase; }
.button-row { gap:10px; }.button-row .button { min-height:40px;font-size:.64rem; }
.source-health { margin:23px -27px -27px;padding:14px 27px;border-top:2px dashed var(--line);color:#788895;background:#0e1625;font:700 .6rem var(--pixel-font);text-transform:uppercase; }
.source-health i { border-radius:0;background:#59616b; }.source-health i.live { background:var(--lime);box-shadow:0 0 0 2px #3f5519; }
.command-card::after { color:rgba(89,225,230,.035);font-family:var(--pixel-font); }
.command-demo { margin-top:11px;padding:11px 12px;border:2px solid #2e405b;border-radius:0;color:var(--muted);background:#090f1c;font:700 .67rem var(--pixel-font); }
.command-demo span::before { content:"> ";color:var(--pink); }.command-demo strong { color:var(--lime);font-family:var(--pixel-font); }
.command-reference { position:relative;z-index:1;margin-top:12px;display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--line);background:var(--black); }
.command-reference span { min-width:0;padding:9px 10px;display:grid;gap:4px;border-bottom:1px dashed var(--line); }
.command-reference span:nth-child(odd) { border-right:1px dashed var(--line); }
.command-reference span:nth-last-child(-n+2) { border-bottom:0; }
.command-reference b { overflow:hidden;color:var(--cyan);font:800 .54rem var(--pixel-font);text-overflow:ellipsis;white-space:nowrap; }
.command-reference small { color:#77848e;font-size:.59rem; }
.integration-note { margin:17px 0!important;padding:11px;border-left:4px solid var(--purple);border-radius:0;color:#c3b6ef!important;background:#19172e;font:700 .64rem/1.5 var(--pixel-font)!important; }
.integration-note.warning { border-color:var(--yellow);color:#f1d287!important;background:#211b12; }
.check-row input { appearance:none;width:18px;height:18px;flex:0 0 18px;border:2px solid var(--line-bright);background:var(--black); }
.check-row input:checked { border-color:var(--lime);background:var(--lime);box-shadow:inset 0 0 0 3px var(--black); }
.check-row b { font:800 .68rem var(--pixel-font);text-transform:uppercase; }.check-row small { color:#7f8a93;font-size:.65rem;line-height:1.35; }
.chat-reply-toggle + .chat-reply-toggle { margin-top:12px; }
.response-template-field b { font:800 .68rem var(--pixel-font);text-transform:uppercase; }
.response-template-field small { color:#7f8a93;font-size:.65rem; }
.response-template-field textarea { border:2px solid var(--line);border-radius:0;color:var(--ink);background:#090f1c;box-shadow:inset 3px 3px var(--black);font:.65rem/1.55 var(--pixel-font); }
.response-template-field textarea:focus { border-color:var(--lime);box-shadow:inset 3px 3px var(--black),3px 3px 0 #405519; }
.template-variables { color:#687680!important;font:.57rem/1.6 var(--pixel-font)!important; }
.template-variables b { color:var(--cyan); }
.permanent-toggle { margin-top:14px;padding-top:14px;border-top:1px dashed var(--line); }
.reels-only-toggle { margin-top:12px; }

.studio-section,.leaderboard-section { margin-top:82px; }
.section-heading { margin-bottom:24px;padding-bottom:14px;border-bottom:2px solid var(--line); }
.section-heading > p { color:var(--muted);font-size:.78rem;line-height:1.55; }
.studio-grid { grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:24px; }
.studio-controls { gap:17px; }.preset-list { gap:9px; }
.preset-card { padding:11px 8px;border:2px solid var(--line);border-radius:0;color:var(--ink);background:var(--panel);box-shadow:3px 3px 0 var(--black);transition:transform .08s,border-color .08s; }
.preset-card:hover { border-color:var(--cyan);transform:translateY(-2px); }.preset-card.active { border-color:var(--lime);box-shadow:3px 3px 0 var(--lime); }
.preset-swatches { height:22px;margin-bottom:9px;border:2px solid var(--black);border-radius:0; }
.preset-card b { color:var(--ink);font:800 .59rem var(--pixel-font);text-transform:uppercase; }
.control-panel { padding:22px; }.control-panel-heading { margin-bottom:18px; }
.control-panel-heading h3 { font:900 .83rem var(--pixel-font);text-transform:uppercase; }.control-panel-heading span { color:#758593;font:700 .59rem/1.4 var(--pixel-font);text-transform:uppercase; }
.text-field { color:#8c9aa4;font:800 .61rem var(--pixel-font);letter-spacing:.05em; }
.text-field input,.text-field select,.search-field { height:43px;border:2px solid var(--line);border-radius:0;color:var(--ink);background-color:#090f1c;box-shadow:inset 3px 3px var(--black);font-family:var(--body-font); }
.text-field input:focus,.text-field select:focus,.search-field:focus { border-color:var(--lime);box-shadow:inset 3px 3px var(--black),3px 3px 0 #405519; }
.text-field select { background-image:linear-gradient(45deg,transparent 50%,var(--lime) 50%),linear-gradient(135deg,var(--lime) 50%,transparent 50%); }
.color-grid { gap:9px; }.color-grid > label { border:2px solid var(--line);border-radius:0;color:#a7b0b4;background:#0d1524;font:700 .63rem var(--pixel-font);text-transform:uppercase; }
.color-grid input { width:25px;height:25px;border:2px solid var(--ink);border-radius:0; }.color-grid input::-webkit-color-swatch { border:0;border-radius:0; }
.color-grid b { color:#73808a;font:.57rem var(--pixel-font); }
.search-field { font-size:.73rem; }
.emote-list { max-height:270px;scrollbar-color:var(--purple) var(--black); }
.emote-group-title { padding:9px 3px 3px;border-bottom:1px dashed var(--line);color:var(--cyan);font:900 .58rem var(--pixel-font);letter-spacing:.08em; }
.emote-button { border:2px solid var(--line);border-radius:0;color:var(--ink);background:#0b1220;box-shadow:inset -3px -3px var(--black); }
.emote-button:hover { border-color:var(--cyan);background:#14243a; }.emote-button.selected { border-color:var(--lime);background:#17271d;box-shadow:inset 0 0 0 2px #30411c; }
.emote-button.selected::after { right:3px;top:3px;border-radius:0;color:var(--black);background:var(--lime);box-shadow:2px 2px 0 var(--black);font:900 .56rem var(--pixel-font); }
.emote-button.jackpot-choice::before { color:var(--yellow);text-shadow:2px 2px #654616; }.emote-button small { color:#7f8b94; }
.jackpot-picker { border:2px solid #715c2e;border-radius:0;color:var(--ink);background:#211a10; }
.jackpot-picker b { color:var(--yellow);font:900 .68rem var(--pixel-font);text-transform:uppercase; }.jackpot-picker small { color:#a08e68; }
.jackpot-picker select { border:2px solid #715c2e;border-radius:0;color:var(--ink);background:var(--black); }
.rights-note { color:#6e7b84; }
.save-bar { border:2px solid var(--line);border-radius:0;color:var(--muted);background:var(--panel-2);box-shadow:5px 5px 0 var(--black); }.save-bar p { font:700 .62rem/1.4 var(--pixel-font); }

.studio-preview-sticky { border:2px solid var(--line-bright);border-radius:0;background:var(--black);box-shadow:8px 8px 0 #241a42; }
.preview-label { color:var(--cyan);font:900 .58rem var(--pixel-font);letter-spacing:.08em; }.preview-label::before { content:"● ";color:var(--pink);animation:pixel-blink 1s steps(2,end) infinite; }
.studio-canvas { border:2px solid #25344c;border-radius:0;background:repeating-conic-gradient(#05070d 0 25%,#080c15 0 50%) 0 0/16px 16px; }
.preview-machine { border:2px solid color-mix(in srgb,var(--cabinet),white 24%);border-radius:0;background:var(--cabinet);box-shadow:6px 6px 0 #000,inset -4px -4px color-mix(in srgb,var(--cabinet),black 25%); }
.preview-marquee { border:2px solid color-mix(in srgb,var(--accent),white 25%);border-radius:0;background:var(--accent);box-shadow:inset -4px -4px rgba(0,0,0,.18); }.preview-marquee i { border-radius:0; }
.preview-display { border:2px solid color-mix(in srgb,var(--panel),white 15%);border-radius:0;background:var(--panel); }.preview-cell { border-radius:0;box-shadow:inset -2px -2px rgba(0,0,0,.25); }
.preview-cell.spinning { animation:preview-spin-retro .13s steps(2,end) infinite; }
@keyframes preview-spin-retro { 50% { transform:translateY(4px);opacity:.5; } }
.preview-feet i { border-radius:0; }.preview-button { margin-top:11px; }
.odds-note span { color:#8b979e;font:700 .61rem var(--pixel-font);text-transform:uppercase; }.odds-note strong { font:900 .7rem var(--pixel-font); }.odds-note small { color:#66717b;line-height:1.4; }

.reset-score-button { color:var(--danger); }.reset-score-button:hover { color:var(--yellow); }
.score-tabs { border:2px solid var(--line);border-radius:0;background:var(--black); }.score-tabs button { border-radius:0;color:#839099;font:900 .61rem var(--pixel-font);text-transform:uppercase; }
.score-tabs button.active { color:var(--black);background:var(--lime);box-shadow:inset -3px -3px #769c25; }
.leaderboard { border:2px solid var(--line);border-radius:0;background:var(--panel);box-shadow:6px 6px 0 var(--black); }
.leader-row { border-bottom:1px dashed var(--line); }.leader-row:nth-child(even) { background:#0e1727; }
.leader-rank { color:#778690;font:900 .7rem var(--pixel-font); }.leader-row:nth-child(1) .leader-rank { color:var(--yellow);text-shadow:2px 2px #684913; }
.leader-name b { font:800 .75rem var(--pixel-font);text-transform:uppercase; }.leader-name small,.leader-spins { color:#75838d; }
.leader-score { color:var(--lime);font:900 .79rem var(--pixel-font);text-align:right; }.leader-score::after { content:" PTS";color:#728078;font-size:.52rem; }
.leader-empty { color:#7b8992;font:700 .68rem/1.6 var(--pixel-font);text-transform:uppercase; }.score-explainer { color:#6d7982;line-height:1.5; }

.scores-page { width:min(1080px,calc(100% - 48px));min-height:calc(100vh - 152px);padding:68px 0 100px; }
.scores-hero { max-width:760px;padding-left:27px;border-left:7px solid var(--pink); }.scores-hero h1 { font-size:clamp(3.5rem,7.5vw,6.7rem); }
.scores-hero > p:last-child { color:var(--muted);font-size:.9rem;line-height:1.75; }.scores-panel { margin-top:58px;padding:27px; }
.channel-picker { color:#8c9aa4;font:800 .6rem var(--pixel-font);letter-spacing:.05em; }.channel-picker select { border:2px solid var(--line);border-radius:0;color:var(--ink);background:var(--black); }
.board-context { color:#7f8c96;font:700 .62rem var(--pixel-font);text-transform:uppercase; }.live-state { font:900 .59rem var(--pixel-font); }.live-state i { border-radius:0;animation:pixel-blink .9s steps(2,end) infinite; }

footer { width:min(1240px,calc(100% - 48px));max-width:none;border-top:2px solid var(--line);color:#6d7a84;font:700 .6rem var(--pixel-font);text-transform:uppercase; }
footer > span::before { content:"© ";color:var(--pink); }footer nav { flex-wrap:wrap; }
footer a::before { content:"> ";color:var(--cyan); }footer a:hover { color:var(--lime); }
.toast { z-index:40;border:2px solid var(--lime);border-radius:0;color:var(--ink);background:#121d16;box-shadow:6px 6px 0 var(--black);font:800 .66rem var(--pixel-font);text-transform:uppercase;transition:opacity .12s,transform .12s steps(3,end); }
.toast::before { content:"[!] ";color:var(--lime); }

@media (max-width:1000px) {
  .landing-shell { grid-template-columns:1fr;padding-top:48px; }.hero-copy { max-width:760px; }.hero-machine-wrap { min-height:520px; }
  .dashboard-grid,.studio-grid { grid-template-columns:1fr; }
}
@media (max-width:700px) {
  .site-header { height:68px;padding:0 16px; }.site-header::before { left:16px; }.site-header::after { right:16px; }
  .brand-mark { width:36px;height:36px; }.button-quiet { padding:0 10px;font-size:.57rem; }
  .landing-shell { width:calc(100% - 32px);padding:38px 0 70px;gap:26px; }.hero-copy { padding:24px 0 24px 20px; }.hero-copy h1 { font-size:clamp(2.65rem,14vw,4.3rem); }
  .hero-lede { font-size:.86rem; }.hero-machine-wrap { min-height:380px; }.glow-orbit { width:100%;height:90%; }
  .mini-machine { padding:9px;border-width:3px;box-shadow:7px 7px 0 var(--black),10px 10px 0 #2c2053; }.mini-top { height:50px; }.mini-top span { font-size:.92rem; }.mini-screen { margin-top:10px;padding:9px; }.mini-grid { gap:3px; }.mini-cell { border-width:1px; }
  .dashboard { width:calc(100% - 28px);padding:42px 0 70px; }.dashboard-heading h1 { font-size:clamp(2.45rem,12vw,3.8rem); }.status-stack { min-width:0; }
  .card { padding:19px; }.source-health { margin:18px -19px -19px;padding:13px 19px; }.control-panel { padding:18px; }
  .leader-score::after { display:none; }.scores-page { width:calc(100% - 30px); }.scores-hero { padding-left:18px; }.scores-hero h1 { font-size:clamp(2.8rem,15vw,5rem); }
  .scores-panel { padding:18px; }footer { width:calc(100% - 30px); }
}