@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{font-family:IBM Plex Mono,monospace;color:#ece8dc;background:#9ba5a4;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{display:block}#game{position:fixed;inset:0}#vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse,transparent 35%,#07101380 100%)}header{position:fixed;top:30px;left:38px;right:38px;display:flex;justify-content:space-between;align-items:start;pointer-events:none}.wordmark{font-family:Barlow Condensed,Impact,sans-serif;font-weight:800;font-size:30px;letter-spacing:5px}.wordmark span{display:block;font:8px monospace;letter-spacing:2px;margin-top:6px;color:#e2d9c080}.status{font-size:9px;letter-spacing:2px;padding-top:8px}.status i{display:inline-block;width:6px;height:6px;background:#e2a25c;margin-right:9px;border-radius:100%}#hud{position:fixed;inset:0;pointer-events:none}.altimeter{position:absolute;right:38px;top:150px;width:130px}.altimeter>span,.objective>span{font-size:9px;letter-spacing:3px;color:#ead4ad}.altimeter strong{font-family:Barlow Condensed,Impact,sans-serif;display:block;font-size:58px;line-height:1.3;font-weight:500}.altimeter strong span{font:12px monospace;color:#d8d5cc}.meter{height:2px;background:#ffffff30;margin:8px 0}.meter div{height:100%;background:#e8b77b;width:0}.altimeter small{font-size:8px;letter-spacing:1px;color:#d9dfd4a0}.objective{position:absolute;bottom:96px;left:38px;max-width:480px}.objective h2{font-family:Barlow Condensed,Impact,sans-serif;font-size:29px;letter-spacing:1px;margin:10px 0}.objective p{font-size:11px;line-height:1.8;color:#deded4b0}footer{position:absolute;bottom:25px;left:38px;right:38px;border-top:1px solid #ffffff26;padding-top:16px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#f4eee5a0}footer b{font-weight:400;color:#fff6}#mode{color:#eab97e}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;color:#ffffff80}#prompt{position:absolute;top:60%;left:50%;transform:translate(-50%);font-size:12px;letter-spacing:1px;text-align:center;background:#152126b0;padding:12px 16px;display:none;border:1px solid #ffffff30}.overlay{position:fixed;inset:0;background:linear-gradient(90deg,#101b23eb,#17242b8c 55%,#1a262f15);display:flex;align-items:center;padding:70px 8vw}.intro{max-width:590px}.eyebrow{font-size:10px;letter-spacing:4px;color:#dfac70}.intro h1{font:800 clamp(70px,11vw,150px)/1 "Barlow Condensed",Impact,sans-serif;letter-spacing:7px;margin:20px 0}.tagline{font-family:Barlow Condensed,Impact,sans-serif;font-size:34px;line-height:1.1;color:#ede6d8}.intro p:not(.tagline){font-size:12px;line-height:1.9;color:#c2c9c8}button{margin-top:25px;border:1px solid #c4935f;background:#d5a36b;color:#132027;padding:18px 24px;font:500 11px monospace;letter-spacing:2px;cursor:pointer;min-width:260px;text-align:left}button:hover{background:#efbf87}button span{float:right;margin-left:30px}.instructions{font-size:10px;line-height:1.9;color:#a0afb4;margin-top:26px}.edition{position:absolute;right:38px;bottom:40px;text-align:right;font-size:9px;line-height:1.8;letter-spacing:2px;color:#d8e0dc80}.hidden{display:none!important}@media(max-width:700px){header{left:20px;right:20px}.status{display:none}.altimeter{right:20px;top:110px}.objective{left:20px;max-width:65%}footer{left:20px;right:20px}footer>span:nth-child(2){display:none}.intro h1{font-size:70px}.overlay{padding:80px 25px}.edition{display:none}}#fear-vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse,transparent 42%,#191019 100%);opacity:0}#fear-status{font-size:9px;letter-spacing:2px;color:#dbb687;margin-top:22px;min-height:14px}#comfort{position:absolute;right:38px;top:90px;font-size:11px;z-index:3}#comfort summary{cursor:pointer;padding:12px 16px;border:1px solid #d0b28a70;background:#152126;letter-spacing:1px}.comfort-panel{position:absolute;right:0;top:48px;width:310px;max-height:calc(100vh - 160px);overflow:auto;padding:22px;background:#132129f7;border:1px solid #d0b28a70;box-shadow:0 20px 70px #0007}.comfort-panel h2{font-size:18px;margin:0 0 12px}.comfort-panel p{font-size:11px;line-height:1.7;color:#bfc8c6}.comfort-panel label{display:block;margin:20px 0 10px;font-size:11px;line-height:1.6}.comfort-panel input[type=range]{display:block;width:100%;margin-top:12px;accent-color:#d5a36b}.comfort-panel output{float:right;color:#dfac70}.comfort-panel .check{display:flex;gap:10px;align-items:center}.check input{accent-color:#d5a36b}.comfort-panel .setting-note{font-size:10px;color:#a8b6b9}summary:focus-visible,input:focus-visible,button:focus-visible{outline:2px solid #ffe0a8;outline-offset:4px}@media(max-width:700px){#comfort{right:20px;top:65px}.comfort-panel{max-height:calc(100vh - 125px);width:min(310px,calc(100vw - 40px))}}#receiver{position:absolute;left:38px;top:120px;width:min(360px,calc(100vw - 76px));padding:12px 16px;border-left:2px solid #baa17b80;background:#142027c4;pointer-events:none}#receiver-label{font-size:8px;letter-spacing:2px;color:#c7ae88}#receiver-text{font-size:11px;line-height:1.8;color:#dad8ce;margin:8px 0 0}@media(max-height:500px){#receiver{top:70px;left:20px;width:260px;padding:8px}#receiver-text{font-size:10px}}#survival-banner{position:absolute;top:100px;left:50%;transform:translate(-50%);font-size:11px;letter-spacing:3px;color:#eed3a8;text-align:center}#checkpoint-status{position:absolute;bottom:72px;left:38px;font-size:9px;letter-spacing:2px;color:#d6be87}#escape-marker{position:absolute;top:115px;left:38px;color:#eed3a8;font-size:12px;letter-spacing:2px}#new-run{display:block;background:transparent;color:#d5b78f;margin-top:12px;font-size:10px}.chapter-button{display:block;margin-top:8px;background:transparent;color:#d5b78f;padding:11px 24px;font-size:10px}.chapter-button:hover{background:#263239}#story-note{position:absolute;right:38px;top:300px;width:310px;max-height:calc(100vh - 390px);overflow:auto;padding:16px;background:#142027eb;border-left:2px solid #bea273;color:#e6dfce}#story-note-title{font-size:10px;letter-spacing:2px;text-transform:uppercase}#story-note p{font-size:11px;line-height:1.8}#story-note small,#story-note .note-close{font-size:9px;line-height:1.6;color:#c4b492}@media(max-height:600px){#story-note{right:18px;top:80px;max-height:180px;width:270px}}