:root{--ink: #14120f;--paper: #e8e0c9;--mustard: #c99a3d;--mustard-bright: #e8b64e;--teal: #2f5c56;--teal-bright: #4f9c8f;--blood: #9c3b3b;--static: #8a8878;font-family:Special Elite,Courier New,monospace;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;background:#0a0908;color:var(--paper);height:100%;overflow:hidden}#app{position:relative;width:100vw;height:100vh;overflow:hidden}.hidden{display:none!important}#crt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.16) 0px,rgba(0,0,0,.16) 1px,transparent 2px,transparent 3px);mix-blend-mode:multiply;opacity:.5;animation:flicker 6.5s infinite steps(40)}@keyframes flicker{0%,92%,to{opacity:.42}93%{opacity:.6}95%{opacity:.3}97%{opacity:.55}}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:49;background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.75) 100%)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}#screen-title{flex-direction:column;overflow-y:auto}.title-hero{position:relative;width:100%;height:46vh;min-height:260px;overflow:hidden;flex-shrink:0}.title-hero img{width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:saturate(.85) contrast(1.05)}.title-hero-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0a090800 45%,#0a0908)}.title-content{position:relative;margin-top:-3rem;padding:0 8vw 4rem;max-width:760px;display:flex;flex-direction:column;align-items:flex-start;gap:.6rem}.eyebrow{font-family:Special Elite,monospace;letter-spacing:.18em;color:var(--mustard);font-size:.8rem;margin:0;text-transform:uppercase}h1{font-family:Rubik Glitch,Special Elite,monospace;font-size:clamp(3rem,11vw,6rem);line-height:.95;margin:.1em 0 .2em;color:var(--paper);text-shadow:3px 0 0 var(--blood),-3px 0 0 var(--teal-bright)}.subtitle{font-size:1.1rem;color:var(--teal-bright);margin:0 0 .6rem}.subtitle em{color:var(--mustard-bright);font-style:normal}.blurb{font-size:1rem;line-height:1.6;color:var(--static);margin:0 0 1.4rem;max-width:60ch}.blurb em{color:var(--paper);font-style:normal}.btn-primary,.btn-ghost{font-family:Special Elite,monospace;font-size:1rem;letter-spacing:.03em;padding:.85rem 1.6rem;border-radius:3px;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.btn-primary{background:var(--mustard);color:#201a0d;border:1px solid var(--mustard);margin-bottom:.5rem}.btn-primary:hover{background:var(--mustard-bright);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--paper);border:1px solid rgba(232,224,201,.35);margin-bottom:.9rem}.btn-ghost:hover{border-color:var(--teal-bright);color:var(--teal-bright)}.hint{font-size:.8rem;color:#e8e0c973;margin:0}.screen-panel{align-items:center;justify-content:center;padding:2rem;background-image:linear-gradient(#090807e6,#090807f0),url(/.netlify/images?url=/img/workshop.png&w=1400&fm=webp&q=70);background-size:cover;background-position:center}.panel{max-width:620px;width:100%;background:#14120f;border:1px solid rgba(232,224,201,.15);border-radius:6px;padding:2.2rem 2.4rem;box-shadow:0 30px 80px #0009}.panel-wide{max-width:720px}.panel h2{font-family:Rubik Glitch,monospace;font-size:1.9rem;margin:0 0 1.2rem;color:var(--paper)}.rules{padding-left:1.2rem;margin:0 0 1.6rem;color:var(--static);line-height:1.7}.rules strong{color:var(--mustard-bright)}.rules kbd{display:inline-block;background:#26221a;border:1px solid rgba(232,224,201,.3);border-radius:3px;padding:0 .35em;font-family:monospace;font-size:.85em;color:var(--paper)}#screen-game{align-items:center;justify-content:center;background:#050403}#game-stage{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}#game-canvas{width:min(100%,calc(100vh * 16 / 9));height:auto;max-width:100%;max-height:100%;aspect-ratio:16 / 9;background:#050403;image-rendering:auto;box-shadow:0 0 120px #000c inset;cursor:crosshair}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;padding:1.4rem;display:flex;flex-direction:column;justify-content:space-between}#hud-objective{align-self:flex-start;background:#0a0908b8;border-left:3px solid var(--mustard);padding:.5rem .9rem;font-size:.85rem;max-width:46ch;line-height:1.5;color:var(--paper)}#hud-meter-wrap{align-self:flex-end;text-align:right;margin-top:.6rem}#hud-meter-label{font-size:.7rem;letter-spacing:.15em;color:var(--blood);margin-bottom:.25rem}#hud-meter-track{width:160px;height:8px;background:#e8e0c926;border-radius:4px;overflow:hidden}#hud-meter-fill{height:100%;width:0%;background:var(--blood);transition:width .1s linear}#hud-prompt{align-self:center;text-align:center;font-size:.95rem;color:var(--mustard-bright);background:#0a0908b8;padding:.4rem .9rem;border-radius:3px;min-height:1.6em}#hud-tapes{align-self:flex-end;font-size:.75rem;color:var(--static);background:#0a0908b8;padding:.3rem .7rem;border-radius:3px}#flash{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--blood);opacity:0;pointer-events:none}#flash.hit{animation:flash-hit .4s ease-out}@keyframes flash-hit{0%{opacity:.85}to{opacity:0}}#jumpscare{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000;opacity:0;pointer-events:none;overflow:hidden}#jumpscare img{height:120%;object-fit:cover;filter:contrast(1.25) saturate(1.2)}#jumpscare.hit{animation:jumpscare 1.1s ease-out}#jumpscare.hit img{animation:jumpscare-lunge 1.1s ease-out}@keyframes jumpscare{0%,55%{opacity:1}to{opacity:0}}@keyframes jumpscare-lunge{0%{transform:scale(.8) translateY(4%)}12%{transform:scale(1.25) translate(-1%)}18%{transform:scale(1.2) translate(1.5%,-1%)}24%{transform:scale(1.28) translate(-1%,1%)}to{transform:scale(1.35)}}#end-body p{color:var(--static);line-height:1.7}#end-tapes{margin:1.2rem 0 1.6rem;padding:.9rem 1rem;background:#0a0908;border:1px dashed rgba(232,224,201,.25);border-radius:4px;font-size:.85rem;color:var(--teal-bright);line-height:1.6}#end-tapes .tape-empty{color:#e8e0c966}@media (max-width: 640px){.title-content{padding:0 6vw 3rem}.panel{padding:1.6rem 1.4rem}}.lobby-blurb{color:var(--static);line-height:1.6;margin:0 0 1.6rem}#lobby-choose{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.lobby-join label{display:block;font-size:.8rem;color:var(--static);margin-bottom:.4rem}.lobby-join-row{display:flex;gap:.6rem}.lobby-join-row .btn-ghost{margin-bottom:0}#lobby-code-input{font-family:Special Elite,monospace;font-size:1.2rem;letter-spacing:.35em;text-transform:uppercase;width:8.5rem;padding:.6rem .8rem;background:#0d0c0a;color:var(--paper);border:1px solid rgba(232,224,201,.35);border-radius:3px}#lobby-code-input:focus{outline:none;border-color:var(--mustard)}.lobby-label{font-size:.75rem;letter-spacing:.15em;color:var(--static);margin:0}.lobby-code{font-family:Rubik Glitch,monospace;font-size:3rem;letter-spacing:.2em;color:var(--mustard-bright);margin:.2rem 0 .6rem}.lobby-count{margin:0 0 1.2rem}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.lobby-status{min-height:1.4em;margin:1.2rem 0;font-size:.9rem;color:var(--teal-bright)}.lobby-status.error{color:#e07a6a}#hud-crew{position:absolute;left:1.4rem;bottom:1.4rem;font-size:.75rem;color:var(--static);background:#0a0908b8;padding:.3rem .7rem;border-radius:3px}#hud-crew .swatch{display:inline-block;width:.7em;height:.7em;border-radius:50%;margin-right:.35em;vertical-align:-.05em}