:root{--ink: #d6cbb8;--blood: #6b0f0f;--paper: #1a1714;--grime: #0a0908}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background:#000;color:var(--ink);font-family:Special Elite,Courier New,monospace;overflow:hidden;user-select:none}#game{display:block;width:100vw;height:100vh;cursor:none}.hidden{display:none!important}.overlay{position:fixed;inset:0;background:radial-gradient(circle at center,#140f0cd9,#000000fa 80%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;z-index:10;text-align:center;padding:2rem}.overlay h1{font-size:clamp(2.5rem,8vw,5rem);letter-spacing:.4em;margin:0;color:var(--blood);text-shadow:0 0 20px rgba(107,15,15,.6),0 0 2px #000}.overlay h2{font-size:clamp(1.8rem,5vw,3rem);letter-spacing:.2em;color:var(--ink)}.overlay .tagline{font-style:italic;opacity:.7;letter-spacing:.15em}.overlay button{background:transparent;border:1px solid var(--ink);color:var(--ink);padding:.8rem 2.5rem;font-family:inherit;font-size:1.1rem;letter-spacing:.3em;cursor:pointer;transition:all .3s ease}.overlay button:hover{background:var(--ink);color:var(--grime);letter-spacing:.4em}.overlay .hint{position:absolute;bottom:2rem;font-size:.8rem;opacity:.5;letter-spacing:.1em}#hud{position:fixed;inset:0;pointer-events:none;z-index:5}#interact-prompt{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);font-size:.95rem;letter-spacing:.2em;text-shadow:0 0 4px #000;opacity:0;transition:opacity .15s ease}#interact-prompt.show{opacity:1}#subtitle{position:absolute;bottom:12%;left:50%;transform:translate(-50%);max-width:60ch;text-align:center;font-size:1.05rem;font-style:italic;text-shadow:0 0 4px #000,0 0 8px #000;opacity:0;transition:opacity .4s ease}#subtitle.show{opacity:.9}#inventory{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem}.inv-slot{width:56px;height:56px;border:1px solid rgba(214,203,184,.3);background:#0a090899;display:flex;align-items:center;justify-content:center;font-size:.75rem;text-align:center;padding:4px}#battery{position:absolute;top:1rem;right:1rem;font-size:.85rem;letter-spacing:.15em;opacity:.7}#controls{position:absolute;bottom:1rem;left:1rem;display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;letter-spacing:.08em;color:#e8e2d0;opacity:.85;text-shadow:0 1px 3px #000,0 0 8px rgba(0,0,0,.9)}#controls b{display:inline-block;min-width:3.4em;color:#fff;font-weight:700}#crosshair{position:absolute;top:50%;left:50%;width:12px;height:12px;transform:translate(-50%,-50%);pointer-events:none;z-index:4}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#d6cbb8a6;box-shadow:0 0 2px #000000e6}#crosshair:before{top:50%;left:0;right:0;height:1px;transform:translateY(-50%)}#crosshair:after{left:50%;top:0;bottom:0;width:1px;transform:translate(-50%)}#crosshair.focused:before,#crosshair.focused:after{background:#ffdcb4f2}#vignette{position:fixed;inset:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse at center,#0000 30%,#00000073 70%,#000000d9);mix-blend-mode:multiply}#grain{position:fixed;inset:0;pointer-events:none;z-index:3;opacity:.1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.8  0 0 0 0 0.78  0 0 0 0 0.72  0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:240px 240px;mix-blend-mode:screen;animation:grain-shift 1.2s steps(6) infinite}@keyframes grain-shift{0%{transform:translate(0)}16%{transform:translate(-12px,8px)}33%{transform:translate(7px,-10px)}50%{transform:translate(-3px,14px)}66%{transform:translate(11px,2px)}83%{transform:translate(-9px,-6px)}to{transform:translate(0)}}.note-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:8;cursor:pointer}.note-paper{background:#d6cbb8;color:#2a1f15;padding:3rem 4rem;max-width:50ch;font-size:1.05rem;line-height:1.7;box-shadow:0 20px 60px #000c;transform:rotate(-1.5deg);white-space:pre-wrap}