:root{--ink: #e7edf3;--dim: rgba(231, 237, 243, .55);--amber: #ffb648;--red: #ff4a3d;--cyan: #7fd8ff}html,body{margin:0;height:100%;background:#000;overflow:hidden;color:var(--ink);font-family:Inter,Helvetica Neue,Segoe UI,Arial,sans-serif;-webkit-font-smoothing:antialiased;user-select:none}#view{position:fixed;inset:0;width:100vw;height:100vh;display:block}#hud,#overlay{position:fixed;inset:0;pointer-events:none}#hud{transition:opacity .6s;font-size:12px;letter-spacing:.12em;text-shadow:0 1px 3px rgba(0,0,0,.9)}#overlay{display:flex;align-items:center;justify-content:center}kbd{display:inline-block;min-width:1.5em;padding:.18em .45em;margin-right:.5em;border:1px solid rgba(255,255,255,.55);border-radius:3px;font:600 11px/1.3 Inter,Arial,sans-serif;text-align:center;background:#0a0e148c;letter-spacing:.05em}kbd.none{display:none}.loading{text-align:center}.loading .title,.panel .title{font-size:52px;letter-spacing:.55em;font-weight:200;margin-bottom:26px;padding-left:.55em}.loading .bar{width:320px;height:2px;background:#ffffff1f;margin:0 auto 14px}.loading .bar i{display:block;height:100%;width:0;background:var(--ink);transition:width .2s}.loading .msg{font-size:11px;letter-spacing:.3em;text-transform:uppercase;opacity:.6}.objectives{position:absolute;left:34px;top:30px;max-width:360px}.objectives .hdr{font-size:10px;letter-spacing:.32em;color:var(--dim);margin-bottom:9px}.objectives .o{margin:6px 0;line-height:1.35;letter-spacing:.04em;font-size:13px;color:var(--dim);display:flex;gap:9px;align-items:baseline}.objectives .o.active{color:var(--ink)}.objectives .o .box{flex:none;width:8px;height:8px;border:1px solid currentColor;transform:translateY(0) rotate(45deg)}.objectives .o.done{opacity:.45;text-decoration:line-through}.objectives .o.done .box{background:currentColor}.objectives .o.opt{font-size:12px}.status{position:absolute;left:34px;bottom:30px;display:flex;gap:16px;align-items:center}.dial{position:relative;width:74px;height:74px}.dial svg{width:100%;height:100%;transform:rotate(-90deg)}.dial circle{fill:none;stroke-width:3.2}.dial .track{stroke:#ffffff24}.dial .fill{stroke:var(--ink);stroke-linecap:butt;transition:stroke .25s}.dial.dim .fill{stroke:var(--amber)}.dial.lit .fill{stroke:var(--red)}.dial .eye{position:absolute;left:50%;top:50%;width:22px;height:11px;margin:-6px 0 0 -11px;border:1.5px solid var(--ink);border-radius:50%/100%;opacity:.25;transition:opacity .25s}.dial .eye:after{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;margin:-2.5px;border-radius:50%;background:var(--ink)}.dial.dim .eye{opacity:.6;border-color:var(--amber)}.dial.lit .eye{opacity:1;border-color:var(--red)}.meters{width:150px}.meters .lbl{font-size:10px;letter-spacing:.26em;color:var(--dim);margin-bottom:6px}.meters .lbl b{color:var(--ink);font-weight:600;margin-left:4px}.meters .lbl.small{font-size:8px;margin:3px 0 7px}.bar{height:3px;background:#ffffff24;overflow:hidden}.bar i{display:block;height:100%;width:0;background:var(--ink);transition:width .12s}.bar.health{opacity:0;transition:opacity .5s;margin-bottom:8px}.bar.health.hurt{opacity:1}.bar.health i{background:var(--red)}.stance{font-size:10px;display:flex;justify-content:space-between;color:var(--dim)}.stance .pips{letter-spacing:.1em;color:var(--ink)}.inventory{position:absolute;right:34px;bottom:32px;display:flex;gap:14px;font-size:11px;align-items:center}.inventory span{padding:4px 8px;border:1px solid rgba(255,255,255,.25);background:#080c1266}.inventory .off{opacity:.35}.inventory .have{border-color:var(--cyan);color:var(--cyan)}.inventory .nv{border-color:#cfeaff;color:#cfeaff}.center{position:absolute;left:50%;top:50%;width:0;height:0;transition:opacity .3s}.center .dot{position:absolute;width:3px;height:3px;margin:-1.5px;border-radius:50%;background:#ffffff8c}.arc{position:absolute;left:0;top:0;width:0;height:0;display:none}.arc i{position:absolute;left:0;top:-118px;height:4px;transform:translate(-50%);background:var(--ink);border-radius:2px;box-shadow:0 0 8px #ffffff80;transition:width .1s}.arc.sus i{background:var(--amber);box-shadow:0 0 10px var(--amber)}.arc.hostile i{background:var(--red);box-shadow:0 0 12px var(--red)}.banner{position:absolute;left:50%;top:34px;transform:translate(-50%);font-size:12px;letter-spacing:.5em;padding-left:.5em;opacity:0;transition:opacity .4s}.banner.suspicious,.banner.search{opacity:1;color:var(--amber)}.banner.alert{opacity:1;color:var(--red);animation:pulse .7s infinite alternate}@keyframes pulse{0%{opacity:1}to{opacity:.45}}.prompts{position:absolute;left:50%;top:61%;transform:translate(-50%);text-align:center}.prompts .p{margin:7px 0;font-size:13px;letter-spacing:.08em;white-space:nowrap}.prompts .prog{width:180px;height:3px;background:#ffffff2e;margin:8px auto 0}.prompts .prog i{display:block;height:100%;background:var(--cyan)}.subtitle{position:absolute;left:50%;bottom:112px;transform:translate(-50%);max-width:62vw;text-align:center;font-size:16px;letter-spacing:.02em;line-height:1.4;padding:6px 14px;background:#00000073;opacity:0;transition:opacity .25s}.subtitle.show{opacity:1}.subtitle b{font-weight:600;letter-spacing:.14em;font-size:12px;margin-right:8px;color:var(--cyan);text-transform:uppercase}.toast{position:absolute;left:50%;top:22%;transform:translate(-50%);font-size:13px;letter-spacing:.3em;opacity:0;transition:opacity .4s;color:var(--cyan)}.toast.show{opacity:1}.panel{text-align:center;max-width:720px;padding:30px 46px;background:radial-gradient(ellipse at center,rgba(4,7,12,.82),rgba(4,7,12,.35) 70%,transparent)}.panel .sub{font-size:12px;letter-spacing:.42em;color:var(--dim);margin:-12px 0 30px;text-transform:uppercase}.panel p{font-size:14px;line-height:1.7;color:#e7edf3d1;letter-spacing:.02em;margin:0 auto 22px;max-width:560px}.panel button{pointer-events:auto;cursor:pointer;margin:8px 6px 0;padding:12px 30px;font:500 12px Inter,Arial,sans-serif;letter-spacing:.32em;text-transform:uppercase;color:var(--ink);background:#ffffff0f;border:1px solid rgba(255,255,255,.45);transition:all .15s}.panel button:hover{background:var(--ink);color:#05080c}.panel button.ghost{border-color:#ffffff2e;color:var(--dim)}.controls{display:grid;grid-template-columns:1fr 1fr;gap:9px 34px;text-align:left;font-size:12px;letter-spacing:.06em;color:var(--dim);margin:6px auto 26px;max-width:520px}.panel .stats{display:flex;justify-content:center;gap:38px;margin:0 0 26px}.panel .stats div{font-size:10px;letter-spacing:.26em;color:var(--dim)}.panel .stats b{display:block;font-size:26px;font-weight:300;letter-spacing:.04em;color:var(--ink);margin-bottom:4px}.panel .row{margin:0 0 20px;font-size:11px;letter-spacing:.2em;color:var(--dim)}.panel select{pointer-events:auto;background:#00000080;color:var(--ink);border:1px solid rgba(255,255,255,.3);padding:5px 8px;font:11px Arial;letter-spacing:.1em;margin-left:8px}.panel.dead .title{color:var(--red)}.panel.note{font-size:11px}.fps{position:absolute;right:12px;top:8px;font:10px monospace;color:#ffffff80;letter-spacing:0}
