/* Offline font aliases: all game assets are served by the local server. */
@font-face{font-family:'Barlow Condensed';src:local('Impact');font-weight:600 900;font-display:swap}
@font-face{font-family:'DM Mono';src:local('Consolas');font-weight:400 500;font-display:swap}
:root{--orange:#fa713b;--cream:#f4e6bf;--ink:#18241f;--muted:#b4b79a;--mono:'DM Mono',monospace}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink);color:var(--cream)}body{font-family:var(--mono);touch-action:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--cream);outline-offset:6px}button{color:inherit}#world,#wash,#grain,#vignette{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#world{image-rendering:auto}#wash{background:linear-gradient(100deg,rgba(19,39,30,.92) 0%,rgba(27,45,30,.57) 42%,rgba(66,30,18,.08) 100%);mix-blend-mode:multiply}#grain{opacity:.13;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E");mix-blend-mode:soft-light}#vignette{box-shadow:inset 0 0 180px #081912ad}#menu{position:relative;min-height:100dvh;padding:30px 4.2vw;display:flex;flex-direction:column}header,footer{display:flex;align-items:center;justify-content:space-between;gap:15px}header{padding-bottom:22px;border-bottom:1px solid #d9d0a43b}.brand{font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px;font-weight:900;color:var(--cream);text-decoration:none}.brand span{font:10px var(--mono);border:1px solid var(--cream);padding:3px;vertical-align:top;margin-left:5px}.edition,footer,.text-button,.eyebrow{font-size:10px;letter-spacing:1.4px}.text-button{background:none;border:0;padding:9px 0}.cover{margin:auto 0;padding:38px 0 46px;position:relative;z-index:1}.eyebrow{color:var(--cream);display:flex;align-items:center;gap:9px}.live-dot{height:6px;width:6px;background:var(--orange);border-radius:100%;box-shadow:0 0 15px var(--orange)}h1{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-stretch:condensed;font-size:clamp(84px,11.7vw,178px);line-height:.78;letter-spacing:-.035em;font-weight:900;margin:29px 0 25px;color:var(--orange);text-shadow:2px 1px #a24938,-1px 0 #f7ae57;position:relative;width:max-content}h1 em{font-style:normal;font-size:.80em}h1 .year{position:absolute;font-size:.32em;top:0;right:0;font-family:Georgia,serif;font-style:italic;letter-spacing:-5px;color:var(--cream)}.tagline{font:italic 24px/1.25 Georgia,serif;margin:28px 0 30px}.start-row{display:flex;gap:23px;align-items:center}.primary{border:0;background:var(--orange);color:#1e2a20;padding:19px 24px;font:700 12px var(--mono);letter-spacing:.5px;display:flex;justify-content:space-between;gap:38px;align-items:center;min-height:55px}.primary:hover{background:#ffa060}.primary span{font-size:24px;line-height:14px}.duration{font-size:9px;line-height:1.7;letter-spacing:1px;color:var(--muted)}.how{margin-top:20px;font-size:9px;color:var(--muted)}.how span{margin-left:25px}.transmission{position:absolute;right:4.2vw;bottom:125px;width:286px;padding:20px 22px;border:1px solid #ecd69c55;background:#20382c83;transform:rotate(2deg);backdrop-filter:blur(8px);box-shadow:0 10px 30px #09241933}.tape-label,.tape-bottom{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.5px}.tape-label{border-bottom:1px solid #d6d09a44;padding-bottom:15px}.wave{font-size:18px;letter-spacing:1px;color:#d8b764;padding-top:20px;white-space:nowrap;overflow:hidden}.transmission p{font:italic 20px/1.35 Georgia,serif}.frequency{display:flex;align-items:center;gap:12px}.frequency strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:57px;font-weight:600}.frequency span{font-size:8px;line-height:1.5}.tape-bottom{margin-top:8px;color:var(--muted)}footer{border-top:1px solid #d9d0a43b;padding-top:19px;font-size:8px;letter-spacing:1px}.hidden{display:none!important}.modal{position:fixed;inset:0;background:#091d19ce;backdrop-filter:blur(12px);display:grid;place-items:center;z-index:20;padding:20px;overflow:auto;touch-action:pan-y}.paper{max-width:530px;background:#e6d7ad;color:#203227;padding:36px;box-shadow:9px 9px 0 #f9763d;max-height:95dvh;overflow:auto}.paper .eyebrow{color:#67735a;font-size:9px}.paper h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:52px;line-height:.95;letter-spacing:-1.5px;margin:22px 0}.paper p{font-size:12px;line-height:1.8}.paper .small{font-size:10px}.instructions{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-block:1px solid #1e32292f}.instructions b{font-size:10px}.paper .primary{width:100%;margin-top:20px}.paper .text-button{display:block;margin:18px auto 0}.secondary{display:block;width:100%;padding:16px;background:transparent;border:1px solid #233c33;margin-top:12px;font-size:11px}#hud{position:fixed;inset:0;pointer-events:none;padding:max(22px,env(safe-area-inset-top)) 26px 22px;text-shadow:0 2px 8px #000}#hud button{pointer-events:auto;background:#102a23b3;border:1px solid #e8d79c55}#hud button:hover{background:#32533a}.hud-top{display:flex;align-items:center;justify-content:space-between}.location{font-size:11px;letter-spacing:2px}.location small{display:block;margin-top:7px;font-size:9px;color:#e9ba63;letter-spacing:1px}#pause{padding:10px 15px;font-size:19px}#compass{position:absolute;left:50%;transform:translateX(-50%);font-size:13px;letter-spacing:6px;border-block:1px solid #decc8d66;padding:10px 20px}#message{position:absolute;left:50%;top:24%;transform:translateX(-50%);font-size:12px;text-align:center;width:75%;color:#fff0bd;letter-spacing:1px}#map{position:absolute;right:26px;top:100px;width:124px;height:124px;border:1px solid #e6d7a849;opacity:.85}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:26px monospace;color:#f8e6b5c4}#damage{position:absolute;inset:0;background:radial-gradient(transparent 30%,#c63325a8);opacity:0;transition:opacity .15s}.hud-bottom{position:absolute;bottom:36px;left:26px;right:26px;display:flex;justify-content:space-between;align-items:end}.vitals{position:relative;width:135px}.vitals small{font-size:10px;letter-spacing:2px}.health-track{height:4px;background:#dfd09a33;margin-top:8px}.health-track i{height:100%;background:#e18b53;display:block;width:100%}.vitals>span{position:absolute;right:0;top:0;font-size:10px}.ammo{display:flex;gap:10px;align-items:center;padding-right:170px}.ammo strong{font-size:44px;font-family:'Barlow Condensed',Impact,sans-serif}.ammo span{font-size:12px}.ammo small{display:block;font-size:8px;margin-top:6px}.desktop-hint{position:absolute;bottom:12px;width:100%;left:0;text-align:center;font-size:8px;letter-spacing:1px;color:#d0cfaa}.actions{position:absolute;bottom:35px;right:26px;display:flex;gap:10px;align-items:center;pointer-events:auto}#fire{border-radius:50%;height:80px;width:80px;font-size:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}#fire span{font-size:29px}#reload{font-size:8px;padding:12px 8px}.utility{position:absolute;left:26px;top:100px;display:flex;flex-direction:column;gap:8px}.utility button{font-size:8px;padding:9px 12px;letter-spacing:1px}#joystick{display:none;position:absolute;bottom:95px;left:25px;border:1px solid #e6d7a85c;background:#09271e55;border-radius:50%;width:110px;height:110px;pointer-events:auto;touch-action:none}#stick{position:absolute;width:44px;height:44px;border:1px solid #e6d7a877;background:#e6d7a822;border-radius:50%;left:32px;top:32px}.playing #wash{background:linear-gradient(135deg,#dc73131c,#1621a21c);mix-blend-mode:screen}.playing #vignette{box-shadow:inset 0 0 140px #081912b8}.reduced #wash,.reduced #grain{opacity:0}.reduced #vignette{box-shadow:inset 0 0 50px #08191280}@media(pointer:coarse){#joystick{display:block}.desktop-hint{display:none}.actions{bottom:95px}.ammo{padding-right:0}.hud-bottom{bottom:30px}}@media(max-width:750px){#menu{padding:22px 6vw}header{padding-bottom:17px}.edition{font-size:7px;letter-spacing:1px}.text-button{font-size:8px}.cover{padding:45px 0}.eyebrow{font-size:8px;letter-spacing:1.1px}h1{font-size:17vw;margin-top:30px}h1 .year{letter-spacing:-2px}.tagline{font-size:23px}.transmission{right:6vw;bottom:86px;width:200px;padding:14px;display:none}.start-row{gap:17px}.primary{font-size:10px;padding:18px;gap:20px}.duration{font-size:7px}.headphones{display:none}footer{font-size:6px;line-height:1.5;gap:20px}.paper{padding:25px}.paper h2{font-size:45px}.instructions{grid-template-columns:1fr;gap:0}.instructions p{margin:8px 0}#hud{padding:20px 18px}.location{font-size:8px;letter-spacing:1px}.location small{font-size:7px}#compass{top:79px;font-size:10px;padding:7px 13px}#map{top:120px;right:18px;width:90px;height:90px}.utility{left:18px;top:90px}.utility button{font-size:7px;padding:8px}#message{top:30%;font-size:10px}#joystick{display:block}.desktop-hint{display:none}.actions{bottom:95px;right:18px}.ammo{padding-right:0}.hud-bottom{bottom:28px;left:20px;right:20px}}@media(max-height:600px) and (min-width:751px){.cover{padding:25px 0}h1{font-size:100px;margin:18px 0}.tagline{font-size:19px;margin:15px 0}.transmission{bottom:90px}.how{margin-top:10px}#menu{padding-top:18px}header{padding-bottom:10px}}
/* Overdeveloped film / acid-bath edition */
.acid-output{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#grain{opacity:.25;mix-blend-mode:overlay}#wash{background:linear-gradient(105deg,#172a2990 0%,#242b4130 50%,#f0935315);mix-blend-mode:multiply}.playing #wash{background:radial-gradient(ellipse at 10% 35%,#ed22762c,transparent 55%),radial-gradient(ellipse at 85% 75%,#04edab25,transparent 60%);mix-blend-mode:screen}h1{text-shadow:3px 1px #a93564,-2px 0 #fbc468}.transmission{background:#254d3ea6}.reduced #world{filter:none}

/* Physical danger and object affordances sit above the acid film. */
#hit-direction{position:absolute;left:50%;top:50%;width:220px;height:220px;opacity:0;transform-origin:center;pointer-events:none}#hit-direction i{position:absolute;left:calc(50% - 15px);top:0;color:#ff6143;font:32px sans-serif;text-shadow:0 0 14px #ff1600;font-style:normal}
#attack-warning{position:absolute;top:33%;left:50%;transform:translateX(-50%);text-align:center;background:#240b09e6;border:1px solid #ff6846;border-left:5px solid #ff6846;padding:10px 17px;min-width:215px;color:#fff1d9}#attack-warning strong{display:block;font:800 24px 'Barlow Condensed',sans-serif;letter-spacing:1px}#attack-warning span{font-size:10px;display:block;margin:4px 0}#damage-amount{font-size:10px;color:#ff9767}#critical{display:none;position:absolute;left:50%;top:18%;transform:translateX(-50%);white-space:nowrap;color:#ffbc96;font-size:10px;padding:7px 10px;background:#3a0e09d9;border:1px solid #ff7549}.critical-health #critical{display:block}.critical-health #vignette{box-shadow:inset 0 0 90px #a00d09b5;animation:danger-pulse 1.2s ease-in-out infinite}.critical-health #health{background:#ff4838}.reduced #vignette{animation:none}@keyframes danger-pulse{50%{box-shadow:inset 0 0 135px #d0251799}}
#hud #use{position:absolute;left:50%;bottom:24%;transform:translateX(-50%);padding:14px 18px;border:1px solid #80ffd2;background:#0c2b25e6;color:#baffdf;font-size:10px;letter-spacing:.5px;max-width:85%;box-shadow:0 0 20px #2cf4a32b}#shove{padding:12px 8px;font-size:8px}#shove:disabled{opacity:.45}.ammo{padding-right:260px}
@media(max-width:750px),(pointer:coarse){.actions{width:152px;justify-content:flex-end;flex-wrap:wrap;gap:8px}#shove{width:100%;height:34px}#fire{width:78px;height:78px}#hud #use{bottom:31%;font-size:8px;padding:12px;max-width:90%;white-space:nowrap}.ammo{padding-right:0}#attack-warning{top:38%;padding:8px 12px}#attack-warning strong{font-size:21px}#critical{top:26%;font-size:9px}#hit-direction{width:185px;height:185px}}

#weapon-view{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#crosshair{width:24px;height:24px;font-size:0;border:1px solid #ffe4ba66;border-radius:50%;transition:width .12s,height .12s;color:#fff0cb}#crosshair:before,#crosshair:after{content:'';position:absolute;left:50%;top:50%;background:currentColor;transform:translate(-50%,-50%)}#crosshair:before{width:2px;height:2px;border-radius:50%}#crosshair:after{width:5px;height:5px;border:1px solid currentColor;background:transparent;border-radius:50%}#crosshair i,#crosshair b{position:absolute;inset:-4px;border-block:2px solid currentColor}#crosshair b{transform:rotate(90deg)}#crosshair.shotgun{width:34px;height:34px}#crosshair.steady{width:14px;height:14px}#crosshair.friendly{color:#65f6ed;border-color:#65f6ed}#crosshair.confirmed{color:#ffb249;transform:translate(-50%,-50%) rotate(45deg)}#target-label{position:absolute;left:50%;top:calc(50% + 30px);transform:translateX(-50%);font-size:9px;color:#ffd19f;white-space:nowrap;background:#12221a80;padding:3px 6px}#target-label:empty{display:none}#target-label.friendly{color:#7fffea}.score-panel{position:absolute;right:26px;top:238px;text-align:right}.score-panel small{font-size:8px;letter-spacing:2px;display:block}.score-panel strong{font:700 28px 'Barlow Condensed',sans-serif}.score-panel span{display:block;font-size:9px;color:#b6ef96;min-height:14px}.score-panel .penalty{color:#ff9a83}#aim{padding:12px 8px;font-size:8px}#aim[aria-pressed=true]{border-color:#ffde94;background:#66592baa}.ammo{padding-right:330px}.actions{gap:8px}
@media(max-width:750px),(pointer:coarse){.score-panel{top:218px;right:18px}.score-panel strong{font-size:24px}.score-panel span{font-size:7px;max-width:160px}#aim,#shove{width:calc(50% - 4px);font-size:7px;height:34px;padding:4px}.actions{width:162px}.ammo{padding-right:0}#target-label{font-size:8px}}

/* Dispatches retain the worn-paper treatment of the original menu. */
.dispatch{max-width:650px;width:100%}.dispatch h2{margin-bottom:12px}.dispatch h3{font:italic 20px Georgia,serif;margin:0 0 16px}.dispatch-task{border-block:1px solid #233c3340;padding:16px 0}.dispatch-task b{font-size:12px}.dispatch-task ul{padding-left:17px;display:flex;flex-wrap:wrap;gap:8px 30px;font-size:10px;letter-spacing:.5px}.dispatch-task small{font-size:10px}#chapter-route{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:7px;margin:20px 0;font-size:9px}#chapter-route li{border:1px solid #24433550;padding:8px;opacity:.5}#chapter-route li.current{background:#274d3e;color:#fff0c4;opacity:1}#chapter-route li.complete{opacity:1;border-color:#477962}#chapter-route li.complete:before{content:'✓ '}
#journal-entries>li{font-size:11px;list-style:none;padding:7px 0;border-bottom:1px solid #233c3330}#journal-entries p{border-top:1px solid #233c3330;padding-top:12px}#continue{display:block;margin-top:18px;color:#e4c78b}#perception{position:absolute;left:26px;top:325px;font-size:8px;color:#efb49c;letter-spacing:1px}#perception.clear{color:#95ffcd}#crosshair{outline:0 solid #fff0b936;outline-offset:5px}
@media(max-width:750px){#perception{left:18px;top:300px;font-size:7px;max-width:140px;line-height:1.5}.dispatch h2{font-size:40px}.dispatch p{font-size:11px}.dispatch-task ul{display:block}.dispatch-task li{margin:7px 0}#chapter-route{gap:5px}#chapter-route li{padding:6px;font-size:8px}.location{max-width:75%}.location small{line-height:1.5}}

#chapter-error:empty{display:none}#chapter-error{color:#893622;font-weight:bold}.paper .primary:disabled{opacity:.65;cursor:wait}

/* Field atlas and exploration wayfinding */
#trail-nav{position:absolute;left:50%;top:94px;transform:translateX(-50%);font:11px monospace;letter-spacing:.08em;padding:7px 12px;background:#20251bba;color:#f4d8a0;white-space:nowrap;border-bottom:1px solid #ccb57a70;pointer-events:none}
#discovery{position:absolute;top:145px;width:100%;text-align:center;color:#f5dcac;font:13px Georgia,serif;letter-spacing:.15em;text-shadow:0 2px 6px #000;pointer-events:none}
.atlas-paper{max-width:880px;width:min(92vw,880px)}#region-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.region-card{display:flex;align-items:center;text-align:left;gap:14px;padding:12px;border:1px solid #82765766;background:#34382b;color:#eadfc6;cursor:pointer}.region-card:hover,.region-card:focus-visible{background:#4c513a;border-color:#d8b365}.region-card canvas{width:96px;height:96px;flex:none}.region-card b{display:block;font:17px Georgia,serif;margin-bottom:8px}.region-card small{font:11px/1.5 monospace;color:#ccc5af}.region-card:last-child{grid-column:1/-1}#explore{display:block;margin-top:10px}.cover .how{margin-top:10px}
@media(max-width:650px){#region-cards{grid-template-columns:1fr}.region-card canvas{width:76px;height:76px}.region-card b{font-size:16px}#trail-nav{top:79px;font-size:9px;max-width:80vw;overflow:hidden;text-overflow:ellipsis}#discovery{top:116px;font-size:10px}#message{top:145px}.atlas-paper h2{font-size:36px}}

/* All field text shares the attack warning's opaque, high-contrast treatment.
   The stack keeps a damage warning and a witness statement from overlapping. */
#field-notices{position:absolute;top:clamp(166px,23vh,210px);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;width:min(540px,calc(100% - 300px));z-index:3;isolation:isolate}
#field-notices #attack-warning,#field-notices #message{position:relative;inset:auto;transform:none;margin:0;width:100%;min-width:0;padding:12px 17px;border:1px solid #ff6846;border-left:5px solid #ff6846;background:#240e0b;color:#fff1d9;box-shadow:0 5px 22px #0009;text-shadow:none;text-align:left;letter-spacing:0;opacity:1;mix-blend-mode:normal}
#field-notices #attack-warning{width:max-content;max-width:100%;text-align:center}
#field-notices strong{display:block;font:800 22px/1.15 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px}
#field-notices #message-copy{display:block;margin-top:7px;font:14px/1.55 var(--mono);color:#fff5e3;overflow-wrap:anywhere}
#field-notices #message[data-kind=pickup]{border-color:#f7c276;border-left-color:#f7c276}
#field-notices #message[data-kind=person]{border-color:#8fe6d0;border-left-color:#8fe6d0}
@media(max-width:750px){#field-notices{top:145px;width:calc(100% - 36px)}#field-notices #message,#field-notices #attack-warning{padding:10px 13px}#field-notices strong{font-size:19px}#field-notices #message-copy{font-size:12px;line-height:1.45}#field-notices #message{max-height:32dvh;overflow:auto;pointer-events:auto;touch-action:pan-y}}
@media(max-height:500px) and (min-width:751px){#field-notices{top:110px;max-width:480px}#field-notices #message{max-height:30dvh;overflow:auto;pointer-events:auto}#field-notices #message-copy{font-size:12px}}

#boss-panel{position:absolute;top:112px;left:50%;transform:translateX(-50%);width:min(350px,65vw);padding:12px 16px;background:#171c18f5;border:1px solid #b88b52;border-left:4px solid #f39360;box-shadow:0 3px 16px #0008;text-align:center;color:#fff1d2;pointer-events:none}#boss-panel strong{font-size:13px;letter-spacing:2px}#boss-panel>div{height:5px;background:#382f28;margin:8px 0}#boss-health{display:block;height:100%;background:#ed895d;transition:width .18s}#boss-action{font-size:10px;letter-spacing:1px;color:#ffc990}#music-track{position:absolute;bottom:158px;left:25px;color:#f2dcac;font-size:9px;letter-spacing:1.3px;text-shadow:0 1px 4px #000;pointer-events:none}@media(max-width:600px){#boss-panel{top:140px;padding:8px}#music-track{bottom:210px;left:12px;max-width:155px;font-size:8px}}

#signal-panel{position:absolute;bottom:112px;left:50%;transform:translateX(-50%);width:min(330px,80vw);padding:13px 17px;background:#15211ff5;border:1px solid #88d5bd;border-left:4px solid #b9ead3;color:#f6e6c3;text-shadow:none}#signal-panel small{font-size:8px;letter-spacing:2px;color:#b6dbcd}#signal-panel strong{display:block;font-size:12px;margin:8px 0}#signal-bearing{font-size:11px}#signal-panel>div{height:4px;background:#476154;margin-top:10px}#signal-progress{display:block;height:100%;background:#eac386}#signal-status{font-size:9px;line-height:1.5;margin-bottom:0}#noise-label{position:absolute;left:26px;bottom:140px;font-size:8px;letter-spacing:1px;color:#dab181}#receiver[aria-pressed=true]{border-color:#a6ebd2;background:#24493e}#perception{top:390px}@media(max-width:750px){.utility{max-width:145px;flex-flow:row wrap;gap:5px}.utility button{font-size:7px;padding:7px;flex:1 1 62px}.utility #journal-open,.utility #swap{flex-basis:100%}#perception{top:310px;max-width:140px}#signal-panel{bottom:255px;width:calc(100% - 36px);padding:10px 13px}#noise-label{left:20px;bottom:230px;font-size:7px}#boss-panel{top:116px;max-width:calc(100% - 36px);z-index:4}#boss-panel:not(.hidden)~#field-notices{top:200px}}

#crosshair.shotgun,#crosshair.shotgun.steady{width:var(--spread,150px);height:calc(var(--spread,150px)*.48);border-style:dashed;border-color:#ffe6b765}#crosshair.shotgun i,#crosshair.shotgun b{inset:0;border-width:1px;border-color:#ffe6b755}

#retune{font-size:8px;padding:6px 9px;margin-top:8px;pointer-events:auto}.boss-visible #field-notices{top:205px}@media(max-width:750px){.boss-visible #field-notices{top:210px}}
@media(max-width:750px){#field-notices{top:260px}#boss-panel{top:218px}.boss-visible #field-notices{top:300px}#perception{top:218px}.boss-visible #perception{display:none}#field-notices #message{max-height:120px}#signal-panel{z-index:4}}
/* Keep the speaker's face visible while retaining the warning-card treatment. */
@media(min-width:751px){#field-notices:has(#message[data-kind=person]:not(.hidden)){top:auto;bottom:160px;left:26px;transform:none;width:min(410px,35vw)}}

.audio-controls{margin:10px 0;padding:12px;border:1px solid #647363;text-align:left}.audio-controls label{display:flex;justify-content:space-between;font:11px monospace;letter-spacing:.08em}.audio-controls input{display:block;width:100%;margin:7px 0 12px;accent-color:#f76c33}.audio-controls button{padding:10px!important;margin:0!important}.audio-controls p{font-size:11px;line-height:1.4;margin:8px 0 0}#pause-menu{overflow:auto}#pause-menu>div{max-height:94vh;overflow:auto}

/* Scenic title artwork stays crisp above the live game's acid canvas. */
#menu{isolation:isolate;background:#172321;overflow:hidden;height:100dvh;min-height:0;overflow-y:auto;touch-action:pan-y}
#menu .opening-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-2;pointer-events:none}
#menu:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0b1716d9 0%,#10201ca6 27%,#16221d18 55%,transparent 80%),linear-gradient(0deg,#0a1815ba,transparent 25%,transparent 85%,#0b191670)}
#menu header,#menu footer{position:relative;z-index:1;flex-shrink:0}
#menu h1{font-size:clamp(80px,10.5vw,156px)}
#menu .cover{flex-shrink:0}
#menu .how,#menu .duration{color:#e3dac1}
.opening-caption{position:absolute;right:4.2vw;bottom:90px;display:flex;gap:11px;align-items:center;padding:12px 16px;background:#132420d9;border-left:2px solid #fa713b;font-size:9px;letter-spacing:1px}
.opening-caption small{display:block;font:italic 16px Georgia,serif;letter-spacing:0;margin-top:7px}
@media(max-width:750px){
 #menu{padding:18px 6vw}
 #menu .opening-art{height:60%;object-position:70% center}
 #menu:before{background:linear-gradient(0deg,#12201e 0%,#12201e 37%,#12201eaa 49%,transparent 70%,#10201b55)}
 #menu .cover{margin:auto 0 0;padding:190px 0 20px}
 #menu h1{font-size:17vw;margin:20px 0 16px}
 #menu .tagline{font-size:20px;margin:16px 0 20px}
 #menu .how{margin-top:12px}
 #menu .opening-caption{display:none}
 #menu footer{padding-top:12px}
}
@media(max-height:600px) and (min-width:751px){#menu h1{font-size:86px}#menu .cover{padding:20px 0}#menu .opening-caption{bottom:70px}}
@media(min-width:751px){#menu .cover{padding:16px 0}#menu h1{margin:22px 0 20px}#menu .tagline{margin:20px 0 24px}#menu .how{margin-top:12px}}
/* Registered infected artwork is revealed beneath the readable menu layers. */
#menu .opening-drip{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}
@media(max-width:750px){#menu .opening-drip{height:60%}}
@media(prefers-reduced-motion:reduce){#menu .opening-drip{display:none}}