:root{--blood:#6b0f12;--paper:#cbb896;--ink:#1a120c;--ash:#8a7a68}*{box-sizing:border-box;margin:0;padding:0}html,body{cursor:none;background:#000;width:100%;height:100%;overflow:hidden}#c{width:100%;height:100%;display:block}#grain,#vignette,#hurt,#static,#noise-fx{pointer-events:none;position:fixed;inset:0}#grain{opacity:.14;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.35s steps(2,end) infinite grain-shift}#vignette{background:radial-gradient(#0000 35%,#0000008c 72%,#000000eb 100%)}#hurt{opacity:0;background:radial-gradient(#0000 40%,#5000008c 100%);transition:opacity .2s linear}#static{opacity:0;background:#0a0a0a}#noise-fx{opacity:0;width:100%;height:100%}.hidden{display:none!important}#hud{pointer-events:none;color:var(--ash);font-family:Special Elite,serif;position:fixed;inset:0}#crosshair{border:1px solid #d2bea059;border-radius:50%;width:5px;height:5px;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%}#prompt{text-align:center;letter-spacing:.16em;text-transform:uppercase;color:#d8c7a6;text-shadow:0 0 12px #000;min-height:1.2em;font-size:15px;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}#meters{flex-direction:column;gap:10px;width:180px;display:flex;position:absolute;bottom:28px;left:28px}.meter span{letter-spacing:.28em;opacity:.7;margin-bottom:4px;font-size:10px;display:block}.track{background:#ffffff14;height:4px;overflow:hidden}#battery-fill,#sanity-fill{transform-origin:0;width:100%;height:100%}#battery-fill{background:#c9a227}#sanity-fill{background:#7a1d22}#pages{letter-spacing:.22em;font-size:12px;position:absolute;bottom:28px;right:28px}#hint{letter-spacing:.18em;color:#b9a48a;opacity:0;text-align:center;max-width:70%;font-size:12px;transition:opacity 1.2s;position:absolute;top:24px;left:50%;transform:translate(-50%)}#hint.show{opacity:.85}#note-overlay{cursor:none;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.paper{width:min(520px,86vw);min-height:280px;color:var(--ink);background:linear-gradient(#ffffff12,#0000 40%),repeating-linear-gradient(0deg,#0000,#0000 27px,#50321414 28px),#cbb896;padding:42px 46px 36px;transform:rotate(-.4deg);box-shadow:0 20px 80px #000000b3}#note-text{white-space:pre-wrap;font-family:IM Fell English,serif;font-size:20px;line-height:1.55}.note-hint{letter-spacing:.16em;opacity:.45;margin-top:28px;font-family:Special Elite,serif;font-size:11px}#title-screen,#pause-screen,#death-screen,#win-screen{color:#cfc3b0;cursor:default;text-align:center;background:radial-gradient(#140b0b 0%,#000 70%);flex-direction:column;justify-content:center;align-items:center;padding:24px;font-family:Special Elite,serif;display:flex;position:fixed;inset:0}#title-screen:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000001f 3px);position:absolute;inset:0}.title-date{letter-spacing:.46em;opacity:.45;margin-bottom:22px;font-size:11px}#title-word{letter-spacing:.14em;color:#e8d7c0;text-shadow:0 0 28px #78141459;font-family:IM Fell English,serif;font-size:clamp(42px,8vw,84px);font-weight:400;animation:4.5s infinite flicker}.title-sub{letter-spacing:.22em;opacity:.55;margin-top:10px;font-size:14px}#begin,#again,#again-win{color:#d8c7a6;letter-spacing:.28em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #c8b49647;margin-top:38px;padding:12px 28px;font-family:Special Elite,serif;font-size:13px}#begin:hover,#again:hover,#again-win:hover{color:#f0e6d2;border-color:#c9a227}.controls{letter-spacing:.12em;opacity:.5;flex-wrap:wrap;justify-content:center;gap:14px 22px;margin-top:40px;font-size:11px;list-style:none;display:flex}kbd{border:1px solid #ffffff29;margin-right:4px;padding:1px 6px;font-family:Special Elite,serif}.title-warn{letter-spacing:.3em;opacity:.32;font-size:10px;position:absolute;bottom:28px}#pause-screen h2,#death-screen h2,#win-screen h2{letter-spacing:.08em;font-family:IM Fell English,serif;font-size:clamp(28px,5vw,48px);font-weight:400}#pause-screen p,#death-screen p{opacity:.55;letter-spacing:.16em;margin-top:14px;font-size:13px}#death-screen{background:radial-gradient(#2a0505 0%,#000 68%)}#death-line{color:#e6cfcf}.win-soft{letter-spacing:.4em;opacity:.4;margin-bottom:18px;font-size:12px}.win-late{color:#d8b8b8;max-width:16ch;line-height:1.25}.win-end{letter-spacing:.42em;opacity:.7;margin-top:28px;font-size:12px}@keyframes flicker{0%,86%,to{opacity:1;transform:none}87%{opacity:.35;transform:translate(1px,-1px)}89%{opacity:1}93%{opacity:.15;transform:translate(-2px,1px)}94%{opacity:1}}@keyframes grain-shift{0%{transform:translate(0)}to{transform:translate(-2%,1%)}}
