:root{--void:#0a0e14;--cyan:#00e5ff;--magenta:#e040fb;--amber:#ffb300;--red:#ff2a45;--green:#4dffa6;--kestrel:#e8ecf0;--kestrel-dim:#8a9bb0;--ink:#e8ecf0;--dim:#8a9bb0b8;--panel:#0a0e14c7;--display:"Orbitron", "Segoe UI", system-ui, sans-serif;--mono:"Share Tech Mono", ui-monospace, "SFMono-Regular", Menlo, monospace}*{box-sizing:border-box}html,body{background:var(--void);height:100%;color:var(--ink);font-family:var(--display);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;touch-action:none;margin:0;overflow:hidden}#app canvas{width:100vw;height:100vh;display:block;position:fixed;inset:0}.hidden{display:none!important}.mono{font-family:var(--mono)}.dim{color:var(--dim)}#scanlines{pointer-events:none;mix-blend-mode:overlay;z-index:50;background:repeating-linear-gradient(#ffffff06 0 1px,#0000 1px 3px);position:fixed;inset:0}#flash{pointer-events:none;z-index:30;opacity:0;background:radial-gradient(circle,#e8fff8 0%,#50ffc899 40%,#0000 80%);position:fixed;inset:0}#flash.on{animation:.55s ease-out flash-out}#flash.on.bad{background:radial-gradient(circle,#ff4060 0%,#b41428a6 45%,#0000 80%);animation:.5s ease-out flash-out}@keyframes flash-out{0%{opacity:.95}to{opacity:0}}#ph-next{z-index:12;color:#e8f4ff;text-align:center;pointer-events:none;opacity:0;background:#0a0e14e0;border:1px solid #e040fb8c;max-width:min(92vw,34rem);padding:.55rem 1rem;font-size:.95rem;transition:opacity .15s;position:fixed;bottom:5.5rem;left:50%;transform:translate(-50%);box-shadow:0 0 24px #e040fb40}#ph-next.show{opacity:1}#ph-next b{color:#00e5ff}#vignette{pointer-events:none;opacity:0;z-index:5;background:radial-gradient(#0000 45%,#ff14328c 100%);transition:opacity .15s linear;position:fixed;inset:0}.screen{z-index:20;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}#loading{background:var(--void);flex-direction:column;gap:0;overflow:hidden}.loading-art{opacity:.38;filter:saturate(.82)brightness(.72);background:url(/art/act-1-cold-aisle.webp) 50%/cover no-repeat;position:absolute;inset:0}#loading:after{content:"";pointer-events:none;background:linear-gradient(#0a0e148c 0%,#0a0e14e0 55%,#0a0e14f5 100%);position:absolute;inset:0}#loading[data-act="2"] .loading-art{background-image:url(/art/act-2-danas-house.webp)}#loading[data-act="3"] .loading-art{background-image:url(/art/act-3-grid-city.webp)}.loading-panel{z-index:1;flex-direction:column;align-items:center;gap:18px;width:min(420px,88vw);display:flex;position:relative}.loadbar{background:#4ef0ff1f;border-radius:2px;width:min(420px,80vw);height:4px;overflow:hidden}#load-fill{background:linear-gradient(90deg, var(--cyan), var(--magenta));width:0%;height:100%;box-shadow:0 0 12px var(--cyan);transition:width .2s}#title{background:var(--void);justify-content:flex-start;overflow:hidden}.title-art{opacity:.5;filter:saturate(.9)brightness(.78);background:url(/art/title-key-art.webp) 50%/cover no-repeat;position:absolute;inset:0}#title:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0a0e14f0 0%,#0a0e149e 42%,#0a0e1426 72%,#0000 88%);position:absolute;inset:0}.title-card{z-index:1;max-width:560px;margin-left:clamp(8px,6vw,96px);animation:.9s both rise;position:relative}.kicker{letter-spacing:.18em;color:var(--cyan);opacity:.8;margin-bottom:10px;font-size:11px}.logo{font-family:var(--display);letter-spacing:.14em;color:var(--kestrel);text-shadow:0 0 8px #00e5ff59,0 0 24px #e040fb2e;margin:0 0 18px;font-size:clamp(56px,11vw,124px);font-weight:900;line-height:1}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);pointer-events:none;opacity:.7;position:absolute;inset:0}.glitch:before{color:var(--magenta);mix-blend-mode:screen;animation:3.2s step-end infinite glitch-a}.glitch:after{color:var(--cyan);mix-blend-mode:screen;animation:2.7s step-end infinite glitch-b}@keyframes glitch-a{0%,92%,to{clip-path:inset(0 0 100%);transform:none}93%{clip-path:inset(20% 0 50%);transform:translate(-4px,1px)}96%{clip-path:inset(60% 0 10%);transform:translate(3px,-2px)}}@keyframes glitch-b{0%,88%,to{clip-path:inset(100% 0 0);transform:none}89%{clip-path:inset(40% 0 30%);transform:translate(4px)}93%{clip-path:inset(5% 0 75%);transform:translate(-3px,2px)}}.lede{font-family:var(--mono);color:#d8f6ffdb;margin:0 0 14px;font-size:15px;line-height:1.65}.lede em{color:var(--magenta);text-shadow:0 0 10px #ff4fd899;font-style:normal}.actions{flex-wrap:wrap;gap:12px;margin:26px 0 22px;display:flex}.btn{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:1px solid var(--cyan);color:var(--ink);background:0 0;border-radius:4px;padding:14px 24px;font-size:14px;font-weight:700;transition:transform .12s,box-shadow .2s,background .2s}.btn:hover,.btn:focus-visible{outline:none;transform:translateY(-1px);box-shadow:0 0 18px #4ef0ff73,inset 0 0 12px #4ef0ff33}.btn.primary{background:linear-gradient(90deg,#4ef0ff38,#ff4fd838);box-shadow:0 0 14px #4ef0ff4d}.btn.ghost{color:var(--dim);border-color:#4ef0ff59}.controls{color:var(--dim);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;font-size:12px;display:grid}kbd{min-width:22px;color:var(--ink);text-align:center;font-family:var(--mono);background:#4ef0ff0f;border:1px solid #4ef0ff66;border-radius:3px;margin-right:3px;padding:2px 6px;font-size:11px;display:inline-block}.touch-only{display:none}body.touch .touch-only{display:block}#story{background:#010308f0}.story-card{width:100%;max-width:720px}.typed{white-space:pre-wrap;color:#bff6ff;text-shadow:0 0 8px #4ef0ff80;min-height:8em;font-size:clamp(15px,2.2vw,20px);line-height:1.8}.typed:after{content:"▋";color:var(--cyan);animation:1s step-end infinite blink}.blink{letter-spacing:.15em;margin-top:26px;font-size:12px;animation:1.4s step-end infinite blink}@keyframes blink{50%{opacity:0}}.card{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;border:1px solid #4ef0ff59;border-radius:6px;max-width:520px;padding:34px 38px;animation:.4s both rise;box-shadow:0 0 40px #4ef0ff26}.card .actions{justify-content:center;margin-bottom:0}.card h2,.teaser-card h2{letter-spacing:.12em;margin:6px 0 16px;font-size:clamp(30px,6vw,46px)}.card.danger{border-color:#ff2a4599;box-shadow:0 0 60px #ff2a4540}.card.danger h2{color:#ffd6dc;text-shadow:0 0 20px #ff2a45e6}.card.danger .kicker{color:var(--red)}#caught{background:radial-gradient(#2800088c,#020002d9)}#pause{background:#01040ab3}#teaser{background:linear-gradient(270deg,#010308e6 0%,#01030866 45%,#0000 70%);justify-content:flex-end}.teaser-card{max-width:460px;margin-right:clamp(8px,6vw,96px);animation:1.2s .6s both rise}.teaser-card h2{text-shadow:0 0 18px #ff4fd8cc,0 0 50px #4ef0ff66}.teaser-sub{font-family:var(--mono);color:var(--magenta);letter-spacing:.1em;margin:-8px 0 22px;font-size:22px}.hops{color:var(--ink);margin:0;padding:0;font-size:14px;line-height:2.1;list-style:none}.hops span{color:var(--cyan);opacity:.8;margin-right:12px}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}#hud{pointer-events:none;z-index:10;position:fixed;inset:0}.hud-tl{max-width:min(460px,60vw);position:absolute;top:18px;left:20px}#hud-level{letter-spacing:.2em;margin-bottom:6px;font-size:11px}#hud-objective{letter-spacing:.04em;border-left:3px solid var(--cyan);text-shadow:0 0 10px #4ef0ff80;background:linear-gradient(90deg,#041424cc,#0000);padding:8px 12px;font-size:16px;font-weight:700;line-height:1.35}#hud-objective.flash{animation:.9s flash}@keyframes flash{0%{background:#4ef0ff73}to{background:linear-gradient(90deg,#041424cc,#0000)}}#hud-pickups{color:var(--dim);margin-top:10px;font-size:13px}#hud-pickups .count{font-family:var(--display);color:var(--magenta);text-shadow:0 0 12px #ff4fd8cc;margin-right:6px;font-size:26px;font-weight:900}#hud-pickups small{opacity:.7;font-size:15px}.hud-tr{background:var(--panel);border:1px solid #4ef0ff4d;border-radius:4px;width:min(260px,38vw);padding:10px 12px;position:absolute;top:18px;right:20px}.trace-head{letter-spacing:.2em;justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}#trace-pct{font-family:var(--display);letter-spacing:.05em;font-size:18px;font-weight:900}.trace-bar{background:#ffffff14;border-radius:2px;height:8px;overflow:hidden}#trace-fill{background:linear-gradient(90deg, #e040fb8c, var(--magenta));width:0%;height:100%;transition:width .1s linear;box-shadow:0 0 8px #e040fb59}#trace-status{letter-spacing:.16em;color:var(--green);margin-top:6px;font-size:11px}.hud-tr[data-status=suspicious] #trace-status{color:var(--amber)}.hud-tr[data-status=seen] #trace-status,.hud-tr[data-status=chase] #trace-status{color:var(--red);animation:.5s step-end infinite blink}.hud-tr[data-status=chase]{border-color:var(--red);box-shadow:0 0 22px #ff2a4580}.hud-tr.critical #trace-pct{color:var(--red);text-shadow:0 0 10px var(--red)}#minimap{opacity:.95;width:170px;height:170px;position:absolute;top:118px;right:20px}.hud-bl{width:200px;position:absolute;bottom:22px;left:20px}#hud-mode{letter-spacing:.2em;color:var(--cyan);margin-bottom:6px;font-size:11px}#hud-mode[data-mode=stealth]{color:#8f9cff}#hud-mode[data-mode=sprint]{color:var(--amber)}.stamina{background:#ffffff14;border-radius:2px;height:5px;overflow:hidden}#stamina-fill{background:linear-gradient(90deg, var(--cyan), #9ffcff);height:100%;box-shadow:0 0 8px var(--cyan)}#threats{position:absolute;inset:0}.threat{border-left:11px solid #0000;border-right:11px solid #0000;border-bottom:18px solid var(--amber);width:0;height:0;filter:drop-shadow(0 0 6px var(--amber));margin:-9px 0 0 -11px;position:absolute}.threat.chase{border-bottom-color:var(--red);filter:drop-shadow(0 0 8px var(--red));animation:.4s step-end infinite blink}#hud-timer{letter-spacing:.12em;font-size:13px;position:absolute;top:18px;left:50%;transform:translate(-50%)}#marker{letter-spacing:.1em;color:#ffc8f4;text-shadow:0 0 6px #ff4fd8e6;will-change:transform;opacity:0;flex-direction:column;align-items:center;gap:4px;font-size:11px;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}#marker.show{opacity:1}#marker .diamond{border:2px solid var(--magenta);width:14px;height:14px;box-shadow:0 0 10px var(--magenta);transform:rotate(45deg)}#marker[data-kind=exit]{color:#c8ffe4;text-shadow:0 0 6px #4dffa6e6}#marker[data-kind=exit] .diamond{border-color:var(--green);box-shadow:0 0 10px var(--green)}#marker.edge .diamond{background:#ff4fd859;border-radius:2px}.hud-tr.rising .trace-bar{animation:.35s ease-in-out infinite alternate pulse-bar}@keyframes pulse-bar{to{background:#ff2a4540;box-shadow:0 0 14px #ff2a45e6}}#channel{text-align:center;letter-spacing:.14em;opacity:0;width:min(340px,70vw);font-size:12px;transition:opacity .2s;position:absolute;bottom:88px;left:50%;transform:translate(-50%)}#channel.show{opacity:1}.channel-bar{background:#ffffff1a;border-radius:3px;height:6px;margin-top:6px;overflow:hidden}#channel-fill{background:linear-gradient(90deg, var(--magenta), var(--cyan));width:0;height:100%;box-shadow:0 0 10px var(--magenta)}#toast{letter-spacing:.04em;background:var(--panel);opacity:0;text-align:center;border:1px solid #4ef0ff66;border-radius:4px;max-width:86vw;padding:10px 18px;font-size:14px;transition:opacity .25s,transform .25s;position:absolute;top:22%;left:50%;transform:translate(-50%,-8px)}#toast.show{opacity:1;transform:translate(-50%)}#toast[data-kind=good]{border-color:var(--magenta);box-shadow:0 0 20px #ff4fd859}#toast[data-kind=bad]{border-color:var(--red);color:#ffd6dc;box-shadow:0 0 24px #ff2a4573}#hint{color:var(--ink);opacity:0;text-align:center;background:#02081099;border-radius:4px;max-width:70vw;padding:8px 14px;font-size:13px;transition:opacity .4s;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}#hint.show{opacity:1}#lock-hint{font-size:11px;position:absolute;bottom:22px;right:20px}#perf{letter-spacing:.08em;font-size:10px;position:absolute;bottom:40px;right:20px}body.locked #lock-hint,body.touch #lock-hint{display:none}#control-hint{letter-spacing:.04em;z-index:40;pointer-events:none;background:#060a10e0;border:1px solid #00e5ff59;padding:10px 18px;font-size:13px;transition:opacity .4s;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}#control-hint.hidden{opacity:0}#touch-ui{display:none}body.touch.playing #touch-ui{display:block}#touch-stick{z-index:15;pointer-events:none;opacity:.6;background:#4ef0ff0f;border:1px solid #4ef0ff59;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;position:fixed;top:calc(100% - 110px);left:90px}#touch-stick.active{opacity:1}#touch-knob{width:50px;height:50px;box-shadow:0 0 16px var(--cyan);background:#4ef0ff59;border-radius:50%;position:absolute;top:35px;left:35px}.touch-btn{z-index:16;border:1px solid var(--cyan);width:64px;height:64px;color:var(--ink);font-family:var(--display);background:#04142499;border-radius:50%;font-weight:700;position:fixed}#touch-sprint{bottom:110px;right:28px}#touch-stealth{bottom:40px;right:104px}#touch-pause{width:44px;height:44px;top:300px;right:20px}@media (width<=720px){.title-card{margin:0 auto}#title{background:#02050ac7;align-items:flex-end}.lede,#hud-objective{font-size:13px}#minimap{width:120px;height:120px;top:104px}.hud-tr{padding:8px}.hud-bl{width:140px;top:150px;bottom:auto}.controls{grid-template-columns:1fr}}#phud{pointer-events:none;z-index:11;position:fixed;inset:0}body.possession #marker,body.possession #threats,body.possession #hint{display:none!important}body.possession #hud-mode:before{content:"HOST HEAT · "}#ph-osd{letter-spacing:.14em;color:#e6ffebd9;text-shadow:0 0 4px #000000e6;font-size:13px;position:absolute;top:44px;left:50%;transform:translate(-50%)}#phud[data-lens=cctv] #ph-osd,#phud[data-lens=thermal] #ph-osd{font-family:Courier New,monospace;font-weight:700}#phud[data-lens=netsight] #ph-osd{color:var(--cyan)}#ph-hostbox{max-width:46vw;position:absolute;bottom:64px;left:20px}#ph-host{letter-spacing:.06em;color:#eaffff;text-shadow:0 0 10px #4ef0ff99;font-size:18px;font-weight:700}#ph-meta{letter-spacing:.12em;color:var(--dim);margin-top:4px;font-size:11px}#ph-quip{text-align:center;color:#c8f0ffb3;opacity:0;max-width:70vw;font-size:13px;transition:opacity .4s;position:absolute;top:72%;left:50%;transform:translate(-50%)}#ph-quip.show{opacity:1}#ph-verbs{letter-spacing:.06em;color:var(--dim);white-space:nowrap;background:#0208108c;border-radius:4px;padding:7px 14px;font-size:12px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}#ph-verbs b{color:var(--ink);font-weight:600}#ph-cross{border:1px solid #b4f0ff59;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;top:50%;left:50%}#ph-reticle{opacity:0;transition:opacity .12s;position:absolute;top:0;left:0}#ph-reticle.show{opacity:1}#ph-reticle .br{border:2px solid var(--magenta);width:54px;height:54px;box-shadow:0 0 14px var(--magenta), inset 0 0 10px #ff4fd866;border-radius:6px;animation:.9s ease-in-out infinite alternate ret;position:absolute;top:-27px;left:-27px}@keyframes ret{to{transform:scale(.86)}}#ph-reticle-label{white-space:nowrap;color:#ffd6f6;background:#140212bf;border:1px solid #ff4fd899;border-radius:3px;padding:3px 8px;font-size:12px;position:absolute;top:-10px;left:34px}.ph-hint{letter-spacing:.08em;color:#aaebffd9;white-space:nowrap;align-items:center;gap:6px;font-size:10px;position:absolute;top:0;left:0}.ph-hint i{border:1.5px solid var(--cyan);width:10px;height:10px;box-shadow:0 0 8px var(--cyan);margin:-5px 0 0 -5px;display:block;transform:rotate(45deg)}#ph-routes{letter-spacing:.04em;text-align:center;color:#b4f0ffb8;opacity:0;pointer-events:none;background:#02081073;border-radius:4px;max-width:min(92vw,720px);padding:6px 12px;font-size:11px;line-height:1.35;transition:opacity .35s;position:absolute;bottom:58px;left:50%;transform:translate(-50%)}#ph-routes.show{opacity:1}.ph-hint.objective i{border-color:var(--magenta);box-shadow:0 0 10px var(--magenta);background:#ff4fd84d}.ph-hint.edge span{opacity:.65}.ph-eye{transform-origin:50%;flex-direction:column;align-items:center;margin-left:-18px;position:absolute;top:0;left:0}.ph-eye svg{fill:#00000059;stroke:#ffffff8c;stroke-width:2px;width:36px;height:24px}.ph-eye svg circle{fill:rgba(255, 255, 255, calc(.15 + var(--n,0) * .85));stroke:none}.ph-eye[data-level=low] svg{stroke:var(--amber)}.ph-eye[data-level=mid] svg{stroke:#ff8a20;filter:drop-shadow(0 0 6px #ff8a20)}.ph-eye[data-level=act] svg{stroke:var(--red);filter:drop-shadow(0 0 8px var(--red));animation:.35s step-end infinite blink}.ph-eye em{font-style:normal;font-family:var(--mono);color:#ffffffd9;text-shadow:0 0 4px #000;white-space:nowrap;margin-top:2px;font-size:10px}.ph-eye u{background:var(--red);align-self:flex-start;width:0;height:3px;margin-top:2px;display:block}#ph-scan,#ph-quarantine,#ph-countdown{letter-spacing:.08em;opacity:0;white-space:nowrap;border-radius:4px;padding:7px 14px;font-size:13px;transition:opacity .2s;position:absolute;left:50%;transform:translate(-50%)}#ph-scan{color:#ffe2b0;border:1px solid var(--amber);background:#281400b3;top:26%}#ph-scan.now{color:#ffd6dc;border-color:var(--red);background:#320008bf;animation:.5s step-end infinite blink}#ph-quarantine{color:#fff;border:1px solid var(--red);background:#780014d9;top:33%;box-shadow:0 0 30px #ff2a4599}#ph-countdown{color:#ffd6dc;background:#1e0006bf;border:1px solid #ff2a45b3;font-size:16px;top:14%}#ph-scan.show,#ph-quarantine.show,#ph-countdown.show{opacity:1}#ph-boot{white-space:pre;color:var(--cyan);opacity:0;text-align:center;font-size:12px;position:absolute;top:58%;left:50%;transform:translate(-50%)}#ph-boot.on{animation:1.4s ease-out boot-out}@keyframes boot-out{0%{opacity:1}70%{opacity:.9}to{opacity:0}}#phud.chirp #ph-cross{animation:.8s ease-out chirp-ring}@keyframes chirp-ring{0%{box-shadow:0 0 #b478ffe6}to{box-shadow:0 0 0 220px #b478ff00}}