@font-face{font-family:"Woodgrove UI";src:local("Arial")}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#080b0b;color:#e7e6dd;font-family:"Arial Narrow",Impact,"Woodgrove UI",system-ui,sans-serif}button,input,select{font:inherit}button{color:inherit}#game,#game-canvas{position:fixed;inset:0;width:100%;height:100%}#game-canvas{display:block;background:radial-gradient(circle at 50% 42%,#172021,#050707);outline:none;touch-action:none}.hidden{display:none!important}.screen{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:clamp(20px,5vw,76px);background:linear-gradient(90deg,rgba(5,8,8,.93) 0 38%,rgba(5,8,8,.65) 60%,rgba(5,8,8,.2));backdrop-filter:blur(2px)}.start-grid{width:min(1260px,100%);display:grid;grid-template-columns:180px minmax(420px,670px) minmax(240px,330px);gap:clamp(24px,4vw,70px);align-items:end}.eyebrow{font:700 11px/1.3 Arial,sans-serif;letter-spacing:.22em;color:#78a29b;margin:0 0 14px}.title-block h1{font:400 clamp(55px,8vw,116px)/.78 Georgia,serif;letter-spacing:-.065em;margin:0;max-width:780px;text-wrap:balance;text-shadow:0 4px 40px #000}.title-block h1 span{display:block;font:700 13px/1 Arial,sans-serif;text-transform:uppercase;letter-spacing:.42em;color:#9da6a1;margin:0 0 12px 7px}.premise{font:400 clamp(17px,2vw,24px)/1.4 Georgia,serif;color:#c8cac3;max-width:590px;margin:30px 0}.fiction{max-width:540px;font:11px/1.5 Arial,sans-serif;letter-spacing:.04em;color:#858d89;margin:24px 0 0}.location-stamp{height:260px;border-left:1px solid #51756f;padding-left:18px;display:flex;flex-direction:column;justify-content:flex-end}.location-stamp b{font:10px Arial,sans-serif;letter-spacing:.28em;color:#6b827e}.location-stamp strong{font:120px/.75 Georgia,serif;color:#96aea7}.location-stamp span{font:9px Arial,sans-serif;letter-spacing:.15em;color:#64716e;margin-top:15px}.counter-card{display:grid;grid-template-columns:1fr auto;align-items:center;width:min(390px,100%);padding:10px 14px;border:1px solid #435a56;background:rgba(10,17,16,.8);box-shadow:0 0 30px rgba(53,91,84,.13) inset}.counter-card span,.counter-card small{font:9px Arial,sans-serif;letter-spacing:.15em;color:#86938f}.counter-card strong{grid-row:1/3;grid-column:2;font:42px/1 "Courier New",monospace;color:#e2d6b5;text-shadow:0 0 12px rgba(233,196,105,.35)}.start-actions{display:flex;gap:10px;margin-top:23px}.primary,.quiet{min-height:50px;border:1px solid #6c9189;padding:0 22px;cursor:pointer;text-transform:uppercase;font:700 11px Arial,sans-serif;letter-spacing:.15em;transition:background .2s,color .2s,transform .2s}.primary{background:#b9c8bd;color:#0b1211;border-color:#d9e0d7}.primary:hover,.primary:focus-visible{background:#f0eee1;transform:translateY(-1px)}.quiet{background:rgba(12,18,17,.82);color:#9eaaa6;border-color:#455652}.quiet:hover,.quiet:focus-visible{color:#fff;border-color:#839b94}.shift-note{padding:24px;border-top:1px solid #7b928c;border-bottom:1px solid #384744;background:rgba(8,12,12,.74);font-family:Georgia,serif}.shift-note>p{font:700 9px Arial,sans-serif;letter-spacing:.22em;color:#7c9891}.shift-note blockquote{margin:24px 0 8px;font-size:18px;line-height:1.5}.shift-note>span{font:9px Arial,sans-serif;color:#7e8985}.shift-note dl{margin:26px 0 0}.shift-note dl div{display:flex;justify-content:space-between;border-top:1px solid #283331;padding:9px 0;font:10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.09em}.shift-note dd{margin:0}.warning{color:#e2b36b}#rain-glass{pointer-events:none;position:fixed;inset:0;z-index:3;opacity:.2;background:repeating-linear-gradient(102deg,transparent 0 20px,rgba(180,210,207,.12) 22px,transparent 24px 42px);mix-blend-mode:screen;animation:rain 4s linear infinite}@keyframes rain{to{background-position:34px 100px}}#vignette{pointer-events:none;position:fixed;inset:0;z-index:4;box-shadow:inset 0 0 170px 42px rgba(0,0,0,.82)}#reticle{position:fixed;z-index:7;left:50%;top:50%;width:16px;height:16px;transform:translate(-50%,-50%);opacity:.5;pointer-events:none}#reticle:before,#reticle:after{content:"";position:absolute;background:#d9e1db}#reticle:before{width:1px;height:12px;left:7px;top:2px}#reticle:after{height:1px;width:12px;left:2px;top:7px}#hud{position:fixed;inset:0;z-index:8;pointer-events:none;padding:26px 30px;display:flex;flex-direction:column;justify-content:space-between}.hud-top,.hud-bottom{display:flex;justify-content:space-between;align-items:flex-start}.objective-panel{border-left:2px solid #84a79e;padding:5px 0 6px 14px;text-shadow:0 2px 8px #000}.objective-panel span{display:block;font:8px Arial,sans-serif;letter-spacing:.22em;color:#82a098}.objective-panel strong{display:block;font:400 17px/1.4 Georgia,serif;margin-top:4px}.visitor-counter{display:flex;align-items:center;gap:12px;background:rgba(4,8,8,.62);border:1px solid #50615d;padding:7px 11px}.visitor-counter span{font:8px Arial,sans-serif;letter-spacing:.18em}.visitor-counter b{font:25px "Courier New",monospace;color:#dfc28a}.hud-bottom{align-items:flex-end;gap:12px}.meter{width:125px}.meter span{font:8px Arial,sans-serif;letter-spacing:.16em}.meter i{height:3px;display:block;margin-top:5px;background:#26302e}.meter b{display:block;height:100%;width:100%;background:#afc5bd;box-shadow:0 0 6px #8caea5}.meter:nth-child(2){margin-right:auto}#status-line{font:8px Arial,sans-serif;letter-spacing:.16em;color:#a4adaa;margin-right:138px}#interaction{position:fixed;z-index:9;left:50%;top:60%;transform:translateX(-50%);display:grid;grid-template-columns:auto auto;gap:2px 9px;align-items:center;padding:9px 14px;background:rgba(7,11,11,.78);border-top:1px solid #7d9c94;text-shadow:0 2px 5px #000}#interaction kbd{grid-row:1/3;width:28px;height:28px;display:grid;place-items:center;border:1px solid #cad8d2;font:700 12px Arial,sans-serif}#interaction span{font:700 10px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}#interaction small{font:9px Georgia,serif;color:#abb6b1}#caption{position:fixed;left:50%;bottom:13%;transform:translateX(-50%);padding:8px 14px;background:rgba(0,0,0,.72);font:16px/1.4 Georgia,serif;text-align:center;max-width:min(650px,80vw)}#chrome{position:fixed;z-index:25;right:14px;bottom:14px;display:flex;gap:7px}.icon{width:44px;height:44px;border:1px solid #4d615c;background:rgba(5,10,9,.72);color:#aab9b4;cursor:pointer}.compact{background:rgba(3,6,6,.82)}.panel,.ending-panel{width:min(430px,90vw);padding:34px;background:#0b1110;border:1px solid #53635f;box-shadow:0 25px 100px #000}.panel h2,.ending-panel h2{margin:0 0 25px;font:42px/1 Georgia,serif}.panel button{width:100%;margin-top:10px}.panel label{display:block;margin:15px 0;font:11px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}.panel input[type=range],.panel select{width:100%;margin-top:8px}.panel .check{display:flex;gap:10px;align-items:center}.panel .check input{width:auto}.danger{border-color:#8b3531}.danger .eyebrow{color:#c6534d}.ending-panel{width:min(640px,90vw);text-align:center;padding:60px}.ending-panel h2{font-size:clamp(40px,7vw,76px)}.ending-panel p:not(.eyebrow){font:18px/1.6 Georgia,serif;color:#b8bfba}.ending-panel button{margin-top:25px}#mobile-controls{display:none}html[data-theme=light] .screen{background:linear-gradient(90deg,rgba(224,222,207,.95),rgba(224,222,207,.78),rgba(224,222,207,.25));color:#18201e}html[data-theme=light] .shift-note,html[data-theme=light] .quiet,html[data-theme=light] .panel{background:rgba(210,211,197,.92);color:#17201e}html[data-theme=light] .title-block h1{text-shadow:0 4px 34px rgba(255,255,255,.6)}html[data-theme=light] .fiction{color:#454e4b}@media (pointer:coarse),(max-width:700px){.screen{padding:22px;background:linear-gradient(180deg,rgba(4,8,8,.87),rgba(4,8,8,.55))}.start-grid{display:block}.location-stamp{height:auto;border-left:0;border-bottom:1px solid #51756f;padding:0 0 12px;margin-bottom:25px;display:block}.location-stamp strong{font-size:42px;margin-left:8px}.location-stamp span{float:right;margin-top:16px}.title-block h1{font-size:clamp(50px,16vw,73px)}.title-block h1 span{font-size:10px}.premise{font-size:17px;margin:22px 0}.shift-note{display:none}.start-actions{flex-direction:column}.start-actions button{width:100%}.fiction{font-size:9px}.counter-card{width:260px}.counter-card strong{font-size:32px}#hud{padding:max(17px,env(safe-area-inset-top)) 16px max(220px,env(safe-area-inset-bottom))}.objective-panel{max-width:245px}.objective-panel strong{font-size:14px}.visitor-counter{padding:5px 8px}.visitor-counter span{display:none}.hud-bottom{margin-bottom:0}.meter{width:72px}#status-line{display:none}#interaction{top:auto;bottom:30%;white-space:nowrap}#caption{bottom:32%;font-size:14px}#chrome{top:76px;right:10px;bottom:auto}.icon{width:48px;height:48px}#pause-button{display:none}#mobile-controls{display:block;position:fixed;inset:0;z-index:12;pointer-events:none;touch-action:none}#start-screen:not(.hidden)~#mobile-controls{display:none}.move-pad{position:absolute;left:16px;bottom:max(18px,env(safe-area-inset-bottom));width:152px;height:142px}.move-pad button,.action-pad button{position:absolute;pointer-events:auto;width:48px;height:48px;border-radius:50%;border:1px solid rgba(186,210,203,.55);background:rgba(8,16,15,.64);color:#d4ded9;font:700 10px Arial,sans-serif;backdrop-filter:blur(4px)}.move-pad [data-input=forward]{left:52px;top:0}.move-pad [data-input=left]{left:0;top:48px}.move-pad [data-input=back]{left:52px;top:94px}.move-pad [data-input=right]{left:104px;top:48px}#look-zone{position:absolute;right:0;top:18%;bottom:190px;width:50%;pointer-events:auto}.action-pad{position:absolute;right:14px;bottom:max(18px,env(safe-area-inset-bottom));width:166px;height:164px}.action-pad [data-action=light]{left:0;top:0}.action-pad [data-input=run]{left:52px;top:0}.action-pad [data-action=crouch]{left:0;top:57px}.action-pad .use{right:0;top:38px;width:62px;height:62px;border-color:#cddcd5;background:rgba(71,104,95,.76)}.action-pad [data-input=breath]{left:40px;bottom:0;width:82px;border-radius:24px}.ending-panel{padding:38px 22px}.panel{padding:25px}.panel h2{font-size:34px}}@media (prefers-reduced-motion:reduce){#rain-glass{animation:none}.primary,.quiet{transition:none}}