:root{font-family:Arial,Helvetica,sans-serif;color:#e4e7d6;background:#0b100d;font-synthesis:none;--lime:#c8d6ae;--muted:#9b9f8d;--line:#d1d7b62b}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #e6f6bf;outline-offset:5px}button{border:0}button:disabled{cursor:wait}button:hover{filter:brightness(1.17)}[hidden]{display:none!important}#world,#world canvas,#vignette,#grain,#damage{position:fixed;inset:0;width:100%;height:100%}#world{touch-action:none}#world canvas{display:block}#vignette{pointer-events:none;background:radial-gradient(ellipse at 60% 42%,transparent 20%,#0005 67%,#000b 100%);z-index:1}#grain{pointer-events:none;z-index:2;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.89' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}#damage{pointer-events:none;z-index:4;opacity:0;background:radial-gradient(transparent 25%,#b82b0d99);transition:opacity .2s}.screen{position:fixed;inset:0;z-index:3;padding:32px 4.7vw;background:linear-gradient(90deg,#070c0be8 0%,#070c0b9c 36%,transparent 73%);display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:12px;letter-spacing:3px;color:#e4e7d6;text-decoration:none;font-weight:700;display:flex;align-items:center;gap:15px}.mark{font-size:28px;color:var(--lime);font-weight:400}.edition{font-size:9px;color:#999e8c;letter-spacing:2px}.quiet{padding:12px 0;background:transparent;font-size:10px;letter-spacing:1.8px;border-bottom:1px solid var(--line)}.hero{margin-top:auto;margin-bottom:auto;padding-top:26px}.eyebrow{font-size:10px;letter-spacing:2.4px;line-height:1.8;color:var(--lime);margin:0 0 24px}.live-dot{display:inline-block;background:#b8c591;width:5px;height:5px;border-radius:50%;margin:0 9px 2px 0;box-shadow:0 0 10px #c3d59e66}h1{font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(72px,8.8vw,142px);font-weight:400;line-height:.89;letter-spacing:-1.8px;margin:0 0 26px}h1 span:not(.title-dot){color:#c7d1b0}.title-dot{color:#ad4b36}.intro{font-family:Georgia,serif;font-style:italic;line-height:1.4;font-size:21px;color:#e7e8d7;margin:0 0 19px}.synopsis{font-size:12px;line-height:1.9;color:#969d8e;margin:0 0 30px}.primary{display:flex;align-items:center;justify-content:space-between;gap:50px;background:#dce4c8;color:#1b261d;font-size:11px;letter-spacing:2px;padding:21px 24px;min-width:260px;font-weight:700;transition:background .2s}.primary span{font-size:21px;font-weight:400;line-height:14px}.primary:hover{background:#ecf7d7}.facts{display:flex;gap:13px;align-items:center;margin-top:18px;font-size:8px;letter-spacing:1.1px;color:#909981}.facts i{width:2px;height:2px;background:#7c896d}.archive{position:absolute;right:5vw;top:37%;text-align:right;opacity:.6;font-size:9px;letter-spacing:2px}.archive b{display:block;font-size:86px;font-weight:200;letter-spacing:-6px;line-height:1.5;color:#c3cfa8}.archive-line{height:1px;background:var(--line);margin:24px 0 20px}.archive p{font-size:10px;letter-spacing:.5px;line-height:1.7;color:#b1b9a4}footer{display:flex;align-items:center;gap:65px;padding-top:22px;border-top:1px solid var(--line)}.headphones{display:flex;gap:14px;font-size:22px;color:var(--lime);align-items:center}.headphones span{font-size:11px;color:#c7cdba;line-height:1.7}.headphones small{font-size:10px;color:#919982}.footer-note{margin-left:auto;font-size:8px;letter-spacing:2px;color:#7e8974}#hud{position:fixed;inset:0;z-index:3;pointer-events:none;padding:30px 35px}.hud-top,.hud-bottom{display:flex;justify-content:space-between;align-items:center}.hud-top .eyebrow{margin-bottom:5px;font-size:9px}.hud-top p{margin:0;font-size:13px;text-shadow:0 2px 6px black}.hud-actions{display:flex;gap:14px;pointer-events:auto}.hud-actions button{padding:12px;background:#0b120db3;border:1px solid var(--line);font-size:10px;letter-spacing:1px}kbd{font-size:9px;border:1px solid #778066;padding:2px 4px;margin-left:6px}#crosshair{position:absolute;width:4px;height:4px;border-radius:50%;background:#ffffffac;left:50%;top:50%;box-shadow:0 0 3px #000;transform:translate(-50%,-50%)}#crosshair.armed{width:15px;height:15px;border:1px solid #efffca9c;background:none}#prompt{position:absolute;top:57%;left:50%;transform:translate(-50%);font-size:12px;padding:10px 15px;background:#090e0edb;border:1px solid var(--line);text-align:center;white-space:nowrap}#prompt:empty{display:none}#radio{position:absolute;bottom:110px;left:50%;transform:translate(-50%);max-width:560px;width:75%;text-align:center;opacity:0;transition:opacity .3s;text-shadow:0 2px 6px #000}#radio.visible{opacity:1}#speaker{font-size:9px;letter-spacing:2px;color:#b3bd9e}#subtitle{font-size:16px;line-height:1.6;margin:9px 0 0}.hud-bottom{position:absolute;bottom:46px;left:35px;right:35px;gap:15px;font-size:10px;letter-spacing:1px}.tiny{font-size:8px;color:#a5ae94}.stamina-track{width:105px;height:2px;background:#e3e8d32b;margin-top:8px}.stamina-track i{display:block;height:100%;background:#cbdab0;width:100%}#danger{color:#d7b07f;text-align:center;font-size:9px}#inventory b{font-weight:400;color:#dce8be;margin-left:10px}#keys-hint{position:absolute;bottom:16px;font-size:9px;color:#a2ad91;left:35px;letter-spacing:.4px}.overlay{position:fixed;inset:0;z-index:7;background:#050a08da;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:25px;overflow-y:auto}.panel{width:100%;max-width:460px;padding:20px 0}.panel h2{font-family:Georgia,serif;font-weight:400;font-size:38px;margin:0 0 22px;letter-spacing:-1px}.panel p:not(.eyebrow){font-size:14px;line-height:1.8;color:#b0b8a6}.panel .primary{width:100%;margin-top:28px}.panel .small{font-size:11px!important;color:#8e9882!important}.panel .quiet{margin-top:15px}.setting{display:flex;align-items:center;justify-content:space-between;padding-top:22px;color:#b0b8a6;font-size:12px;gap:20px}.setting input{accent-color:#bccc9e;width:150px}.setting input[type=checkbox]{width:18px;height:18px}.muted{color:#8f9983}.help-rows p{display:flex;gap:20px;border-top:1px solid var(--line);padding-top:16px;font-size:12px!important}.help-rows b{min-width:118px;font-weight:400;color:#e0e5d2}.help-rows span{font-size:12px}.map-panel{max-width:430px}.map-panel h2{font-size:28px;margin-bottom:15px}#map-canvas{width:100%;max-height:55vh;object-fit:contain;background:#0c1510}.map-legend{display:flex;justify-content:space-between;font-size:10px;margin:15px 0;color:#cbdab0}.end-time{font-family:monospace;letter-spacing:3px}#touch{position:fixed;inset:0;pointer-events:none;z-index:4}#stick{position:absolute;bottom:35px;left:32px;width:112px;height:112px;border:1px solid #d5e3b633;border-radius:50%;background:#0d180e3d;pointer-events:auto;touch-action:none}#stick i{position:absolute;width:44px;height:44px;left:33px;top:33px;background:#c2d0ab33;border:1px solid #d3e2b65c;border-radius:50%}.touch-actions{position:absolute;bottom:35px;right:25px;display:flex;gap:12px;align-items:end;pointer-events:auto}.touch-actions button{width:58px;height:58px;border:1px solid #cddab54d;background:#13211588;border-radius:50%;font-size:11px;touch-action:none}#touch-use{width:76px;height:76px;font-size:20px}#touch-fire{border-color:#d99570;background:#793a2388}#look-hint{position:absolute;bottom:13px;right:28px;font-size:8px;color:#aab897}.touch-device #keys-hint{display:none}.touch-device #radio{bottom:170px}.touch-device .hud-bottom{bottom:150px}.touch-device #prompt{top:58%}.touch-device .hud-top{align-items:start}.touch-device .hud-actions kbd{display:none}@media(max-width:700px){.screen{padding:20px 24px;padding-bottom:max(25px,env(safe-area-inset-bottom))}header .edition{display:none}.wordmark{font-size:9px;letter-spacing:2px;gap:10px}.hero{padding-top:30px}h1{font-size:clamp(66px,17vw,105px);margin-bottom:23px}.intro{font-size:19px}.synopsis{font-size:11px}.hero .eyebrow{font-size:8px;letter-spacing:1.6px}.archive,.footer-note{display:none}footer{justify-content:space-between;gap:0}.headphones span{font-size:10px}#hud{padding:20px}.hud-top p{font-size:11px}.hud-top .eyebrow{font-size:8px;letter-spacing:1px}.hud-bottom{left:20px;right:20px}.hud-actions{gap:6px}.hud-actions button{padding:10px;font-size:9px}#subtitle{font-size:13px}.panel h2{font-size:32px}.help-rows p{display:block}.help-rows b{display:block;margin-bottom:5px}}@media(max-height:650px){.screen{padding-top:15px;padding-bottom:16px}.hero{padding-top:12px}h1{font-size:70px;margin-bottom:15px}.hero .eyebrow{margin-bottom:12px}.intro{font-size:16px;margin-bottom:9px}.synopsis{margin-bottom:16px;font-size:11px}.primary{padding:16px 20px}.facts{margin-top:10px}footer{padding-top:12px}.archive{top:29%}.panel{padding-top:10px;padding-bottom:10px}.overlay{align-items:flex-start}.map-panel{max-width:330px}.map-panel .primary{margin-top:12px}.map-panel .small{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}#inventory{white-space:nowrap}.screen{overflow-y:auto}.hero,footer{flex-shrink:0}@media(max-width:700px){.stamina-track{width:78px}#danger{font-size:8px;max-width:130px}.hud-bottom{gap:10px}#inventory{font-size:9px;letter-spacing:.6px}#inventory b{margin-left:4px}}@media(max-height:450px){.hero{padding-bottom:24px}.screen footer{margin-top:20px}.touch-device #radio{bottom:126px;max-width:440px;width:65%}.touch-device .hud-bottom{bottom:18px;left:170px;right:240px}.touch-device #danger{display:none}.touch-device #stick{bottom:25px;width:100px;height:100px}.touch-device #stick i{left:27px;top:27px}.touch-device .touch-actions{bottom:25px}.touch-device #look-hint{display:none}}
