:root{color-scheme:dark;--ink:#e5e4d9;--muted:#99a8a2;--amber:#d6b77e;--line:#afbcaf2e;--bg:#0d1416;font-family:'Noto Sans KR','Apple SD Gothic Neo',system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink)}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit;background:#162123cf;border:1px solid var(--line);border-radius:3px;padding:11px 16px;cursor:pointer}button:hover{background:#2b3b3b;border-color:#b4c0ac88}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--amber);outline-offset:4px}.primary{background:var(--amber);border-color:var(--amber);color:#152020;font-weight:800}.primary:hover{background:#ead0a5;color:#152020}button span{margin-left:20px}.eyebrow{font-size:10px;letter-spacing:.23em;color:var(--amber);font-weight:700}canvas{display:block;position:fixed;inset:0;width:100%;height:100%;touch-action:none}#plan{display:none}#plan.active{display:block}.grain{pointer-events:none;position:fixed;inset:0;z-index:2;opacity:.1;background:repeating-linear-gradient(0deg,#0000 0 2px,#0003 3px 4px)}[hidden]{display:none!important}#hud{position:fixed;inset:0;pointer-events:none;z-index:3}header{display:flex;justify-content:space-between;align-items:center;padding:23px 30px;background:linear-gradient(#071011b8,transparent)}.brand{font-size:14px;letter-spacing:.1em;font-weight:700}.brand span{font-size:11px;color:var(--amber);padding-left:15px;border-left:1px solid var(--line);margin-left:15px}.tools{display:flex;gap:8px;pointer-events:auto}.tools button{padding:8px 13px;font-size:11px}.mission{position:absolute;left:30px;top:101px;max-width:390px;border-left:2px solid var(--amber);padding:0 16px;text-shadow:0 2px 12px #000}.mission strong{display:block;font-size:17px;line-height:1.7;margin-top:8px}.mission small{display:block;color:#b2beb7;margin-top:9px;font-size:11px}#notice{position:absolute;left:50%;top:22%;transform:translateX(-50%);width:min(600px,90vw);text-align:center;white-space:pre-line;font-size:15px;text-shadow:0 2px 6px #000;line-height:1.8}#caption{position:absolute;bottom:115px;left:50%;transform:translateX(-50%);color:#d5dfd6;font-size:12px;background:#0a1519b0;padding:7px 16px;border-radius:3px;max-width:80vw}#caption:empty{display:none}#prompt{position:absolute;top:58%;left:50%;transform:translateX(-50%);text-align:center;font-size:14px;text-shadow:0 1px 5px #000}#hold{position:absolute;top:64%;left:50%;transform:translateX(-50%);width:170px;height:3px;background:#a4b3ad22}#hold i{display:block;height:100%;width:0;background:var(--amber)}.reticle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:30px;color:#d9e6d5a0}footer{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:26px 30px;background:linear-gradient(transparent,#050c0ee6);font-size:12px}.vitals span{display:block;margin-bottom:8px;font-size:10px;color:var(--muted)}.vitals b{color:var(--ink);font-size:19px;margin-left:12px;font-variant-numeric:tabular-nums}meter{height:5px;width:150px;border:0;background:#fff2}meter::-webkit-meter-bar{height:4px;background:#45514c;border:0;border-radius:0}meter::-webkit-meter-optimum-value{background:#adbeab}#inventory{color:#cbd5ce;letter-spacing:.02em;text-align:center;line-height:1.8}#elapsed{font-family:monospace;color:#a2b1aa;font-size:15px}.overlay{position:fixed;inset:0;z-index:5}.intro{background:#0c1416;overflow:auto}.splash{position:fixed;inset:0;background:linear-gradient(90deg,#070d11f0 0%,#0b131acc 32%,#0d171a00 70%),linear-gradient(0deg,#0b1116de,transparent 40%),url('assets/splash.jpg') center/cover}.introContent{position:relative;padding:clamp(36px,7vw,108px);max-width:790px;min-height:100%;display:flex;flex-direction:column;justify-content:center}.intro h1{font-family:serif;font-size:clamp(49px,6.8vw,96px);font-weight:800;letter-spacing:-.05em;line-height:1.1;margin:32px 0 22px;text-shadow:0 3px 25px #000}.intro h1 small{display:block;font:600 .38em sans-serif;letter-spacing:.25em;margin-bottom:17px}.chapter{font-size:21px;letter-spacing:.17em;color:var(--amber);margin:0 0 20px}.chapter span{display:block;font:10px system-ui;letter-spacing:.25em;margin-top:8px;color:#8da2a1}.story{font-size:15px;line-height:1.9;color:#c3cec7}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 27px}.chips span{font-size:10px;padding:7px 9px;border:1px solid #b1bcb735;color:#b6c8bf}.startActions{display:flex;gap:9px;flex-wrap:wrap}.startActions button{font-size:12px}.fine{font-size:11px;line-height:1.9;color:#8fa19b;margin:18px 0}.docLink{color:#c4b490;font-size:11px;display:inline-block;margin-top:6px;text-decoration:none}.modal{display:grid;place-items:center;background:#060e11ba;backdrop-filter:blur(8px);padding:20px;overflow:auto}.panel{width:min(470px,100%);padding:32px;background:#101b1eea;border:1px solid #8b9e903b;box-shadow:0 20px 90px #0007}.panel h2{font-size:25px;margin:16px 0 27px}.panel label{display:flex;align-items:center;justify-content:space-between;font-size:13px;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}.panel select{padding:7px;font-size:12px}.panel input[type=range]{width:150px;accent-color:var(--amber)}.panel input[type=checkbox]{accent-color:var(--amber);width:18px;height:18px}.panel>button{width:100%;margin-top:9px}.relayButtons{display:flex;gap:12px;justify-content:space-between}.relayButtons button{width:31%;font:700 25px monospace;padding:25px 10px}.relayPanel p{font-size:13px;line-height:1.7;color:#b9c6bc}#relayProgress{font:28px monospace;letter-spacing:.15em;color:var(--amber);margin:24px 0}.touch{display:none}@media(pointer:coarse){.touch{display:block;pointer-events:none;position:absolute;bottom:95px;width:100%;height:130px}#stick{pointer-events:auto;position:absolute;bottom:0;left:25px;border:1px solid #cdd8cf33;border-radius:50%;width:115px;height:115px;touch-action:none;background:#11202455}#stick i{position:absolute;left:35px;top:35px;width:43px;height:43px;background:#b6c4b944;border:1px solid #dce6d33a;border-radius:50%}.touchActions{position:absolute;right:20px;bottom:0;display:grid;grid-template-columns:65px 65px;gap:8px;pointer-events:auto}.touchActions button{font-size:11px;height:50px;touch-action:none}.mission{max-width:68vw}.mission strong{font-size:13px}.reticle{font-size:24px}#caption{bottom:245px}}@media(max-width:600px){header{padding:16px}.brand{font-size:11px}.brand span{display:none}.mission{left:17px;top:81px;padding-left:11px;max-width:84vw}.mission strong{font-size:14px}footer{padding:20px 17px}#inventory{font-size:10px;max-width:180px}.vitals meter{width:85px}.introContent{padding:32px 23px}.intro h1{font-size:58px}.splash{background-position:65% center}.story{font-size:13px}.panel{padding:25px}#notice{top:31%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.grain{opacity:.04}}

.reticle{transition:color .08s,transform .08s}.reticle.hit{color:#ff4a3a!important;transform:translate(-50%,-50%) scale(2.2)!important;text-shadow:0 0 8px #f00}