:root{color-scheme:dark;--graphite: #111519;--panel: #181e23;--ceramic: #e6e8e3;--silver: #a6afb2;--bronze: #b9a478;--bronze-dark: #7c6b4d;--incident: #ef4949}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--graphite);color:var(--ceramic);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-variant-numeric:tabular-nums;touch-action:none;overscroll-behavior:none}#app{position:relative;width:min(100vw,56.25dvh);height:min(100dvh,177.778vw);margin:auto;top:50%;transform:translateY(-50%);overflow:hidden;container-type:inline-size}#game,#ui{position:absolute;inset:0}canvas{display:block;image-rendering:pixelated}#ui{pointer-events:none;font-size:2.6cqw}button{pointer-events:auto;border:1px solid #a6afb26b;border-radius:2px;background:#181e23e8;color:var(--ceramic);font:600 3cqw system-ui,sans-serif;padding:3cqw;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}button:active,button.held{background:#394247;border-color:var(--ceramic)}button:focus-visible{outline:2px solid var(--bronze);outline-offset:3px}header{display:flex;gap:3cqw;align-items:center;padding:calc(3cqw + env(safe-area-inset-top)) 4cqw 2cqw;background:#111519f0;border-bottom:1px solid #a6afb236}header #pause{padding:2cqw 3cqw;font-size:5cqw}.eyebrow{display:block;letter-spacing:.14em;font-size:1.85cqw;color:var(--silver);margin-bottom:1cqw;font-weight:500}header strong{font-size:6cqw;letter-spacing:.025em;font-weight:500}.right{margin-left:auto;text-align:right;font-size:3.5cqw}.telemetry{padding:1.5cqw 5cqw;background:#181e23e8;border-bottom:1px solid #a6afb236}.labels{display:flex;justify-content:space-between;letter-spacing:.07em;font-size:2.25cqw;margin:1.2cqw 0}.track{height:.7cqw;background:#394247;overflow:hidden}.track i{display:block;width:100%;height:100%;background:var(--silver)}#event{position:absolute;top:24%;width:100%;text-align:center;color:var(--incident);font-size:3.5cqw;font-weight:650;text-shadow:0 1px var(--graphite)}#drift-readout{position:absolute;bottom:19%;width:100%;text-align:center;color:var(--bronze);letter-spacing:.09em;font-size:2.25cqw;text-shadow:0 1px var(--graphite)}#controls{position:absolute;inset:auto 4cqw calc(4cqw + env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:end;gap:10cqw}.steering{display:flex;gap:2cqw}.steering button{width:16cqw;height:17cqw;font-size:5cqw}.actions{display:flex;flex-direction:column;gap:2cqw;width:28cqw}.actions button{min-height:13cqw}.actions small{display:block;font-size:1.85cqw;margin-top:1cqw;color:var(--silver)}#slots{display:flex;gap:1cqw;margin-bottom:2cqw}#slots i{display:block;height:1cqw;flex:1;background:linear-gradient(to right,var(--bronze) var(--fill),#394247 var(--fill))}.overlay{position:absolute;inset:0;display:flex;align-items:flex-start;padding-top:33cqw;justify-content:center;background:#11151958;pointer-events:auto}.panel{width:88%;padding:5cqw;background:#111519f5;border:1px solid #a6afb255;text-align:left;border-radius:2px}.panel h1{font-size:10cqw;line-height:.98;letter-spacing:-.045em;font-weight:550;margin:3cqw 0;color:var(--ceramic)}.panel em{color:var(--ceramic);font-style:normal;letter-spacing:.08em;font-weight:300}.panel p{line-height:1.65;font-size:2.8cqw;color:var(--silver);margin:3cqw 0}.panel button{display:block;width:100%;margin-top:2cqw;text-align:left}.panel .primary{background:var(--ceramic);color:var(--graphite);border-color:var(--ceramic);padding:3.3cqw}.panel .help{padding-top:3cqw;border-top:1px solid #a6afb236;font-size:2.15cqw;line-height:1.9;color:var(--silver)}.prototype{font-size:1.85cqw;letter-spacing:.08em;color:var(--silver)}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}