:root{--bone:#e8e2c8;--bone-dim:#e8e2c88c;--ink:#0b0904;--poster-sans:"Helvetica Neue", "Nimbus Sans L", Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{background:var(--ink);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;height:100dvh;overflow:hidden}#game-canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#interact-prompt{z-index:2;pointer-events:none;font-family:var(--poster-sans);color:var(--bone-dim);text-shadow:0 1px 10px #000000b3;align-items:center;gap:.6em;display:flex;position:absolute;bottom:12vh;left:50%;transform:translate(-50%)}#interact-prompt .key{border:1px solid var(--bone-dim);border-radius:2px;justify-content:center;align-items:center;min-width:1.7em;height:1.7em;padding:0 .35em;font-size:.8rem;font-weight:700;display:inline-flex}#interact-prompt .action{letter-spacing:.22em;text-transform:lowercase;font-size:.78rem}#poster-inspect{z-index:4;pointer-events:none;color:var(--bone-dim);font-family:var(--poster-sans);background:#040300d1;flex-direction:column;justify-content:center;align-items:center;gap:1.1rem;display:flex;position:absolute;inset:0}html.touch-playing #poster-inspect:not(.hidden){pointer-events:auto;touch-action:none;cursor:pointer}#poster-inspect-image{max-width:min(86vw,60vh);max-height:76vh;box-shadow:0 18px 60px #000c}#poster-inspect-caption{letter-spacing:.22em;text-transform:lowercase;font-size:.78rem}#poster-inspect .inspect-hint{letter-spacing:.18em;color:#e8e2c859;font-size:.68rem}#title-screen{z-index:5;text-align:center;color:var(--bone);background:linear-gradient(#0504006b 0%,#0504001f 28% 72%,#0504007a 100%),linear-gradient(90deg,#05040061 0%,#05040014 22% 78%,#05040061 100%),#05040038;flex-direction:column;justify-content:center;align-items:center;transition:opacity .9s;display:flex;position:absolute;inset:0}#title-screen.fade-out{opacity:0;pointer-events:none}#loading-status{min-width:min(72vw,16rem);font-family:var(--poster-sans);letter-spacing:.2em;color:var(--bone-dim);text-transform:lowercase;justify-items:center;gap:.75rem;font-size:.68rem;transition:opacity .3s;display:grid}.loading-icon{border:1px solid #e8e2c82e;border-top-color:var(--bone);border-radius:50%;width:1.7rem;height:1.7rem;animation:.85s linear infinite loading-spin}.loading-track{background:#e8e2c81f;width:100%;height:1px;overflow:hidden}#loading-bar{background:var(--bone-dim);transform-origin:0;width:100%;height:100%;transition:transform .2s ease-out;display:block;transform:scaleX(0)}#title-screen.is-ready #loading-status{display:none}#retry-button{appearance:none;border:1px solid var(--bone-dim);color:var(--bone);font:.72rem var(--poster-sans);letter-spacing:.18em;cursor:pointer;background:#0b090480;border-radius:2px;padding:.75rem 1rem;display:none}#title-screen.load-error .loading-icon,#title-screen.load-error .loading-track{display:none}#title-screen.load-error #retry-button{display:block}.hidden{display:none!important}.title{top:max(1.5rem, env(safe-area-inset-top));left:max(1.5rem, env(safe-area-inset-left));font-family:var(--poster-sans);letter-spacing:-.045em;text-align:left;text-shadow:0 1px 12px #000000c2;font-size:clamp(1rem,1.8vw,1.4rem);font-weight:700;line-height:.82;position:absolute}.title span{display:block}#enter-prompt{flex-direction:column;align-items:center;gap:1.15rem;display:none}#title-screen.is-ready #enter-prompt{display:flex}#play-button{appearance:none;cursor:pointer;color:var(--bone-dim);background:0 0;border:0;padding:14px;transition:color .3s}#play-button:hover,#play-button:focus-visible{color:var(--bone);outline:none}#play-button:active{transform:scale(.94)}#play-button svg{width:34px;height:34px;display:block;overflow:visible}#play-button path{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}#play-button .click-rays,#play-button .click-cursor{transform-box:fill-box;transform-origin:50%}#play-button .click-rays{animation:1.8s ease-out infinite click-rays}#play-button .click-cursor{animation:1.8s ease-in-out infinite click-press}#headphones-hint{color:#e8e2c861;font-family:var(--poster-sans);letter-spacing:.2em;text-transform:lowercase;text-shadow:0 1px 10px #0000008c;align-items:center;gap:.55em;margin:0;font-size:.62rem;animation:3.6s ease-in-out infinite headphones-breathe;display:flex}#headphones-hint .headphones-icon{flex-shrink:0;width:1.05rem;height:1.05rem;display:block}#headphones-hint .headphones-icon path{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}@keyframes click-rays{0%,20%{opacity:.35;transform:scale(.82)}42%{opacity:1;transform:scale(1)}70%,to{opacity:.25;transform:scale(.9)}}@keyframes click-press{0%,24%,to{transform:translate(0)scale(1)}40%{transform:translate(-.5px,-.5px)scale(.9)}56%{transform:translate(0)scale(1)}}@keyframes loading-spin{to{transform:rotate(360deg)}}@keyframes headphones-breathe{0%,to{opacity:.72}50%{opacity:1}}#mobile-hud{z-index:3;pointer-events:none;position:absolute;inset:0}#look-surface{pointer-events:auto;touch-action:none;position:absolute;inset:0}#move-stick{left:max(1.1rem, env(safe-area-inset-left));bottom:max(1.4rem, env(safe-area-inset-bottom));pointer-events:auto;touch-action:none;background:#0b090447;border:1px solid #e8e2c838;border-radius:50%;width:7.4rem;height:7.4rem;position:absolute;box-shadow:inset 0 0 0 1px #00000040}#move-stick-knob{will-change:transform;background:#e8e2c829;border:1px solid #e8e2c866;border-radius:50%;width:2.6rem;height:2.6rem;margin:-1.3rem 0 0 -1.3rem;position:absolute;top:50%;left:50%;box-shadow:0 2px 10px #00000059}#mobile-actions{right:max(1.1rem, env(safe-area-inset-right));bottom:max(1.4rem, env(safe-area-inset-bottom));z-index:6;pointer-events:auto;flex-direction:column;align-items:flex-end;gap:.75rem;display:flex;position:absolute}#mobile-actions button,#pause-button{appearance:none;color:var(--bone-dim);font:.68rem var(--poster-sans);letter-spacing:.16em;text-transform:lowercase;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;background:#0b09046b;border:1px solid #e8e2c847;border-radius:999px}#mobile-actions button{min-width:4.4rem;min-height:4.4rem;padding:.85rem 1rem}#sprint-button{min-width:3.8rem;min-height:3.8rem}#mobile-actions button.is-active,#pause-button:active{color:var(--bone);background:#e8e2c81f;border-color:#e8e2c88c}#pause-button{top:max(1rem, env(safe-area-inset-top));right:max(1rem, env(safe-area-inset-right));z-index:6;min-height:2.4rem;padding:.45rem .85rem;position:absolute}@media (pointer:coarse){#interact-prompt{bottom:max(22vh, calc(env(safe-area-inset-bottom) + 9.5rem))}#play-button{padding:18px}#play-button svg{width:40px;height:40px}.title{font-size:clamp(1.05rem,4.8vw,1.4rem)}}@media (pointer:coarse) and (orientation:landscape){#move-stick{left:max(1.4rem, env(safe-area-inset-left));bottom:max(.9rem, env(safe-area-inset-bottom));width:6.4rem;height:6.4rem}#mobile-actions{right:max(1.4rem, env(safe-area-inset-right));bottom:max(.9rem, env(safe-area-inset-bottom));flex-direction:row}#mobile-actions button{min-width:3.8rem;min-height:3.8rem}}@media (prefers-reduced-motion:reduce){#play-button .click-rays,#play-button .click-cursor,#headphones-hint,.loading-icon{animation:none}}