:root{color-scheme:dark;--bg: #100e0c;--ink: #f3ecdf;--muted: #b7aa98;--line: rgba(227, 168, 92, .45);--amber: #e3a85c;--panel: rgba(12, 10, 8, .9);font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;background:var(--bg);color:var(--ink);overflow:hidden}html:has(body.page-scroll){height:auto;overflow:auto}body.page-scroll{height:auto;overflow:auto}canvas{display:block;width:100%;height:100%}button,input{font:inherit}.title{position:fixed;inset:0;display:grid;place-items:center;padding:24px;z-index:10;pointer-events:none}.title-card{pointer-events:auto;width:min(640px,100%);background:var(--panel);border:1px solid var(--line);padding:32px 32px 28px;box-shadow:0 24px 80px #00000073}.eyebrow{margin:0 0 8px;letter-spacing:.18em;text-transform:uppercase;font-size:12px;color:var(--amber)}h1{margin:0;font-weight:620;font-size:52px;letter-spacing:.04em;line-height:.95}.lede{margin:12px 0 0;color:var(--muted);font-size:16px}.disclaimer{margin:20px 0 0;padding:12px 14px;border-left:3px solid var(--amber);background:#e3a85c14;color:var(--ink);font-size:14px;line-height:1.45}.controls-card{display:grid;grid-template-columns:148px 1fr;gap:4px 12px;margin:18px 0 0;font-size:14px}.controls-card dt{color:var(--muted)}.controls-card dd{margin:0}.notes-link{margin:14px 0 0}.notes-link a{color:var(--amber)}.controls{margin:16px 0 0;color:var(--muted);font-size:13px;letter-spacing:.02em}.deploy{margin-top:22px;background:var(--amber);color:#1a1208;border:0;padding:12px 18px;letter-spacing:.12em;text-transform:uppercase;font-size:13px;font-weight:700;cursor:pointer}.deploy:hover{filter:brightness(1.08)}.shell-tag,.banner,.look-hint,.readout{position:fixed;z-index:5;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.shell-tag{left:16px;top:14px}.look-hint{left:50%;top:16px;transform:translate(-50%);background:#00000073;padding:6px 10px}.banner{left:50%;top:42%;transform:translate(-50%,-50%);text-align:center;font-size:28px;letter-spacing:.16em;color:var(--ink);text-shadow:0 2px 16px #000;pointer-events:none}.banner small{display:block;margin-top:8px;font-size:13px;letter-spacing:.08em;color:var(--muted)}.hud{position:fixed;inset:0;pointer-events:none;z-index:4}.crosshair{position:absolute;left:50%;top:50%;width:14px;height:14px;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#f3ecdfe6}.crosshair:before{left:6px;top:0;width:2px;height:14px}.crosshair:after{left:0;top:6px;width:14px;height:2px}.crosshair.hit:before,.crosshair.hit:after{background:var(--amber)}.overlay-hint{position:fixed;left:16px;bottom:14px;z-index:6;color:#9aa7ae;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:11px;letter-spacing:.04em;pointer-events:none}.director-overlay{position:fixed;left:12px;top:12px;z-index:8;width:min(320px,calc(100% - 24px));padding:10px 12px 12px;background:#080a0ce6;border:1px solid rgba(154,167,174,.45);color:#d5dde2;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:12px;line-height:1.35;pointer-events:none}.director-overlay header{display:flex;justify-content:space-between;letter-spacing:.14em;color:#9aa7ae;margin-bottom:6px}.director-overlay .phase[data-phase=build]{color:#f4f1e6}.director-overlay .phase[data-phase=peak]{color:#ff5a1f}.director-overlay .phase[data-phase=relax]{color:#3fe0ff}.director-overlay canvas{display:block;width:100%;height:72px;margin-bottom:8px}.director-overlay dl{display:grid;grid-template-columns:64px 1fr;gap:3px 8px;margin:0}.director-overlay dt{color:#9aa7ae}.director-overlay dd{margin:0;overflow-wrap:anywhere}.results{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:20;width:min(420px,calc(100% - 32px));padding:22px 22px 18px;background:#080a0cf0;border:1px solid rgba(154,167,174,.5);color:#d5dde2;font-family:ui-monospace,Cascadia Code,Consolas,monospace}.results h2{margin:0 0 12px;font-size:22px;letter-spacing:.08em;font-weight:600}.results dl{display:grid;grid-template-columns:120px 1fr;gap:6px 10px;margin:0 0 12px}.results dt{color:#9aa7ae}.results dd{margin:0}.labs-link{position:fixed;right:16px;top:14px;z-index:12;color:var(--amber);font-size:13px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none}.health,.ammo{position:absolute;bottom:22px;font-size:14px;letter-spacing:.08em;text-transform:uppercase}.health{left:22px}.ammo{right:22px}.bar{margin-top:6px;width:220px;height:8px;background:#2a241c;border:1px solid rgba(243,236,223,.25)}.bar>span{display:block;height:100%;width:100%;background:#d4543c}.prompt{position:absolute;left:50%;bottom:18%;transform:translate(-50%);background:#501008d1;border:1px solid #e07a4c;padding:10px 14px;letter-spacing:.12em;text-transform:uppercase;font-size:14px}.vignette{position:fixed;inset:0;pointer-events:none;z-index:3;box-shadow:inset 0 0 #78140800}.vignette.pinned{box-shadow:inset 0 0 120px 24px #7818088c}.page{max-width:760px;margin:0 auto;padding:48px 24px 80px}.page h1{font-size:42px}.notes h2{margin:28px 0 8px;font-size:22px;font-weight:620}.notes p,.notes li{line-height:1.5}.notes ul{padding-left:18px}.notes a{color:var(--amber)}.notes canvas{display:block;width:100%;height:auto;margin-top:12px;border:1px solid rgba(154,167,174,.35)}.notes .caption{color:var(--muted);font-size:13px}.notes table{width:100%;border-collapse:collapse;font-size:14px;margin-top:8px}.notes th,.notes td{text-align:left;padding:6px 8px;border-bottom:1px solid rgba(243,236,223,.12)}.notes th{color:var(--muted);font-weight:600}.lab-list{list-style:none;padding:0;margin:28px 0 0}.lab-list li{border-top:1px solid rgba(243,236,223,.12);padding:14px 0}.lab-list a{color:var(--amber);font-size:18px;text-decoration:none}.lab-list a:hover{text-decoration:underline}.lab-list span{display:block;margin-top:4px;color:var(--muted);font-size:14px}.note{position:fixed;left:12px;bottom:12px;width:min(440px,calc(100% - 24px));z-index:6;background:var(--panel);border:1px solid var(--line);padding:12px 14px;font-size:13px;line-height:1.45;color:var(--ink);pointer-events:auto}.note strong{color:var(--amber);font-weight:650}.note a{color:var(--amber)}.threats{position:fixed;inset:0;pointer-events:none;z-index:4}.threat{position:absolute;width:16px;height:16px;border-top:3px solid #ff5a1f;border-right:3px solid #ff5a1f;filter:drop-shadow(0 0 4px rgba(0,0,0,.65))}.threat span{position:absolute;left:20px;top:-4px;font-size:11px;letter-spacing:.12em;color:#ffb38a;white-space:nowrap}.threat.hot{border-color:#fff3b0}.trace{position:fixed;top:12px;right:12px;z-index:5;width:min(420px,calc(100% - 24px));height:140px;pointer-events:none}.readout{right:12px;bottom:12px;text-align:right;line-height:1.5;text-transform:none;letter-spacing:0;color:var(--ink);background:#00000073;padding:8px 10px;font-variant-numeric:tabular-nums}body.labs-index{overflow:auto}