@import"https://fonts.googleapis.com/css2?family=Special+Elite&family=IBM+Plex+Mono:wght@400;600&display=swap";:root{--blood: #7a0d0d;--bone: #d6cfc0;--ash: #8a847a;--ink: #050405}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--ink);color:var(--bone);font-family:IBM Plex Mono,ui-monospace,monospace;overflow:hidden;user-select:none}#app{position:fixed;inset:0}canvas{display:block;width:100%;height:100%}.layer{position:absolute;inset:0;pointer-events:none}.layer.interactive{pointer-events:auto}.hud{opacity:0;transition:opacity .6s}.hud.visible{opacity:1}.hud .burgers{position:absolute;top:22px;left:26px;display:flex;gap:8px}.hud .burgers .b{width:24px;height:24px;border:1px solid rgba(214,207,192,.35);border-radius:4px;opacity:.55;background:transparent;position:relative}.hud .burgers .b.on{background:linear-gradient(180deg,#c98a3a 0 35%,#4a2a12 35% 55%,#d8b13e 55% 65%,#7a9a2e 65% 75%,#c98a3a 75%);border-color:#d6cfc0cc;opacity:1;box-shadow:0 0 10px #ffaa5a59}.hud .objective{position:absolute;top:56px;left:26px;font-size:12px;letter-spacing:.08em;color:var(--ash);text-transform:uppercase}.hud .meters{position:absolute;bottom:26px;left:26px;width:190px}.hud .meter{height:3px;background:#d6cfc01f;margin-top:8px;overflow:hidden}.hud .meter>div{height:100%;background:var(--bone);transition:width .12s linear}.hud .meter.stamina>div{background:#b7b09f}.hud .meter.battery>div{background:#f0c96a}.hud .meter.breath>div{background:#6fb6c8}.hud .meter.low>div{background:var(--blood)}.hud .meter-label{font-size:10px;letter-spacing:.15em;color:var(--ash);text-transform:uppercase;margin-top:10px}.hud .prompt{position:absolute;left:50%;top:60%;transform:translate(-50%);font-size:14px;letter-spacing:.06em;color:var(--bone);text-shadow:0 0 8px #000,0 0 2px #000;white-space:nowrap}.hud .hint{position:absolute;left:50%;bottom:18%;transform:translate(-50%);font-family:Special Elite,serif;font-size:20px;color:var(--bone);text-shadow:0 0 12px #000,0 0 3px #000;opacity:0;transition:opacity .5s;text-align:center;max-width:80vw}.hud .hint.show{opacity:1}.hud .crosshair{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px;border-radius:50%;background:#d6cfc059}.locker-view{position:absolute;inset:0;opacity:0;transition:opacity .25s;background:radial-gradient(ellipse at 50% 50%,#0000 38%,#000000d9 82%)}.locker-view.show{opacity:1}.note{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s;background:radial-gradient(ellipse at 50% 50%,#0000008c,#000000d9)}.note.show{opacity:1}.note-body{width:min(420px,80vw);background:#d9d2bb;color:#2a2018;font-family:Special Elite,Courier New,monospace;font-size:17px;line-height:1.6;padding:34px 30px;white-space:pre-wrap;box-shadow:0 30px 60px #000c;transform:rotate(-1.2deg);background-image:repeating-linear-gradient(180deg,#0000 0 26px,#503c1e1f 26px 27px)}.note-hint{position:absolute;bottom:14%;font-size:12px;letter-spacing:.2em;color:var(--ash);text-transform:uppercase}.settings-box{display:flex;flex-direction:column;gap:12px;width:min(520px,86vw);margin-bottom:30px}.settings-row{display:grid;grid-template-columns:1fr 200px 64px;align-items:center;gap:14px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ash)}.settings-row .settings-value{color:var(--bone);text-align:right;text-transform:none;letter-spacing:.05em}.settings-row input[type=range]{width:100%;accent-color:var(--blood);cursor:pointer}.settings-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--blood);justify-self:start;cursor:pointer}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 60%,#120a0a,#050405 70%);opacity:0;pointer-events:none;transition:opacity .8s;z-index:60}.screen.show{opacity:1;pointer-events:auto}.screen h1{font-family:Special Elite,serif;font-weight:400;font-size:clamp(38px,7vw,92px);letter-spacing:.04em;margin:0 0 6px;color:var(--bone);text-shadow:0 0 30px rgba(122,13,13,.6)}.screen h1 span{color:var(--blood)}.screen .sub{font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:var(--ash);margin-bottom:42px}.screen .menu{display:flex;flex-direction:column;gap:14px;align-items:center}.screen button{font-family:IBM Plex Mono,monospace;font-size:15px;letter-spacing:.25em;text-transform:uppercase;background:transparent;color:var(--bone);border:1px solid rgba(214,207,192,.35);padding:12px 34px;cursor:pointer;min-width:260px;transition:background .2s,border-color .2s}.screen button:hover,.screen button:focus{background:#7a0d0d59;border-color:var(--blood);outline:none}.screen .small{font-size:11px;color:var(--ash);letter-spacing:.1em;margin-top:26px;text-align:center;line-height:1.9;max-width:640px}.screen .seed{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--ash);letter-spacing:.15em;text-transform:uppercase}.screen .seed input{width:110px;background:transparent;color:var(--bone);border:1px solid rgba(214,207,192,.25);font-family:inherit;padding:6px 8px;text-align:center}.screen .credits{font-size:10.5px;color:var(--ash);line-height:1.8;max-width:720px;text-align:center;margin-top:20px}.screen .stats{font-size:13px;letter-spacing:.15em;color:var(--bone);margin-bottom:20px;text-transform:uppercase}.screen.dead{background:radial-gradient(ellipse at 50% 50%,#2a0505,#050405 70%)}.screen.dead h1{color:var(--blood);text-shadow:0 0 40px rgba(122,13,13,.9)}.loading{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:320px;text-align:center;font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--ash)}.loading .bar{height:2px;background:#d6cfc01f;margin-top:10px}.loading .bar>div{height:100%;background:var(--bone);width:0%}.jumpscare{position:absolute;inset:0;background:#000;display:none;align-items:center;justify-content:center;z-index:40}.jumpscare.show{display:flex}.jumpscare img,.jumpscare video{width:100vw;height:100vh;object-fit:cover}.jumpscare video{display:none}.fade{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity 1.2s;z-index:45}.fade.show{opacity:1}.debug{position:absolute;top:8px;right:10px;font-size:11px;color:#8f8;text-shadow:0 0 3px #000;white-space:pre;display:none}.debug.show{display:block}.board{position:absolute;right:40px;top:50%;transform:translateY(-50%);width:300px;padding:16px 18px;border:1px solid rgba(214,207,192,.18);background:#0504058c;font-size:11px;letter-spacing:.1em;color:var(--bone)}.board-title{font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:var(--blood);text-shadow:0 0 14px rgba(122,13,13,.7)}.board-sub{color:var(--ash);font-size:10px;margin:4px 0 12px}.board table{width:100%;border-collapse:collapse}.board th{text-align:left;font-weight:400;color:var(--ash);font-size:9.5px;text-transform:uppercase;padding:0 4px 6px;border-bottom:1px solid rgba(214,207,192,.15)}.board td{padding:5px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.board td:first-child,.board th:first-child{color:var(--ash);width:22px}.board td:nth-child(3){font-variant-numeric:tabular-nums}.board tr:first-child td:nth-child(2){color:#e8b04a}.board tr.you td{color:#f0e6c8;background:#7a0d0d40}.board-note{color:var(--ash);font-size:10px;margin-top:8px;min-height:12px}@media(max-width:1100px){.board{position:static;transform:none;margin-top:22px;width:min(360px,90vw)}}.record{display:none;flex-direction:column;align-items:center;gap:8px;margin-bottom:22px}.record.show{display:flex}.record-row{display:flex;gap:8px}.record input{width:200px;background:transparent;color:var(--bone);border:1px solid rgba(214,207,192,.25);font-family:inherit;font-size:13px;letter-spacing:.15em;padding:8px 10px}.record input:disabled{color:var(--ash)}.record button{min-width:0;padding:8px 18px;font-size:11px}.record button:disabled{opacity:.4;cursor:default}.record-note{color:var(--ash);font-size:11px;letter-spacing:.12em;min-height:14px}