@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Inter:wght@400;500;600&display=swap";:root{font-family:Inter,Arial,sans-serif;color:#e5ded0;background:#070c12;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}#scene,canvas,#vignette,#overlay,#hud{position:fixed;inset:0}canvas{width:100%;height:100%;display:block}#vignette{pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 35%,#02050b9c 100%);z-index:1}#hud{z-index:2;pointer-events:none}#hud button{pointer-events:auto}header{display:flex;justify-content:space-between;align-items:start;padding:35px 42px}.brand{font-family:Georgia,serif;letter-spacing:5px;font-size:17px}.brand span{display:block;font:8px Inter,Arial;letter-spacing:3px;color:#8d979e;margin-top:10px}#bearing{font-size:9px;letter-spacing:3px;color:#bbab87;padding-top:5px}button{background:#b5935220;border:1px solid #a98b5355;color:#e0c58f;padding:15px 24px;letter-spacing:2px;font-size:10px;cursor:pointer;transition:background .2s,border .2s}button:hover{background:#b5935240;border-color:#d2ab65}#pauseButton{padding:9px 12px;color:#abb0b5;background:#0b111988}footer{position:absolute;bottom:34px;left:42px;right:42px;display:flex;align-items:end;justify-content:space-between;gap:30px}.fuel{width:270px}.label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#d7b879}.meter{height:4px;background:#91877433;margin-top:12px}.meter i{display:block;height:100%;background:#e8ad54;box-shadow:0 0 12px #e8ad5470;transition:width .15s}.modes{font-size:8px;color:#92908b;letter-spacing:1px;margin-top:11px;word-spacing:8px}.modes b{font-weight:400;color:#ddc795}.stamina{height:2px;background:#9ba5b32a;margin-top:14px;width:65%}.stamina i{display:block;height:100%;background:#97abb6}#inventory{text-align:center;font-size:9px;line-height:2;letter-spacing:2px;color:#b2b3af}#inventory b{font-size:18px;color:#e7d6b2;font-weight:400}small{font-size:8px;letter-spacing:1.5px}.hint{font-size:9px;line-height:2;color:#89959d;text-align:right}#notice{position:absolute;top:18%;width:100%;text-align:center;color:#d6c39f;font-family:Georgia,serif;font-size:18px;text-shadow:0 2px 10px #000}#phase{position:absolute;top:25%;width:100%;text-align:center;letter-spacing:9px;font-size:12px;color:#c1cbd6}#prompt{position:absolute;bottom:21%;width:100%;text-align:center;font-size:10px;letter-spacing:3px;color:#edcf92}#direction{position:absolute;top:32%;width:100%;text-align:center;letter-spacing:3px;font-size:10px;color:#aebdcb}#overlay{z-index:3;display:flex;align-items:center;background:linear-gradient(90deg,#050910ed,#070c12cf 40%,#070c1240);overflow:auto}#overlay[hidden],#hud[hidden]{display:none}.panel{max-width:730px;padding:45px 8vw}.eyebrow{color:#af9567;letter-spacing:3px;font-size:9px;line-height:2}h1{font-family:Cormorant Garamond,Georgia,serif;font-weight:400;font-size:clamp(68px,8vw,122px);line-height:.85;letter-spacing:7px;margin:35px 0 25px}h1 em{font-style:normal;color:#e0b969;letter-spacing:17px}h2{font-family:Georgia,serif;font-weight:400;font-size:42px;line-height:1.15;color:#e0c592;margin:25px 0}.tagline{font-family:Georgia,serif;font-style:italic;font-size:17px;color:#b5afa2}.divider{width:60px;height:1px;background:#b69153;margin:27px 0}.description,p{font-size:12px;line-height:1.9;color:#9ea7ab}#actions{display:flex;flex-direction:column;align-items:start;gap:9px;margin-top:30px}#actions button{min-width:255px;text-align:left}.version{font-size:8px;letter-spacing:2px;color:#62717e;margin-top:30px}.stats{display:flex;gap:48px;margin:30px 0}.stats span{font-family:Georgia,serif;font-size:34px;color:#d9b879}.stats small{display:block;font-family:Inter,Arial;font-size:8px;color:#9ca5ac;margin-top:8px}label{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:22px 0;color:#b0b8bb;font-size:12px}input{accent-color:#caa361}select{background:#101821;color:#d9c49a;padding:7px}.hunt #vignette{box-shadow:inset 0 0 150px #061124}.lowfuel .meter i{background:#e66a45}body[data-quality=low] canvas{image-rendering:auto}@media(max-width:800px){header{padding:20px}.brand{font-size:12px}#bearing{display:none}footer{left:20px;right:20px;bottom:20px}.hint{display:none}.fuel{width:200px}.panel{padding:30px 7vw}h1{font-size:72px}#inventory{font-size:8px}}#scene{touch-action:none;outline:none;cursor:grab}#scene:active{cursor:grabbing}.view-controls{pointer-events:auto;text-align:right}.view-controls button{margin-left:8px;padding:9px 12px}#lookHint{color:#b3bfc7;font-size:9px;margin-top:10px;letter-spacing:.6px}html,body{width:100%;height:100%;height:100dvh;overscroll-behavior:none}body{-webkit-text-size-adjust:100%}button{min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,body[data-input=gamepad] #overlay :focus{outline:2px solid #e6bf73;outline-offset:3px;background:#ac8e5050}#overlay{overscroll-behavior:contain}.panel{padding-top:max(30px,env(safe-area-inset-top));padding-bottom:max(30px,env(safe-area-inset-bottom))}header{padding-top:max(24px,env(safe-area-inset-top));padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}.input-status{margin-top:16px;font-size:10px;line-height:1.5;color:#aab9c1;letter-spacing:.5px}#touchControls{display:none;position:fixed;inset:0;z-index:2;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none}body[data-touch=true][data-playing=true]:not([data-input=gamepad]) #touchControls{display:block}#touchControls button,#movePad{pointer-events:auto;touch-action:none}#touchControls button{min-width:46px;min-height:46px;padding:7px 5px;font-size:9px;letter-spacing:.5px;border-radius:10px;background:#0c1927c9;border-color:#b49a6680;color:#e4d4b5}#touchControls button[aria-pressed=true]{background:#ac81475e;border-color:#e7b86d}#movePad{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom));width:126px;height:126px;border:1px solid #c1ad8066;border-radius:50%;background:#0b152375;display:grid;place-items:center}#moveKnob{width:52px;height:52px;border:1px solid #dcc29290;border-radius:50%;background:#a28b564f;pointer-events:none}#movePad span{position:absolute;bottom:7px;font-size:8px;letter-spacing:2px;color:#c5bb9d;pointer-events:none}.touch-actions{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,52px);gap:7px}#touchControls .touch-primary{background:#805f307a;border-color:#e1ba72;font-weight:600}.touch-modes,.touch-zoom{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:5px}.touch-modes{bottom:max(18px,env(safe-area-inset-bottom))}.touch-zoom{bottom:calc(max(18px,env(safe-area-inset-bottom)) + 54px)}.touch-look-label{position:absolute;right:24px;bottom:145px;font-size:8px;letter-spacing:1px;color:#c0c5c8}body[data-touch=true] #captureMouse,body[data-input=gamepad] #captureMouse{display:none}@media(max-width:950px),(pointer:coarse){header{padding:max(12px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 8px max(14px,env(safe-area-inset-left))}.brand{font-size:12px;letter-spacing:3px}.brand span{font-size:7px;letter-spacing:1px;margin-top:6px}#bearing,.hint{display:none}.view-controls button{padding:8px;min-width:44px;font-size:9px;margin-left:4px}#lookHint{font-size:8px;max-width:180px;margin-top:5px}footer{top:calc(max(12px,env(safe-area-inset-top)) + 68px);bottom:auto;left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));align-items:start;gap:12px}.fuel{width:160px}.modes{display:none}.stamina{margin-top:8px}#inventory{font-size:8px;line-height:1.4;text-align:right}#inventory b{font-size:15px}#notice{top:28%;font-size:15px;padding:0 22px}#phase{top:36%;font-size:11px}#direction{top:43%;font-size:9px}#prompt{bottom:160px;font-size:9px;letter-spacing:1px;padding:0 18px;pointer-events:none}.panel{width:100%;max-width:650px;padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right))}h1{font-size:clamp(52px,12vw,82px);margin:23px 0 18px}h2{font-size:32px}.eyebrow{font-size:8px;letter-spacing:1.5px}.description,p{font-size:12px}#actions{margin-top:18px;gap:8px}#actions button{min-width:min(270px,100%);padding:13px 18px}.version{margin-top:20px;font-size:7px;letter-spacing:1px}label{gap:12px}input[type=range]{max-width:42vw}}@media(max-width:600px)and (orientation:portrait){#movePad{width:116px;height:116px}.touch-modes{bottom:calc(max(20px,env(safe-area-inset-bottom)) + 185px)}.touch-zoom{bottom:calc(max(20px,env(safe-area-inset-bottom)) + 132px)}.touch-look-label{bottom:148px;font-size:7px;right:18px}#prompt{bottom:265px}.brand{font-size:10px;letter-spacing:2px}.brand span{max-width:145px;line-height:1.4}#lookHint{max-width:135px;font-size:7px}.fuel{width:145px}.stats{gap:25px}.stats span{font-size:28px}}@media(max-height:500px){#overlay{align-items:flex-start}.panel{padding-top:max(20px,env(safe-area-inset-top));padding-bottom:24px}h1{font-size:50px;line-height:.9;margin:14px 0}h1 br{display:none}h1 em{letter-spacing:7px}.tagline{margin:8px 0}.divider{margin:12px 0}.description{line-height:1.6}.version{margin-top:14px}#actions{margin-top:14px;gap:6px}#actions button{padding:11px 18px;min-height:44px}.touch-actions{grid-template-columns:repeat(3,48px);gap:5px}#movePad{width:108px;height:108px}#notice{top:33%;font-size:13px}#phase{top:43%}#direction{top:50%}.touch-look-label{bottom:135px}#prompt{bottom:140px}}@media(max-width:600px){#overlay{align-items:flex-start}.panel{min-height:100%;padding-top:max(28px,env(safe-area-inset-top))}}body[data-touch=true] #lookHint{display:none}.panel label,.panel select,.panel input[type=range]{min-height:44px}@media(max-width:950px),(pointer:coarse){.panel select{font-size:16px}.panel input[type=checkbox]{width:22px;height:22px}}#compass{position:absolute;top:max(100px,calc(env(safe-area-inset-top) + 78px));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;color:#e9c68b;font-size:10px;letter-spacing:1.5px;padding:7px 12px;background:#070c12ba;border:1px solid #e9c68b40;border-radius:20px;pointer-events:none}#compass[hidden]{display:none}#compassNeedle{display:inline-block;font-size:20px;line-height:1}@media(max-height:500px){#compass{top:max(57px,calc(env(safe-area-inset-top) + 45px));font-size:9px;padding:4px 9px}}@media(min-width:951px)and (min-height:501px){body[data-touch=true] footer{inset:150px 24px auto auto;width:220px;flex-direction:column;align-items:stretch;gap:14px}body[data-touch=true] footer .hint{display:none}}
