:root{--plum: #2a1736;--burgundy: #4d1530;--ember: #ff6a2c;--amber: #ffa12c;--gold: #ffcf5c;--cream: #ffe7c2;--teal: #17c7b4;--charcoal: #160f1d;--ink: #f6e3c0;--hud-pad: clamp(14px, 2.2vw, 28px);--panel: color-mix(in srgb, var(--burgundy) 82%, black 18%);--hairline: color-mix(in srgb, var(--gold) 55%, transparent)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--charcoal);color:var(--ink);font-family:Space Mono,ui-monospace,Courier New,monospace;-webkit-font-smoothing:antialiased}#stage{position:fixed;inset:0;width:100vw;height:100vh;display:block;touch-action:none}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:5;background:radial-gradient(120% 120% at 50% 38%,transparent 55%,rgba(20,8,18,.55) 100%);mix-blend-mode:multiply}.hud{position:fixed;inset:0;z-index:10;pointer-events:none;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto;padding:var(--hud-pad);gap:var(--hud-pad)}.hud__marquee{grid-column:1;grid-row:1;align-self:start;transform:rotate(-2.4deg);filter:drop-shadow(3px 4px 0 rgba(0,0,0,.35))}.hud__kicker{display:inline-block;font-size:clamp(8px,1vw,11px);letter-spacing:.28em;color:var(--gold);background:var(--charcoal);padding:4px 9px;border:1px solid var(--hairline)}.hud__title{font-family:Anton,Impact,system-ui,sans-serif;font-weight:400;margin:6px 0 2px;line-height:.82;font-size:clamp(34px,6.5vw,78px);letter-spacing:.01em;color:var(--cream);text-transform:uppercase;text-shadow:0 0 1px var(--ember),4px 4px 0 var(--ember),7px 7px 0 var(--burgundy)}.hud__title em{font-style:normal;color:var(--gold);-webkit-text-stroke:2px var(--burgundy)}.hud__sub{display:inline-block;font-weight:700;font-size:clamp(10px,1.3vw,15px);letter-spacing:.22em;color:var(--charcoal);background:var(--gold);padding:3px 10px;transform:rotate(.6deg)}.hud__gauges{grid-column:3;grid-row:3;align-self:end;display:flex;align-items:flex-end;gap:14px}.gauge{position:relative;width:132px;text-align:center;background:var(--panel);border:2px solid var(--gold);border-radius:10px;padding:10px 8px 8px;box-shadow:0 8px #0000004d,inset 0 0 22px #00000059}.gauge__svg{width:96px;height:96px}.gauge__track{fill:none;stroke:#00000073;stroke-width:8}.gauge__fill{fill:none;stroke:var(--teal);stroke-width:8;stroke-linecap:round;stroke-dasharray:314.159;stroke-dashoffset:314.159;transform:rotate(-90deg);transform-origin:60px 60px;transition:stroke .2s}.gauge__needle line{stroke:var(--ember);stroke-width:5;stroke-linecap:round}.gauge__tip{fill:var(--gold)}.gauge__hub{fill:var(--gold);stroke:var(--charcoal);stroke-width:2}.gauge__readout{margin-top:3px;font-family:Anton,Impact,sans-serif;font-size:18px;letter-spacing:.02em;color:var(--cream);white-space:nowrap}.gauge__readout small{font-family:Space Mono;font-size:9px;letter-spacing:.06em;color:var(--gold)}.gauge__label{margin-top:2px;font-size:9px;font-weight:700;letter-spacing:.22em;color:var(--gold)}.telemetry{min-width:168px;background:var(--panel);border:2px solid var(--hairline);border-radius:10px;padding:10px 12px;box-shadow:0 8px #0000004d}.telemetry__row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:3px 0;border-bottom:1px dashed color-mix(in srgb,var(--gold) 28%,transparent);font-size:11px}.telemetry__row:last-child{border-bottom:0}.telemetry__row span{color:var(--gold);letter-spacing:.14em}.telemetry__row b{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:15px;letter-spacing:.03em;color:var(--cream)}.hud__hint{grid-column:1 / 2;grid-row:3;align-self:end;font-size:11px;letter-spacing:.08em;color:color-mix(in srgb,var(--cream) 72%,transparent);background:#160f1d80;padding:6px 10px;border-left:3px solid var(--teal);width:max-content;max-width:60vw}.lil-gui.root{--background-color: var(--panel);--widget-color: color-mix(in srgb, var(--charcoal) 80%, var(--burgundy));--title-background-color: var(--burgundy);--text-color: var(--cream);--font-family: "Space Mono", monospace;--title-text-color: var(--gold);--number-color: var(--teal);--string-color: var(--gold);z-index:20;border:2px solid var(--gold)}@media(max-width:720px){.hud__gauges{flex-direction:column-reverse;align-items:flex-end}.telemetry{min-width:140px}}@media(prefers-reduced-motion:reduce){.gauge__fill{transition:none}}