@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@300;400;500;600;700;800&display=swap');
:root{--ink:#e8edf1;--muted:#9ba7b1;--cyan:#9be8e3;--red:#d45a61;--panel:rgba(8,13,18,.78);--line:rgba(220,240,245,.16)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#05090d;color:var(--ink);font-family:Manrope,system-ui,sans-serif}body{user-select:none}#game{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none}#vignette{pointer-events:none;position:fixed;inset:0;background:radial-gradient(ellipse at center,transparent 34%,rgba(0,0,0,.42) 100%);z-index:2}.hud-top{position:fixed;z-index:5;left:28px;right:28px;top:24px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{font-size:12px;font-weight:800;letter-spacing:.24em;color:#edf4f6}.brand span{color:var(--cyan)}.hud-right,.hud-right span{font:11px 'DM Mono',monospace;letter-spacing:.13em;color:#c6d1d6}.hud-right{display:flex;gap:12px;align-items:center}.dot{width:4px;height:4px;background:var(--red);border-radius:50%}.glass{background:rgba(6,12,17,.62);border:1px solid var(--line);backdrop-filter:blur(12px);box-shadow:0 8px 28px #0003}#objective{position:fixed;top:76px;left:28px;z-index:5;padding:13px 17px;min-width:245px;max-width:340px;border-left:2px solid var(--cyan)}#objective small,.status-label,.eyebrow{font:10px 'DM Mono',monospace;letter-spacing:.17em;color:var(--cyan)}#objective div{font-size:13px;margin-top:6px;color:#eef3f4}.bottom-hud{position:fixed;z-index:5;left:28px;right:28px;bottom:24px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.status-card{padding:12px 14px;width:145px}.battery{height:3px;background:#314047;margin:9px 0 6px}.battery span{display:block;height:100%;width:100%;background:var(--cyan);transition:width .2s}.status-value{font:10px 'DM Mono',monospace;color:#cad4d8}.hint{font:9px 'DM Mono',monospace;letter-spacing:.09em;color:#aab8bd;text-align:center;margin-bottom:10px}.hint span{color:var(--cyan);padding:0 5px}.icon-button{background:#09151aaf;border:1px solid var(--line);color:var(--cyan);padding:12px 14px;cursor:pointer;font-size:16px}.icon-button span{font:10px 'DM Mono',monospace;letter-spacing:.1em;margin-left:6px;color:#d9e5e7}#crosshair{position:fixed;z-index:4;left:50%;top:50%;width:12px;height:12px;transform:translate(-50%,-50%);opacity:.75;pointer-events:none}#crosshair i,#crosshair b{position:absolute;display:block;background:#d7eeee;box-shadow:0 0 6px #a1eeee}#crosshair i{width:1px;height:12px;left:5px}#crosshair b{height:1px;width:12px;top:5px}.prompt{position:fixed;z-index:6;left:50%;top:57%;transform:translateX(-50%);padding:9px 13px;background:#071015d9;border:1px solid #a0e4dd66;font:11px 'DM Mono',monospace;letter-spacing:.05em;color:#dff8f4;opacity:0;transition:opacity .15s;pointer-events:none}.prompt.visible{opacity:1}.subtitle{position:fixed;z-index:7;left:50%;bottom:100px;transform:translateX(-50%);max-width:min(700px,90vw);padding:12px 18px;text-align:center;background:#05090dbb;color:#f2f5f6;font-size:14px;letter-spacing:.03em;text-shadow:0 1px 8px #000;opacity:0;transition:opacity .4s;pointer-events:none}.subtitle.visible{opacity:1}.toast{position:fixed;z-index:7;top:150px;left:50%;transform:translateX(-50%);padding:10px 15px;background:#071015df;border:1px solid var(--line);font:11px 'DM Mono',monospace;color:var(--cyan);opacity:0;transition:opacity .25s;pointer-events:none}.toast.visible{opacity:1}.modal{position:fixed;z-index:10;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(1,4,7,.62);backdrop-filter:blur(7px);padding:20px}.hidden{display:none!important}.modal-panel{position:relative;width:min(520px,100%);max-height:90vh;overflow:auto;background:linear-gradient(145deg,rgba(13,23,29,.97),rgba(5,10,14,.97));border:1px solid #b6e7e322;box-shadow:0 30px 100px #000a;padding:34px}.intro-panel{width:min(590px,100%);padding:42px}.intro-panel h1{font-size:clamp(39px,8vw,68px);line-height:.98;letter-spacing:-.07em;margin:20px 0 17px;font-weight:800}.intro-panel h1 em{font-style:normal;color:var(--cyan)}.intro-copy{max-width:390px;color:#b8c4ca;font-size:14px;line-height:1.7}.intro-message{margin:26px 0 24px;padding:15px 17px;border-left:2px solid var(--red);background:#0004;color:#b8c7cc;font:10px 'DM Mono',monospace;line-height:1.8}.intro-message span{float:right;color:#7e8b91}.intro-message strong{display:block;color:#edf2f2;font:12px Manrope,sans-serif;line-height:1.6;margin-top:7px}.primary-button,.secondary-button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px 17px;cursor:pointer;font:11px 'DM Mono',monospace;letter-spacing:.13em;transition:background .2s,border-color .2s}.primary-button{border:1px solid var(--cyan);background:var(--cyan);color:#061214;font-weight:500}.primary-button:hover{background:#d5fffa}.primary-button span{font-size:17px}.secondary-button{border:1px solid var(--line);background:#0b161c;color:#dce9eb;margin-top:10px}.secondary-button:hover{border-color:#9be8e388;background:#10232a}.tiny{font:9px 'DM Mono',monospace;color:#718087;text-align:center;margin:16px 0 0}.side-panel{width:min(460px,100%);margin-left:auto;margin-right:4vw}.close-button{position:absolute;right:18px;top:13px;background:none;border:0;color:#aab9bd;font-size:26px;cursor:pointer}.modal-panel h2{font-size:26px;letter-spacing:-.04em;margin:13px 0}.muted{color:#89999f;font-size:12px;line-height:1.6}.clue-list{margin:22px 0}.clue{padding:14px 0;border-bottom:1px solid var(--line)}.clue strong{display:block;color:var(--cyan);font-size:12px;margin-bottom:6px}.clue p{font-size:12px;line-height:1.6;color:#bac7cb;margin:0}.divider{height:1px;background:var(--line);margin:20px 0}.journal-note{font-size:13px;line-height:1.7;color:#b8c6ca}.phone-panel{width:min(340px,100%);border-radius:28px;padding:32px 24px 25px;border-color:#52676b}.phone-notch{width:90px;height:14px;border-radius:10px;background:#020607;position:absolute;top:9px;left:calc(50% - 45px)}.phone-top{display:flex;justify-content:space-between;font:10px 'DM Mono',monospace;color:#a6b5ba;margin:3px 0 27px}.phone-app-icon{width:46px;height:46px;border-radius:14px;background:#112b30;color:var(--cyan);display:grid;place-items:center;font-size:23px;margin-bottom:14px}.phone-panel h2{font-size:18px}.phone-message{padding:13px;background:#13242a;border-radius:12px 12px 12px 2px;font-size:12px;line-height:1.6;color:#e1e9ea;margin:18px 0}.phone-actions{display:grid;gap:3px}.mini-map{height:130px;margin-top:14px;background:linear-gradient(45deg,#132126,#0b171b);position:relative;overflow:hidden;border:1px solid var(--line)}.map-road{position:absolute;width:180%;height:30px;left:-30%;top:48px;background:#344247;transform:rotate(-24deg);border:1px solid #59676b}.map-pin{position:absolute;left:52%;top:32%;color:var(--red);font-size:22px;text-shadow:0 0 12px #d45a61}.mini-map small{position:absolute;bottom:9px;left:10px;font:9px 'DM Mono',monospace;letter-spacing:.1em}.settings-panel{width:min(450px,100%)}.setting-row{display:flex;flex-direction:column;gap:12px;font-size:12px;color:#c9d4d7;margin:23px 0}.setting-row input[type=range]{width:100%;accent-color:var(--cyan)}.setting-row input[type=checkbox]{accent-color:var(--cyan);width:18px;height:18px}.pause-panel{width:min(390px,100%);text-align:center}.pause-panel h2{font-size:38px;letter-spacing:.15em;margin:18px 0 25px}.pause-panel .eyebrow{margin-top:8px}.pause-panel button{text-align:left}.loader-eye{font-size:45px;color:var(--cyan);animation:pulse 2s infinite}.load-track{height:2px;width:220px;background:#23343a;margin:24px auto;overflow:hidden}.load-track span{display:block;width:40%;height:100%;background:var(--cyan);animation:load 1.5s infinite}#loading{position:fixed;z-index:20;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#05090d;text-align:center;transition:opacity .5s}.#loading h1{font-size:13px;letter-spacing:.25em}.#loading p{font:10px 'DM Mono',monospace;color:#788b91}@keyframes load{from{transform:translateX(-100%)}to{transform:translateX(350%)}}@keyframes pulse{50%{opacity:.35;transform:scale(.9)}}@media(max-width:700px){.hud-top{left:15px;right:15px;top:16px}.brand{font-size:9px;letter-spacing:.14em}.hud-right{font-size:9px;gap:7px}.#objective{top:54px;left:15px;min-width:0;max-width:250px;padding:10px 12px}.bottom-hud{left:15px;right:15px;bottom:14px;gap:8px;align-items:center}.status-card{width:105px;padding:9px}.hint{display:none}.icon-button{padding:10px}.modal-panel{padding:27px 23px}.intro-panel{padding:28px 23px}.intro-panel h1{font-size:43px}.side-panel{margin:0}.subtitle{bottom:85px;font-size:12px}.status-label{font-size:8px}}