:root{color-scheme:dark;font-family:Arial Narrow,Arial,system-ui,sans-serif;background:#0b0b12;color:#f5f0e8;--paper:#f5f0e8;--muted:#9d9aab;--violet:#b6a4ff;--cyan:#77e1df;--amber:#ffc878;--red:#ff7387;--void:#090911;--panel:rgba(13,12,23,.78);--panel-strong:rgba(15,13,25,.92)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#0b0b12}button{font:inherit;color:inherit;border:0;cursor:pointer}button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}#game-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;background:radial-gradient(ellipse at 50% 30%,#282139,#090911 74%)}#grain{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.11;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff 4px,transparent 5px);mix-blend-mode:overlay}#hud,#risk-card,#arc-card,#toast,#touch-controls{position:fixed;z-index:4}#hud{inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:18px 28px;background:linear-gradient(#0b0b12e8,transparent);gap:18px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.14em;font-size:14px}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.19em;margin-top:3px}.mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--violet);color:var(--violet);font:700 11px Space Mono,monospace}.hud-metrics{display:flex;gap:28px;margin-left:auto}.hud-metrics span{display:flex;flex-direction:column;gap:2px}.hud-metrics small,.eyebrow{font:10px Space Mono,monospace;letter-spacing:.16em;color:var(--muted)}.hud-metrics b{font:700 18px Space Mono,monospace;color:var(--paper)}.hud-actions{display:flex;gap:8px}.hud-actions button,.secondary{padding:8px 12px;background:#181625;border:1px solid #40395c;font:10px Space Mono,monospace;letter-spacing:.1em}.hud-actions button:hover,.secondary:hover{border-color:var(--violet)}.screen{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:linear-gradient(90deg,#090911f2,#09091188);padding:24px}.screen[hidden]{display:none}.title-card,.modal-card{width:min(620px,100%);padding:42px;background:#0f0d19d6;border:1px solid #4b416d;box-shadow:0 24px 100px #0009}.title-card h1{font-size:clamp(64px,13vw,132px);line-height:.78;letter-spacing:.03em;margin:26px 0}.title-card h1 em{font-style:normal;color:var(--violet)}.title-card p{max-width:430px;color:#c5bfd0;font-size:18px;line-height:1.35}.controls{display:flex;flex-wrap:wrap;gap:10px 18px;margin:28px 0;color:var(--muted);font:11px Space Mono,monospace}.controls b{color:var(--cyan);font-weight:400}.primary{padding:13px 20px;background:var(--violet);color:#100d18;font-weight:700;letter-spacing:.12em}.primary:hover{background:#d3c9ff}.secondary{margin-left:10px}small{color:var(--muted);font:10px Space Mono,monospace;letter-spacing:.08em}.modal-card{text-align:center}.modal-card h2{font-size:48px;margin:14px 0}.modal-card p{color:var(--muted);line-height:1.4}#risk-card{left:24px;bottom:24px;width:230px;padding:13px 15px;background:var(--panel);border-left:3px solid var(--amber);font:11px Space Mono,monospace}#risk-card .meter,#arc-card{margin-top:8px}.meter{height:4px;background:#302b3f}.meter i{display:block;height:100%;width:20%;background:var(--amber);transition:width .12s}#risk-copy{display:block;margin-top:8px;line-height:1.35}#arc-card{right:24px;bottom:24px;width:190px;padding:13px 15px;background:var(--panel);border-right:3px solid var(--cyan)}#arc-card b{display:block;color:var(--cyan);font:700 15px Space Mono,monospace;margin-top:4px}#arc-card small{display:block;margin-top:5px;line-height:1.3}#toast{left:50%;top:24%;transform:translate(-50%);padding:8px 14px;background:#171327;border:1px solid var(--violet);font:11px Space Mono,monospace;letter-spacing:.08em}#touch-controls{right:18px;bottom:18px;display:flex;gap:8px}#touch-controls button{width:54px;height:48px;background:#151223e6;border:1px solid #65558e;font:700 17px Space Mono,monospace}#touch-controls button:active{background:var(--violet);color:#17102b}#end-stats{display:flex;justify-content:center;gap:22px;margin:26px 0;color:var(--muted);font:10px Space Mono,monospace;letter-spacing:.1em}#end-stats b{display:block;color:var(--cyan);font-size:18px;margin-top:5px}@media(max-width:680px){#hud{padding:12px 14px}.brand{font-size:11px}.hud-metrics{gap:10px}.hud-metrics b{font-size:13px}.hud-actions button{padding:7px}.hud-actions button:first-child{display:none}#risk-card{left:12px;bottom:78px;width:180px}#arc-card{right:12px;bottom:78px;width:165px}.title-card,.modal-card{padding:27px}.title-card h1{font-size:72px}.title-card p{font-size:16px}.controls{gap:8px 10px}.secondary{display:block;margin:16px auto 0}}@media(min-width:681px){:root{--panel: rgba(13, 12, 23, .9)}#hud{background:linear-gradient(rgba(11,11,18,.94),transparent)}#risk-card,#arc-card{box-shadow:0 14px 42px #00000052}.hud-metrics small,.eyebrow,.controls{color:#b8b3c5}}@media(max-width:680px){:root{--panel: rgba(13, 12, 23, .93)}#hud{padding:12px 10px;gap:8px}.brand{min-width:0;flex:1;font-size:10px;letter-spacing:.1em}.brand small{font-size:8px;letter-spacing:.12em}.mark{flex:0 0 30px;width:30px;height:30px}.hud-metrics{min-width:0;gap:8px}.hud-metrics small{font-size:8px;letter-spacing:.1em}.hud-metrics b{font-size:12px}.hud-actions{gap:4px}.hud-actions button{min-height:38px;padding:7px 8px;font-size:8px}#risk-card,#arc-card{bottom:78px;padding:10px 12px}#risk-card{left:10px;width:min(46%,180px)}#arc-card{right:10px;width:min(46%,180px)}#risk-card span,#arc-card small{font-size:9px;line-height:1.35}#toast{top:23%;width:calc(100% - 24px);max-width:none;text-align:center;white-space:normal}.screen{padding:12px}.title-card,.modal-card{width:calc(100% - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:24px 20px}.title-card h1{font-size:clamp(58px,19vw,82px)}.title-card p{font-size:14px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin:20px 0;font-size:9px}.primary,.secondary{width:100%;min-height:48px}.secondary{display:block;margin:8px 0 0}#end-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 18px}#touch-controls{right:10px;bottom:max(10px,env(safe-area-inset-bottom));gap:5px}#touch-controls button{width:50px;height:48px}}@media(max-width:380px){.hud-metrics{gap:5px}.hud-metrics small{font-size:7px}.hud-metrics b{font-size:11px}.hud-actions button{padding-inline:6px}#risk-card,#arc-card{width:calc(50% - 15px)}}#title-screen{place-items:center start;padding-left:clamp(24px,7vw,104px);background:linear-gradient(90deg,color-mix(in srgb,var(--void) 96%,transparent) 0%,color-mix(in srgb,var(--void) 72%,transparent) 42%,transparent 76%)}#title-screen .title-card{width:min(500px,42vw);border-left:3px solid var(--violet);background:linear-gradient(135deg,var(--panel-strong),var(--panel));box-shadow:24px 32px 100px color-mix(in srgb,var(--void) 78%,transparent)}#title-screen .title-card h1{font-size:clamp(72px,9vw,124px)}#pause-screen,#ending-screen{background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--violet) 10%,transparent),color-mix(in srgb,var(--void) 88%,transparent) 68%)}#arc-card[data-ready=clean]{border-right-color:var(--cyan);box-shadow:0 0 32px color-mix(in srgb,var(--cyan) 18%,transparent)}#arc-card[data-ready=reach]{border-right-color:var(--amber)}#arc-card[data-ready=far]{border-right-color:var(--red)}#arc-card[data-ready=clean] #arc-label{color:var(--cyan)}#ending-screen[data-outcome=virtuoso] .modal-card{border-color:var(--cyan);box-shadow:0 0 80px color-mix(in srgb,var(--cyan) 16%,transparent)}#ending-screen[data-outcome=shunted] .modal-card,#ending-screen[data-outcome=dropped] .modal-card{border-color:color-mix(in srgb,var(--red) 72%,var(--violet))}#end-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}#toast{max-width:min(520px,calc(100vw - 32px));text-align:center}@media(max-width:680px){#title-screen{place-items:end center;padding:12px 12px max(12px,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--violet) 12%,transparent),color-mix(in srgb,var(--void) 90%,transparent) 72%)}#title-screen .title-card{width:calc(100% - 24px);border-left-width:2px}#end-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}#touch-lean{position:fixed;left:18px;bottom:18px;z-index:4;display:flex;gap:8px}#touch-lean[hidden]{display:none}#touch-lean button{width:54px;height:48px;border:1px solid var(--violet);background:var(--panel-strong);font:700 17px Space Mono,monospace;touch-action:none}#touch-lean button:active{background:var(--cyan);color:var(--void)}@media(max-width:680px){#touch-lean{left:10px;bottom:max(10px,env(safe-area-inset-bottom));gap:5px}#touch-lean button{width:50px;height:48px}}