:root{--asphalt-bg:#0e0c12;--asphalt-surface:#1c1c22;--dusk-ink:#e8e4dc;--dusk-muted:#a39b92;--neon-cyan:#3ec6c9;--neon-amber:#e8a04a;--focus-ring:#7fdfe0;--letterbox:#08070b;--font-display:"Bahnschrift", "DIN Alternate", "Trebuchet MS", sans-serif;--font-body:"Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", sans-serif}*,:before,:after{box-sizing:border-box}html,body{background:radial-gradient(120% 80% at 50% 10%, #1a1520 0%, var(--letterbox) 55%, #050508 100%);height:100%;min-height:100%;color:var(--dusk-ink);font-family:var(--font-body);margin:0}body{overflow:hidden}.shell{background:var(--letterbox);place-items:center;width:100vw;height:100vh;display:grid;position:relative}.shell__canvas{background:var(--asphalt-bg);width:100%;height:100%;position:absolute;inset:0}.shell__canvas canvas{margin:0 auto;display:block}.shell__overlay{z-index:2;text-align:left;pointer-events:none;background:linear-gradient(#08070b8c 0%,#08070b38 65%,#08070b00 100%);width:min(42rem,100% - 3rem);padding:.85rem 1.25rem .75rem;position:absolute;top:0;left:50%;transform:translate(-50%)}.shell__brand{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--dusk-ink);margin:0;font-size:clamp(2.4rem,4.5vw,3.4rem);font-weight:700;line-height:1.05}.shell__tagline{max-width:28rem;color:var(--dusk-muted);margin:.55rem 0 0;font-size:1.05rem;line-height:1.4}.shell__status{letter-spacing:.12em;text-transform:uppercase;color:var(--neon-amber);margin:.65rem 0 0;font-size:.85rem}.shell__hud{pointer-events:none;flex-wrap:wrap;gap:.65rem 1.25rem;max-width:28rem;margin:.7rem 0 0;display:flex}.shell__hud-row{color:var(--dusk-ink);align-items:baseline;gap:.35rem;margin:0;font-size:.9rem;display:flex}.shell__hud-label{letter-spacing:.08em;text-transform:uppercase;color:var(--dusk-muted);font-size:.72rem}.shell__hud-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;min-width:2.5ch;font-size:1.15rem}.shell__hud-unit{color:var(--dusk-muted);font-size:.72rem}.shell__controls{pointer-events:none;flex-wrap:wrap;gap:.55rem .75rem;margin-top:.75rem;display:flex}.shell__action{pointer-events:auto;border:1px solid color-mix(in srgb, var(--neon-cyan) 70%, #fff 10%);background:color-mix(in srgb, var(--asphalt-surface) 88%, var(--neon-cyan) 12%);color:var(--dusk-ink);font:inherit;letter-spacing:.04em;cursor:pointer;margin-top:0;padding:.55rem 1rem;font-size:1rem}.shell__action:hover:not(:disabled){border-color:var(--neon-amber);background:color-mix(in srgb, var(--asphalt-surface) 80%, var(--neon-amber) 20%)}.shell__action:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.shell__action:disabled{opacity:.45;cursor:not-allowed}.shell__crash{border:1px solid color-mix(in srgb, var(--neon-amber) 55%, transparent);pointer-events:auto;background:#1c1c22e0;max-width:28rem;margin-top:.75rem;padding:.65rem .75rem}.shell__crash-result{color:var(--dusk-ink);margin:0;font-size:.95rem}.shell__restart{margin-top:.55rem}.shell__keys{border-left:2px solid color-mix(in srgb, var(--neon-cyan) 55%, transparent);border-bottom:1px solid color-mix(in srgb, var(--neon-cyan) 35%, transparent);max-width:28rem;color:var(--dusk-ink);pointer-events:none;background:#08070bc7;margin:.85rem 0 0;padding:.4rem .65rem;font-size:.8rem;line-height:1.35}.shell__unsupported{border:1px solid color-mix(in srgb, var(--neon-amber) 65%, transparent);max-width:32rem;color:var(--dusk-ink);pointer-events:auto;background:#1c1c22f0;margin:.85rem 0 0;padding:.75rem .9rem;font-size:1rem;line-height:1.45}.shell[data-viewport=narrow] .shell__canvas{filter:grayscale(.55)brightness(.22)contrast(.85);opacity:.45}.shell[data-viewport=narrow] .shell__hud,.shell[data-viewport=narrow] .shell__controls,.shell[data-viewport=narrow] .shell__crash,.shell[data-viewport=narrow] .shell__keys{display:none}@media (prefers-reduced-motion:reduce){.shell__action{transition:none}}