@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=PT+Sans:wght@400;700&display=swap";:root{color:#dcd5bc;font-synthesis:none;--gold:#c6b780;--dim:#969980;--serif:"Cormorant Garamond", Georgia, serif;background:#11150f;font-family:PT Sans,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit}button,input,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,summary:focus-visible{outline:1px solid var(--gold);outline-offset:6px}button:disabled{cursor:wait;opacity:.4}[hidden]{display:none!important}#game{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#vignette,#grain,#danger{pointer-events:none;position:fixed;inset:0}#vignette{z-index:1;background:radial-gradient(#0000 36%,#080b05b0 100%)}#grain{z-index:4;opacity:.065;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%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E")}#danger{z-index:2;opacity:0;box-shadow:inset 0 0 140px #762d19}.screen{position:fixed;inset:0}#menu{z-index:3;isolation:isolate;background:#11150f;overflow:auto}.menu-art{z-index:-2;transform:translate3d(var(--parallax-x,0px), var(--parallax-y,0px), 0) scale(1.065);will-change:transform;background-image:url(../assets/environment/menu-background.png);background-position:50%;background-size:cover;position:fixed;inset:0}.menu-shade{z-index:-1;transform:translate3d(calc(var(--parallax-x,0px) * .3), calc(var(--parallax-y,0px) * .3), 0) scale(1.03);background:linear-gradient(90deg,#080c0650,#0000 58%),linear-gradient(#0000 72%,#090c0855);position:fixed;inset:0}.menu-content{flex-direction:column;justify-content:center;align-items:flex-start;width:47vw;min-height:100dvh;margin:0 0 0 9vw;padding:50px 0 90px;display:flex;position:relative}h1{font-family:var(--serif);text-transform:uppercase;letter-spacing:.02em;color:#d6cfac;text-shadow:0 2px 30px #0009,0 1px #ffffff35;margin:0;font-size:clamp(70px,8vw,124px);font-weight:600;line-height:1.02}h1 span{font-family:var(--serif);letter-spacing:.37em;color:#aea986;margin:0 0 14px 5px;font-size:clamp(20px,2.2vw,34px);font-weight:500;display:block}.title-rule{background:linear-gradient(90deg,#b4a46a70,#0000);width:215px;height:1px;margin:30px 0 31px;position:relative}.title-rule i{border:1px solid #b4a46a;width:5px;height:5px;display:block;position:absolute;top:-2px;left:0;transform:rotate(45deg)}nav{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.menu-button{font-family:var(--serif);letter-spacing:.04em;text-align:left;color:#adae95;text-shadow:0 2px 6px #000;background:0 0;border:0;min-width:230px;padding:12px 0;font-size:clamp(23px,2.2vw,31px);font-weight:500;transition:color .2s,transform .2s;position:relative}.menu-button:before{content:"";opacity:0;width:6px;height:6px;color:var(--gold);border-top:1px solid;border-right:1px solid;transition:opacity .2s;position:absolute;top:47%;left:-25px;transform:rotate(45deg)}.menu-button:hover,.menu-button:focus-visible{color:#eee5be;transform:translate(7px)}.menu-button:hover:before,.menu-button:focus-visible:before{opacity:1}#start{color:#dbd3b4}#loading{color:#999d7b;min-height:17px;margin:20px 0 0;font-size:12px}.menu-version{color:#878c70;letter-spacing:1px;font-size:10px;position:fixed;bottom:25px;right:32px}.panel{color:#d7d6be;background:linear-gradient(145deg,#25291dfc,#11170ffb);border:1px solid #6c705044;width:calc(100% - 32px);max-width:470px;max-height:calc(100dvh - 36px);padding:34px 38px;overflow:auto;box-shadow:0 20px 90px #000a}.panel::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020602b8}.panel h2{font:500 37px/1.05 var(--serif);color:#d9d0a8;margin:9px 0 29px}.close{color:#95997c;background:0 0;border:0;padding:3px;font-size:26px;position:absolute;top:11px;right:16px}.setting{border-bottom:1px solid #c1be9420;justify-content:space-between;align-items:center;gap:15px;min-height:48px;font-size:14px;display:flex}.setting>span{align-items:center;gap:12px;display:flex}.setting output{color:#aeb58c;text-align:right;min-width:29px;font-size:11px}input[type=range]{accent-color:#b7b986;width:108px}input[type=checkbox]{accent-color:#b7b986;width:16px;height:16px}.voice-settings{margin:24px 0 20px;font-size:13px}.voice-settings summary{cursor:pointer;color:#b7bc99}.panel p{color:#a6af95;font-size:13px;line-height:1.8}.panel p b{color:var(--gold)}.voice-settings p{font-size:11px}.upload-button{cursor:pointer;color:#ccd0ad;border:1px solid #a0a87750;padding:9px 15px;font-size:12px;display:inline-block}.upload-button:hover{background:#c6b78013}#voice-files{color:#8e9b7c;max-width:100%;margin:10px 0;font-size:10px}#voice-files::file-selector-button{display:none}.secondary{width:100%;font:500 23px var(--serif);color:#d9d2af;background:#c6b78009;border:1px solid #90936755;margin-top:24px;padding:12px 20px;display:block}.secondary:hover{background:#c6b7801a;border-color:#b6ae76}.text-button{color:#adb496;background:0 0;border:0;padding:10px 0;font-size:13px}.text-button:hover{color:#e1dab5}.compact{text-align:center;max-width:390px;padding:39px}.compact h2{font-size:43px}.compact .text-button{margin:8px auto;display:block}.eyebrow{letter-spacing:2px;text-transform:uppercase;color:#aeb491;font-size:10px}.compact .eyebrow{margin:0 0 21px;display:block}#result-stats{color:#b7ba96;margin-top:22px;font-size:12px}.control-grid{grid-template-columns:1fr 1fr;gap:18px 12px;margin:28px 0;font-size:12px;display:grid}.control-grid span{flex-direction:column;align-items:flex-start;gap:7px;display:flex}.panel .hint{color:#889478;font-size:11px}kbd{color:#dedbc0;background:#11170d55;border:1px solid #b0b59055;border-radius:2px;padding:2px 5px;font:10px PT Sans,Arial;display:inline-block}#hud{pointer-events:none;z-index:2;position:fixed;inset:0}.nickname-field{color:#aaa68b;letter-spacing:1.5px;flex-direction:column;gap:8px;width:min(310px,75vw);margin:0 0 24px;font-size:11px;display:flex}.nickname-field input{box-sizing:border-box;color:#e7dfbf;background:#080c0655;border:0;border-bottom:1px solid #b4a46a70;outline:none;width:100%;padding:10px 2px;font:16px PT Sans,sans-serif}.nickname-field input:focus{background:#080c0690;border-color:#e3ce89}.nickname-field input::placeholder{color:#8c927a;font-size:12px}#run-timer{color:#ddd6b9;font-variant-numeric:tabular-nums;letter-spacing:1px;text-shadow:0 2px 8px #000;font:14px PT Sans,sans-serif;position:absolute;top:34px;right:86px}.leaderboard-panel{width:min(540px,100vw - 36px)}.leaderboard-scroll{max-height:45vh;margin:20px 0;overflow:auto}.leaderboard-table{border-collapse:collapse;width:100%;font-size:14px}.leaderboard-table th{text-align:left;letter-spacing:1px;color:#a39b7d;border-bottom:1px solid #b4a46a55;padding:12px 8px;font-size:10px}.leaderboard-table td{overflow-wrap:anywhere;border-bottom:1px solid #b4a46a20;padding:12px 8px}.leaderboard-table td:nth-child(2){max-width:230px}.leaderboard-table td:last-child,.leaderboard-table th:last-child{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.leaderboard-table tr:first-child td{color:#e8d28a}#record-status{color:#c5c7ad;font-size:12px}@media (width<=600px){#run-timer{font-size:12px;top:65px;right:20px}.nickname-field{margin-bottom:18px}}#objective{letter-spacing:.3px;color:#c6c8b1;text-shadow:0 2px 8px #000;align-items:center;gap:13px;font-size:12px;display:flex;position:absolute;top:29px;left:33px}#objective b{color:#dfd29f;margin-left:7px;font-size:18px;font-weight:400}.key-symbol{color:#bfb280;font-size:29px;line-height:24px}#pause-button{pointer-events:auto;color:#c4c5a9;background:#10170c50;border:1px solid #afba9150;padding:6px 11px;font-size:13px;position:absolute;top:26px;right:29px}.reticle{background:#e4e2c9aa;border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:50%;box-shadow:0 0 5px #000}#interaction{white-space:nowrap;background:#12190dd9;border-bottom:1px solid #b5b98644;align-items:center;gap:11px;padding:12px 16px;font-size:13px;display:flex;position:absolute;top:58%;left:50%;transform:translate(-50%)}#interaction kbd{font-size:13px}#stamina{opacity:.7;width:150px;position:absolute;bottom:35px;left:33px}#stamina>span{letter-spacing:2px;color:#b5bb9f;font-size:8px}.stamina-track{background:#bac6a233;height:2px;margin-top:9px}#stamina-bar{background:#c0c89f;width:100%;height:100%}#subtitle{opacity:0;text-shadow:0 1px 6px #000;text-align:center;color:#dddac4;background:#0c130cba;width:max-content;max-width:min(550px,85vw);padding:10px 18px;font-size:14px;line-height:1.5;transition:opacity .25s;position:absolute;bottom:103px;left:50%;transform:translate(-50%)}#subtitle.visible{opacity:1}#tutorial{white-space:nowrap;color:#b1b89c;font-size:10px;transition:opacity 1s;position:absolute;bottom:35px;left:50%;transform:translate(-50%)}#tutorial i{color:#747e62;margin:0 9px;font-style:normal}#tutorial.faded{opacity:0}#hide-info{text-align:center;white-space:nowrap;position:absolute;bottom:45px;left:50%;transform:translate(-50%)}#hide-state{font:500 25px var(--serif);letter-spacing:1px;color:#b8c29b;text-shadow:0 2px 8px #000;margin-bottom:15px;display:block}#hide-info>div{justify-content:center;gap:18px;display:flex}#hide-info button{pointer-events:auto;color:#c9d0b1;background:#10180dbb;border:1px solid #b0b78c33;padding:9px 14px;font-size:12px}body.hidden-room #objective,body.hidden-room #stamina,body.hidden-room #tutorial,body.hidden-room .reticle{display:none}body.hidden-room #subtitle{bottom:155px}body.peeking #vignette{display:none}#scare{z-index:8;background:radial-gradient(#465022,#050904 75%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}#scare img{object-fit:contain;filter:drop-shadow(0 0 45px #9cff2a55);width:auto;max-width:95vw;height:115vh;animation:.5s ease-out scare-in}#fatal{z-index:20;background:#182013f5;padding:35px;position:fixed;inset:20%}#fatal h2{font-family:var(--serif);font-size:30px}#fatal button{background:0 0;border:1px solid #b0b78c66;padding:9px 14px}#touch-controls{display:none}@keyframes scare-in{0%{filter:brightness(2);transform:scale(.55)rotate(-8deg)}to{transform:scale(1)rotate(0)}}@media (width<=760px){.menu-art{background-position:62%}.menu-shade{background:linear-gradient(90deg,#090e07c9,#090e0755 65%,#090e0722)}.menu-content{width:auto;margin-left:9vw;padding-bottom:60px}h1{font-size:clamp(58px,12vw,90px)}h1 span{letter-spacing:.28em;font-size:clamp(19px,4vw,28px)}.title-rule{width:165px;margin:26px 0}.menu-button{padding:12px 0;font-size:27px}.menu-version{font-size:9px;bottom:19px;right:21px}.panel{padding:29px 26px}.panel h2{font-size:33px}.setting{font-size:12px}.setting>span{gap:7px}input[type=range]{width:94px}#objective{font-size:11px;top:20px;left:20px}#pause-button{top:20px;right:20px}#stamina{width:95px;bottom:22px;left:20px}#tutorial{font-size:9px;bottom:65px}#tutorial i{margin:0 3px}#subtitle{font-size:12px;bottom:110px}#hide-info button{padding:9px;font-size:11px}#hide-info>div{gap:10px}}@media (height<=550px){.menu-content{min-height:100vh;padding:30px 0}h1{font-size:65px}h1 span{margin-bottom:6px;font-size:19px}.title-rule{margin:17px 0}.menu-button{padding:7px 0;font-size:22px}}@media (pointer:coarse){#touch-controls{display:block}.touch-pad{text-align:center;position:absolute;bottom:47px;left:20px}.touch-pad div{gap:5px;display:flex}.touch-pad button,.touch-actions button{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;background:#1c261aba;border:1px solid #b2bb9255;width:44px;height:42px;margin:3px 0}.touch-actions{gap:7px;display:flex;position:absolute;bottom:47px;right:20px}.touch-actions button{font-size:10px}#tutorial{display:none}#subtitle{bottom:160px}body.hidden-room #touch-controls{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}#menu-sound{color:#a9b090;z-index:5;font-size:11px;position:fixed;bottom:19px;left:32px}#cinematic{z-index:10;background:#050705;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#story-text{text-align:center;white-space:pre-line;width:85%;max-width:850px;font:500 clamp(23px, 2.5vw, 36px)/1.65 var(--serif);color:#d8d4bb;letter-spacing:.2px;text-shadow:0 0 30px #9cab5630;margin:0;padding:25px}#intro-video{object-fit:contain;background:#000;width:100%;height:100%}#video-play{background:#151c12e8;width:auto;max-width:80%;padding:16px 26px;position:absolute}.story-actions{justify-content:space-between;gap:20px;display:flex;position:absolute;bottom:25px;left:30px;right:30px}.story-actions button{background:#05070590;padding:10px 14px;font-size:12px}#story-next{margin-left:auto}#cinematic~#fatal{z-index:30}