:root{--sb-bg: #0a0a08;--sb-bg-1: #13110d;--sb-amber: #e8a23a;--sb-amber-dim: #96702f;--sb-amber-hot: #ffcd6b;--sb-red: #c0392b;--sb-ink: #e8e4d8;--sb-ink-dim: #a49e8f;--sb-grid: #1f1a12;--mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--sb-bg);color:var(--sb-ink);font-family:var(--mono);font-size:14px;overflow:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:90;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.028) 0 1px,transparent 1px 3px)}#app,.screen{position:fixed;top:0;right:0;bottom:0;left:0}.screen{display:flex;flex-direction:column;align-items:center;justify-content:center}button,input{font-family:var(--mono);background:none;color:var(--sb-amber);border:1px solid var(--sb-amber-dim);padding:10px 16px;font-size:12px;letter-spacing:.12em}button{cursor:pointer;text-transform:uppercase}button:hover,button:focus-visible{border-color:var(--sb-amber-hot);color:var(--sb-amber-hot);outline:none}button:disabled{opacity:.35;cursor:default}input{color:var(--sb-ink);letter-spacing:.2em;text-align:center}input:focus{outline:none;border-color:var(--sb-amber)}.label{font-size:10px;letter-spacing:.22em;color:var(--sb-amber-dim);text-transform:uppercase}.big{font-size:clamp(26px,4.5vw,44px);letter-spacing:.2em;color:var(--sb-amber);font-weight:700}.dim{color:var(--sb-ink-dim)}.hud{position:fixed;top:16px;right:20px;z-index:60;color:var(--sb-amber);font-size:12px;letter-spacing:.16em;font-variant-numeric:tabular-nums}.rec{position:fixed;top:16px;left:20px;z-index:60;display:flex;align-items:center;gap:7px;color:var(--sb-ink-dim);font-size:10px;letter-spacing:.16em}.rec i{width:7px;height:7px;border-radius:50%;background:var(--sb-red)}.caption{position:fixed;left:0;right:0;bottom:18vh;z-index:55;text-align:center;color:var(--sb-ink);font-size:clamp(14px,1.8vw,19px);letter-spacing:.14em;text-transform:uppercase;padding:0 8vw;line-height:1.8}.intro{text-align:center}.intro .code{color:var(--sb-amber-dim);font-size:10px;letter-spacing:.34em;margin-bottom:16px}.intro .name{color:var(--sb-amber);font-size:clamp(30px,5vw,52px);letter-spacing:.22em;font-weight:700}.intro .count{color:var(--sb-ink-dim);font-size:10px;letter-spacing:.24em;margin-top:20px}.stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}@keyframes sb-glitch{0%{transform:translate(6px)}to{transform:none}}.glitch{animation:sb-glitch 16ms steps(1) 1}@media (prefers-reduced-motion: reduce){.glitch{animation:none}}.fft{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:40}.gaterow{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid var(--sb-grid);padding:12px 16px;margin-bottom:8px;font-size:10.5px;letter-spacing:.1em;width:min(520px,86vw)}.gaterow .st{color:var(--sb-amber-dim);white-space:nowrap}.gaterow.opt{border-color:var(--sb-amber-dim)}.fine{color:var(--sb-ink-dim);font-size:9.5px;letter-spacing:.08em;line-height:2;margin-top:18px;max-width:520px}.panel{background:var(--sb-bg-1);border:1px solid var(--sb-grid);padding:14px 16px}table.data{border-collapse:collapse;font-size:11px}table.data th{color:var(--sb-amber-dim);font-weight:400;letter-spacing:.12em;font-size:9px;text-align:left}table.data th,table.data td{border-bottom:1px solid var(--sb-grid);padding:7px 14px 7px 0}.scroll{overflow:auto}