:root{color-scheme:dark light;--bg: #0f1412;--panel: #161d19;--line: #26302a;--text: #e7ede9;--muted: #94a09a;--turf: #6fbf92}@media(prefers-color-scheme:light){:root{--bg: #f2f4f0;--panel: #ffffff;--line: #d6dcd6;--text: #161b18;--muted: #5a635d;--turf: #2f6b4f}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}.shell{max-width:900px;margin:0 auto;padding:48px 24px 96px;display:flex;flex-direction:column;gap:24px}h1{margin:0 0 4px;font-size:2rem;letter-spacing:-.02em}h2{margin:0 0 8px;font-size:1.05rem}p{margin:0}.muted{color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:18px 20px}.stage{width:100%;aspect-ratio:16 / 9;display:block;border:1px solid var(--line);border-radius:4px;background:#0e1310}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px 24px;margin:0}.facts div{display:flex;flex-direction:column;gap:2px}dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}dd{margin:0}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85rem;font-variant-numeric:tabular-nums}.spike{display:flex;flex-direction:column;gap:10px;position:relative}.spike-bar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:.85rem;color:var(--muted)}.toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.spike-bar button{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:3px;padding:4px 10px;cursor:pointer}.spike-debug{margin:0;padding:6px 10px;background:var(--panel);border:1px solid var(--line);border-radius:3px;color:var(--muted);font-size:.72rem;white-space:pre-wrap;min-height:1.6em}.spike-overlay{position:absolute;top:0;left:0;right:0;aspect-ratio:16 / 9;pointer-events:none}.hud{position:absolute;inset:0;pointer-events:none;font:500 .85rem/1.35 ui-sans-serif,system-ui,sans-serif;color:var(--text)}.hud-situation{position:absolute;top:.75rem;left:.9rem;padding:.3rem .7rem;border:1px solid var(--line);border-radius:3px;background:color-mix(in srgb,var(--panel) 84%,transparent);font-weight:700;letter-spacing:.03em;font-variant-numeric:tabular-nums;white-space:nowrap}.hud-toast{position:absolute;top:.75rem;left:50%;transform:translate(-50%);padding:.35rem .9rem;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--panel) 88%,transparent);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .14s ease,visibility 0s linear .14s}.hud-toast-urgent{border-color:color-mix(in srgb,var(--turf) 40%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--turf) 30%,transparent)}.hud-toast.is-open{opacity:1;visibility:visible;transition:opacity .14s ease,visibility 0s}.hud-call{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:.35rem;padding:.5rem .9rem .6rem;background:linear-gradient(to top,color-mix(in srgb,var(--bg) 94%,transparent),color-mix(in srgb,var(--bg) 78%,transparent) 72%,transparent);opacity:0;visibility:hidden;transition:opacity .12s ease,visibility 0s linear .12s}.hud-call.is-open{opacity:1;visibility:visible;transition:opacity .12s ease,visibility 0s}.hud-call-head{display:flex;align-items:baseline;justify-content:space-between;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.hud-call.is-waiting .hud-call-state{color:var(--turf);font-weight:700}.hud-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.hud-card{display:flex;flex-direction:column;position:relative;border:1px solid var(--line);border-radius:6px;background:color-mix(in srgb,var(--panel) 90%,transparent);overflow:hidden}.hud-card.is-called{border-color:color-mix(in srgb,var(--turf) 55%,var(--line))}.hud-card-art{aspect-ratio:100 / 62;background:color-mix(in srgb,var(--bg) 70%,var(--panel))}.hud-art{display:block;width:100%;height:100%}.hud-art-los{stroke:color-mix(in srgb,var(--muted) 55%,transparent);stroke-width:.7;stroke-dasharray:3 2.5}.hud-art-man{fill:color-mix(in srgb,var(--muted) 70%,transparent)}.hud-art-qb{fill:var(--text)}.hud-art-route{fill:none;stroke:#4fd8e0;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}.hud-card-foot{display:flex;align-items:center;gap:.4rem;padding:.35rem .5rem}.hud-card-names{display:flex;flex-direction:column;min-width:0}.hud-card-play{font-size:.85rem;font-weight:700;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-card-set{font-size:.68rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-card-intent{position:absolute;top:.3rem;right:.35rem;padding:.05rem .35rem;border-radius:3px;font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bg);background:var(--muted)}.hud-card-intent.i-quick{background:#7fc4a0}.hud-card-intent.i-medium{background:#c9b46a}.hud-card-intent.i-deep{background:#c98f6a}.hud-call-foot{display:flex;align-items:center;gap:1rem;font-size:.72rem;color:var(--muted)}.hud-foot-hint{display:inline-flex;align-items:center;gap:.3rem}.hud-foot-page{margin-left:auto;font-variant-numeric:tabular-nums;letter-spacing:.08em}.hud-corner{position:absolute;bottom:.75rem;left:.9rem;display:flex;align-items:center;gap:.3rem;font-size:.72rem;color:var(--muted);opacity:0;visibility:hidden;transition:opacity .12s ease,visibility 0s linear .12s}.hud-corner.is-open{opacity:.55;visibility:visible;transition:opacity .12s ease,visibility 0s}.hud-corner.is-open.is-on{opacity:1}.hud-rail{position:absolute;bottom:.75rem;left:50%;transform:translate(-50%);display:flex;gap:.9rem;padding:.3rem .8rem;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--panel) 82%,transparent);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .12s ease,visibility 0s linear .12s}.hud-rail.is-open{opacity:1;visibility:visible;transition:opacity .12s ease,visibility 0s}.hud-prompt{display:flex;align-items:center;gap:.25rem;font-size:.78rem;color:var(--muted)}.hud-glyph{display:inline-block;min-width:1.4rem;padding:.05rem .35rem;border:1px solid var(--line);background:var(--bg);color:var(--text);font:600 .72rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center}.hud-glyph.key{border-radius:3px}.hud-glyph.button{border-radius:999px}.hud-glyph.stick,.hud-glyph.mouse{border-radius:3px;border-style:dashed}.controls-overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .12s ease,visibility 0s linear .12s}.controls-overlay.is-open{opacity:1;visibility:visible;transition:opacity .12s ease,visibility 0s}.controls-panel{pointer-events:auto;cursor:pointer;max-height:88%;overflow-y:auto;padding:20px 26px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel) 94%,transparent);color:var(--text);box-shadow:0 18px 50px #00000073;font:14px/1.4 ui-sans-serif,system-ui,sans-serif}.controls-panel h2{margin:16px 0 6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.controls-panel h2:first-child{margin-top:0}.controls-panel dl{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;margin:0;align-items:center}.controls-panel dt{margin:0;justify-self:end}.controls-panel dd{margin:0}.controls-glyph{display:inline-block;min-width:26px;padding:2px 7px;border:1px solid var(--line);background:var(--bg);font:600 12px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center}.controls-glyph.key{border-radius:4px}.controls-glyph.button{border-radius:999px}.controls-glyph.stick,.controls-glyph.mouse{border-radius:4px;border-style:dashed}.controls-hint{margin:18px 0 0;color:var(--muted);font-size:12px;text-align:center}@media(prefers-reduced-motion:reduce){.controls-overlay,.hud-toast,.hud-call,.hud-corner,.hud-rail{transition:none}}