:root{--ink:#12140d;--olive-9:#1b1f14;--olive:#3f4628;--moss:#6a6f3c;--ochre:#c28a2c;--gold:#c9a45c;--line:#c9a45c6b;--paper:#ebe2cb;--muted:#bdb49c;--red:#c0573a;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--st:env(safe-area-inset-top,0px);--sr:env(safe-area-inset-right,0px);--sb:env(safe-area-inset-bottom,0px);--sl:env(safe-area-inset-left,0px)}[hidden]{display:none!important}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;background:var(--ink);height:100%;color:var(--paper);font:400 16px/1.5 var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}::selection{background:var(--ochre);color:var(--ink)}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}#game{position:fixed;inset:0;overflow:hidden}canvas#scene{touch-action:none;background:radial-gradient(ellipse at 70% 40%, #3a4128, var(--olive-9) 60%, var(--ink));width:100%;height:100%;display:block;position:fixed;inset:0}.cinematic{z-index:30;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--line) transparent;height:100dvh;max-height:100dvh;position:fixed;inset:0;overflow:hidden auto}.cinematic:before{content:"";z-index:-1;pointer-events:none;opacity:.45;mix-blend-mode:overlay;background:repeating-radial-gradient(circle at 30% 40%,#fff0d21a 0 1px,#0000 1px 3px) 0 0/7px 7px,repeating-radial-gradient(circle at 70% 20%,#0003 0 1px,#0000 1px 4px) 0 0/11px 11px;position:fixed;inset:0}#menu{background:linear-gradient(90deg,#0e100af2 0%,#0e100ad6 36%,#0e100a4d 60%,#0000 82%),radial-gradient(at 72% 45%,#0000 45%,#00000080)}#menu .menu-card{overflow-wrap:break-word;border-right:1px solid var(--line);width:clamp(320px,45%,610px);min-width:0;min-height:100%;padding:calc(clamp(1.25rem, 5vh, 3rem) + var(--st)) clamp(1.25rem, 3.5vw, 3.5rem) calc(clamp(1.25rem, 5vh, 3rem) + var(--sb)) calc(clamp(1.25rem, 3.5vw, 3.5rem) + var(--sl));flex-direction:column;justify-content:center;gap:clamp(.5rem,1.4vh,.95rem);display:flex}.eyebrow{letter-spacing:.32em;text-transform:uppercase;color:var(--ochre);margin:0;font-size:.72rem}.title{font:600 clamp(2.4rem, 1.1rem + 4.4vw, 4.5rem)/1.1 var(--serif);letter-spacing:.035em;color:var(--paper);text-wrap:balance;text-shadow:0 2px 24px #00000080;margin:0;padding-top:.1em}.title:after{content:"";background:var(--gold);width:3.2rem;height:1px;margin-top:.3em;display:block}.lede{max-width:52ch;font:italic 400 clamp(1rem, .9rem + .35vw, 1.18rem)/1.55 var(--serif);color:var(--muted);margin:0}#menu-title:not(.title){font:600 1.15rem/1.3 var(--serif);letter-spacing:.04em;color:var(--gold);margin:.3rem 0 0}.mission{gap:.3rem;margin:0;padding-left:1.6rem;font-size:.94rem;display:grid}.mission li::marker{color:var(--ochre);font:600 .9em var(--serif)}.route{width:100%;height:auto;max-height:104px;color:var(--gold);opacity:.75;pointer-events:none;display:block;overflow:visible}.route :is(path,polyline,line){fill:none;stroke:currentColor;stroke-width:1.4px;stroke-dasharray:3 6;stroke-linecap:round}.route circle{fill:var(--ochre)}#menu-status{min-height:1.5em;font:italic 1rem/1.4 var(--serif);color:var(--ochre);margin:0}#best{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.78rem}.menu-actions{flex-wrap:wrap;gap:.6rem;margin-top:.25rem;display:flex}.menu-actions button{flex:9.5rem}.menu-actions :is(#start,#resume,#retry){flex:100%}button{min-height:48px;font:600 .8rem/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--paper);border:1px solid var(--line);cursor:pointer;background:#1b1f14b8;border-radius:2px;padding:.75rem 1.15rem;transition:background .2s,border-color .2s,color .2s}button:hover{border-color:var(--gold);background:#3f4628d1}button:disabled{opacity:.45;cursor:not-allowed}:is(#start,#resume,#retry){color:var(--ink);background:linear-gradient(#d19a3a,#a8741f);border-color:#e0bb72}:is(#start,#resume,#retry):hover{background:linear-gradient(#dda84a,#b67f25)}.save-note,.fiction-note{color:var(--muted);margin:0;font-size:.8rem;line-height:1.5}.fiction-note{border-left:2px solid var(--line);padding-left:.75rem;font-style:italic}.help{border-top:1px solid var(--line);color:var(--muted);padding-top:.8rem;font-size:.88rem}.keys{grid-template-columns:max-content 1fr;gap:.4rem 1rem;margin:.5rem 0 0;display:grid}.keys dt{font:600 .74rem/1.9 var(--sans);letter-spacing:.08em;white-space:nowrap;color:var(--paper);border:1px solid var(--line);border-radius:2px;justify-self:start;padding:0 .5rem}.keys dd{align-self:center;margin:0}#settings{z-index:40;padding:calc(1rem + var(--st)) calc(1rem + var(--sr)) calc(1rem + var(--sb)) calc(1rem + var(--sl));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c0e09cc;display:flex}#settings .menu-card{border:1px solid var(--line);background:linear-gradient(#212518f7,#14170ff7);gap:.9rem;width:min(520px,100%);margin:auto;padding:1.5rem clamp(1.1rem,4vw,2rem);display:grid;box-shadow:0 30px 80px #0000008c}#settings label{letter-spacing:.04em;color:var(--muted);gap:.35rem;font-size:.88rem;display:grid}#settings label:has(>input[type=checkbox]){cursor:pointer;align-items:center;gap:.7rem;min-height:48px;display:flex}select{width:100%;min-height:48px;font:inherit;color:var(--paper);border:1px solid var(--line);appearance:none;background:#00000059 no-repeat;background-image:linear-gradient(45deg, transparent 50%, var(--gold) 50%), linear-gradient(135deg, var(--gold) 50%, transparent 50%);background-position:calc(100% - 20px),calc(100% - 15px);background-size:5px 5px;border-radius:2px;padding:.6rem 2.4rem .6rem .8rem}select option{background:var(--olive-9);color:var(--paper)}input[type=range]{width:100%;height:32px;accent-color:var(--ochre);margin:0}input[type=checkbox]{width:22px;height:22px;accent-color:var(--ochre);flex:none;margin:0}#settings :is(.close,#settings-close){justify-self:end}#hud{z-index:10;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;text-shadow:0 1px 3px #000000bf;position:fixed;inset:0}#hud:before{content:"";background:radial-gradient(at 50% 45%,#0000 58%,#0a0c066b);position:absolute;inset:0}#pause{top:calc(12px + var(--st));right:calc(12px + var(--sr));pointer-events:auto;min-width:48px;padding:0 .9rem;position:absolute}.objective{top:calc(14px + var(--st));left:calc(14px + var(--sl));max-width:min(26rem, calc(100vw - 96px - var(--sl) - var(--sr)));border-left:2px solid var(--gold);background:linear-gradient(90deg,#12140dbd,#12140d57);gap:.15rem;padding:.65rem .9rem .7rem;display:grid;position:absolute}.objective :is(p,h1,h2,h3){margin:0}#stage{font:600 .66rem/1.3 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--ochre)}#objective-label{font:600 1.08rem/1.25 var(--serif);letter-spacing:.02em;color:var(--paper);text-wrap:balance}#objective-description{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.4;display:-webkit-box;overflow:hidden}.objective .nav{font:600 .74rem var(--sans);letter-spacing:.12em;font-variant-numeric:tabular-nums;color:var(--gold);align-items:center;gap:.45rem;margin-top:.3rem;display:flex}#compass-arrow{border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;width:1.7rem;height:1.7rem;line-height:1;transition:transform .15s linear;display:inline-grid}.vitals{left:calc(18px + var(--sl));bottom:calc(18px + var(--sb));flex-wrap:wrap;gap:.5rem;max-width:calc(100vw - 36px);display:flex;position:absolute}.vitals>*{min-width:4.5rem;font:600 .84rem/1.2 var(--sans);letter-spacing:.06em;font-variant-numeric:tabular-nums;border:1px solid var(--line);background:#12140da3;margin:0;padding:.4rem .7rem}.vitals .hp{border-color:#c0573aa6}.vitals .stance{text-transform:uppercase;color:var(--muted);font-size:.72rem}.alert{top:calc(16px + var(--st));text-align:center;max-width:min(30rem,56vw);font:600 .78rem/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#f2cdb4;background:#3c140c94;border:1px solid #c0573abf;padding:.4rem .9rem;animation:1.6s ease-in-out infinite pulse;position:absolute;left:50%;transform:translate(-50%)}.hint{left:50%;bottom:calc(84px + var(--sb));text-align:center;border-block:1px solid var(--line);background:#12140d9e;max-width:min(34rem,80vw);padding:.45rem 1rem;font-size:.86rem;position:absolute;transform:translate(-50%)}.progress{border:1px solid var(--line);background:#00000080;width:min(240px,56vw);height:5px;position:absolute;top:calc(50% + 34px);left:50%;overflow:hidden;transform:translate(-50%)}.progress-bar{transform-origin:0;background:linear-gradient(90deg, var(--moss), var(--gold));width:100%;height:100%;transition:width .1s linear,transform .1s linear}.crosshair{opacity:.85;filter:drop-shadow(0 0 1px #000);width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";position:absolute}.crosshair:before{background:linear-gradient(var(--paper) 0 34%, transparent 34% 66%, var(--paper) 66%);width:2px;margin-left:-1px;top:0;bottom:0;left:50%}.crosshair:after{background:linear-gradient(90deg, var(--paper) 0 34%, transparent 34% 66%, var(--paper) 66%);height:2px;margin-top:-1px;top:50%;left:0;right:0}#toast{left:50%;top:calc(18% + var(--st));z-index:50;text-align:center;max-width:min(28rem,100vw - 2rem);font:italic 1rem/1.4 var(--serif);border:1px solid var(--gold);pointer-events:none;background:#181b11ed;padding:.6rem 1.1rem;animation:.35s ease-out rise;position:fixed;transform:translate(-50%)}#toast:empty{display:none}:is(html,body,#game,#hud).flash:after{content:"";z-index:45;pointer-events:none;opacity:.7;animation:.35s ease-out edge-flash;position:fixed;inset:0;box-shadow:inset 0 0 0 2px #c0573a99,inset 0 0 56px #c0573a52}#touch{z-index:12;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}#touch :is(#stick,#look,button){pointer-events:auto;touch-action:none}#stick{left:calc(18px + var(--sl));bottom:calc(18px + var(--sb));border:1px solid var(--line);background:radial-gradient(circle,#c9a45c1a,#12140d61 70%);border-radius:50%;width:120px;height:120px;position:absolute}#stick-knob{border:1px solid var(--gold);pointer-events:none;background:#ebe2cb38;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%}#look{left:42%;right:0;top:calc(76px + var(--st));bottom:calc(236px + var(--sb));position:absolute}.touch-buttons{right:calc(14px + var(--sr));bottom:calc(16px + var(--sb));grid-template-columns:repeat(3,58px);grid-template-areas:".reload sprint""crouch fire fire""interact fire fire";grid-auto-rows:58px;gap:10px;display:grid;position:absolute}.touch-buttons button{width:100%;min-width:48px;height:100%;min-height:48px;font:600 .62rem/1 var(--sans);letter-spacing:.06em;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#12140d85;border-radius:50%;padding:0}.touch-buttons button:active,.touch-buttons [aria-pressed=true]{color:var(--ink);background:#c28a2c99}#fire{border-color:var(--gold);background:radial-gradient(circle,#c28a2c6b,#3c280f94);grid-area:fire;font-size:.8rem}#interact{grid-area:interact}#reload{grid-area:reload}#crouch{grid-area:crouch}#sprint{grid-area:sprint}.touch-device .objective{top:calc(10px + var(--st));left:calc(10px + var(--sl));max-width:calc(100vw - 88px - var(--sl) - var(--sr));gap:.1rem;max-height:190px;padding:.4rem .65rem .45rem;overflow:hidden}.touch-device #stage{letter-spacing:.2em;font-size:.62rem}.touch-device #objective-label{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.95rem;line-height:1.2;display:-webkit-box;overflow:hidden}.touch-device #objective-description{-webkit-line-clamp:2;font-size:.76rem;line-height:1.35}.touch-device .objective .nav{margin-top:.15rem;font-size:.7rem}.touch-device #compass-arrow{width:1.4rem;height:1.4rem}.touch-device .vitals{left:calc(14px + var(--sl));bottom:calc(150px + var(--sb));gap:.3rem;max-width:40vw}.touch-device .vitals>*{min-width:0;padding:.25rem .5rem;font-size:.74rem}.touch-device .alert{letter-spacing:.14em;max-width:calc(100vw - 2rem);top:auto;bottom:calc(50% + 44px)}.touch-device .hint{bottom:calc(228px + var(--sb));max-width:calc(100vw - 2rem);font-size:.8rem}@media (orientation:landscape) and (height<=520px){#look{left:40%;right:var(--sr);top:calc(64px + var(--st));bottom:calc(144px + var(--sb))}.touch-buttons{bottom:calc(12px + var(--sb));grid-template-columns:repeat(4,54px);grid-template-areas:"crouch reload fire fire""interact sprint fire fire";grid-auto-rows:54px;gap:8px}#stick{bottom:calc(12px + var(--sb))}.touch-device .objective{max-width:38vw}.touch-device #objective-description{-webkit-line-clamp:1}.touch-device .vitals{top:calc(10px + var(--st));bottom:auto;left:auto;right:calc(72px + var(--sr));flex-wrap:nowrap;max-width:none}.touch-device .hint{bottom:calc(14px + var(--sb));max-width:max(11rem,100vw - 580px)}#menu .menu-card{justify-content:flex-start;gap:.55rem;width:clamp(340px,56%,610px)}.title{font-size:clamp(2rem,9vh + .6rem,2.8rem)}.route{max-height:56px}}@media (width<=720px) and (orientation:portrait){#menu{background:linear-gradient(#0e100acc,#0e100af2 42%)}#menu .menu-card{width:100%;padding-right:calc(1.25rem + var(--sr));border-right:0;justify-content:flex-start}.route{max-height:72px}}@media (width>=721px) and (height<=900px){.route{max-height:70px}.lede{font-size:1.02rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes pulse{50%{opacity:.62}}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}}@keyframes edge-flash{0%{opacity:1}}