:root{color-scheme:dark;font-family:Courier New,monospace;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#050505;color:#c8c8c8;overflow-x:hidden}@keyframes flicker{0%,to{opacity:1}3%{opacity:.4}6%{opacity:1}7%{opacity:.7}8%{opacity:1}40%{opacity:1}42%{opacity:.8}43%{opacity:1}77%{opacity:1}78%{opacity:.3}80%{opacity:1}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes glitch-text{0%,to{transform:translate(0);text-shadow:none}20%{transform:translate(-2px,1px);text-shadow:2px 0 #ff0000,-2px 0 #00ff00}40%{transform:translate(2px,-1px);text-shadow:-2px 0 #ff0000,2px 0 #00ff00}60%{transform:translate(-1px,2px);text-shadow:1px 0 #ff0000,-1px 0 #00ff00}80%{transform:translate(1px,-2px);text-shadow:-1px 0 #ff0000,1px 0 #00ff00}}@keyframes pulse-red{0%,to{box-shadow:0 0 5px #ff00004d}50%{box-shadow:0 0 20px #f009,0 0 40px #f003}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes static-noise{0%{background-position:0 0}to{background-position:100% 100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}10%{transform:translate(-5px,-3px)}20%{transform:translate(4px,2px)}30%{transform:translate(-3px,4px)}40%{transform:translate(5px,-2px)}50%{transform:translate(-4px,3px)}60%{transform:translate(3px,-4px)}70%{transform:translate(-2px,5px)}80%{transform:translate(4px,-3px)}90%{transform:translate(-3px,2px)}}@keyframes vignette-pulse{0%,to{opacity:.7}50%{opacity:.95}}.game-container{min-height:100vh;display:flex;flex-direction:column;position:relative;animation:fadeIn .5s ease}.game-container.shaking{animation:shake .5s ease}.vignette{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:100;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.8) 100%);animation:vignette-pulse 4s ease-in-out infinite}.scanlines{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:99;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px)}.scanline-bar{position:fixed;top:0;left:0;right:0;height:3px;background:#ffffff0f;z-index:101;pointer-events:none;animation:scanline 8s linear infinite}.title-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;background:radial-gradient(ellipse at center,#0d0d0d,#000);position:relative}.title-screen h1{font-size:3.5rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:#c00;text-shadow:0 0 30px rgba(200,0,0,.5),0 0 60px rgba(200,0,0,.2);animation:glitch-text 3s infinite;margin-bottom:.5rem}.title-screen .subtitle{font-size:1rem;color:#ffffff59;letter-spacing:.3em;text-transform:uppercase;margin-bottom:3rem}.title-screen .premise{max-width:500px;color:#ffffff80;font-size:.9rem;line-height:1.8;margin-bottom:3rem}.title-screen .premise em{color:#c00;font-style:normal}.start-btn{background:transparent;border:1px solid #cc0000;color:#c00;padding:.8rem 3rem;font-family:inherit;font-size:1rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:all .3s;animation:pulse-red 2s infinite}.start-btn:hover{background:#c00;color:#000}.hud{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#000c;border-bottom:1px solid rgba(255,0,0,.15);position:sticky;top:0;z-index:50}.hud-left{display:flex;align-items:center;gap:1.5rem}.room-name{font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;color:#c00}.timer{font-size:1.3rem;font-weight:700;color:#f44;min-width:60px;text-align:center}.timer.safe{color:#4f4}.timer.warning{color:#fa0}.timer.danger{color:#f44;animation:flicker 2s infinite}.hud-right{display:flex;align-items:center;gap:1.5rem}.sanity-bar{display:flex;align-items:center;gap:.5rem}.sanity-label{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#fff6}.sanity-track{width:100px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.sanity-fill{height:100%;background:#48f;transition:width .5s,background .5s;border-radius:3px}.sanity-fill.low{background:#f44}.sanity-fill.medium{background:#fa0}.entity-meter{display:flex;align-items:center;gap:.5rem}.entity-label{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#ff000080}.entity-track{width:80px;height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden}.entity-fill{height:100%;background:#c00;transition:width .8s;border-radius:3px}.room-area{flex:1;display:flex;flex-direction:column;padding:1.5rem;gap:1rem}.room-description{max-width:700px;color:#fff9;font-size:.9rem;line-height:1.8;padding:1rem;border-left:2px solid rgba(200,0,0,.3);margin-bottom:.5rem}.room-description .whisper{color:#c8000099;font-style:italic}.hotspots{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;max-width:900px}.hotspot{background:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:1.2rem;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.hotspot:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mx, 50%) var(--my, 50%),rgba(200,0,0,.08),transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}.hotspot:hover:before{opacity:1}.hotspot:hover{border-color:#c800004d;background:#ffffff0d}.hotspot.searched{opacity:.4;border-color:#ffffff0a}.hotspot.dangerous{animation:pulse-red 3s infinite;border-color:#f003}.hotspot-icon{font-size:1.5rem;margin-bottom:.5rem;display:block}.hotspot-name{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#ffffffb3;margin-bottom:.3rem}.hotspot-hint{font-size:.75rem;color:#ffffff4d}.event-log{max-width:700px;display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.event{padding:.8rem 1rem;font-size:.85rem;line-height:1.6;border-left:2px solid;animation:slideUp .3s ease}.event.found{border-color:#4f4;background:#44ff4408;color:#c8ffc8e6}.event.clue{border-color:#48f;background:#4488ff08;color:#c8dcffe6}.event.danger{border-color:#f44;background:#ff44440d;color:#ffc8c8e6}.event.ambient{border-color:#ffffff1a;background:transparent;color:#ffffff59;font-style:italic}.event.system{border-color:#fff3;color:#ffffff80}.inventory-panel{max-width:700px;margin-top:1rem;padding:1rem;border:1px solid rgba(255,255,255,.06);background:#0000004d}.inventory-title{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:#ffffff4d;margin-bottom:.75rem}.inventory-items{display:flex;flex-wrap:wrap;gap:.5rem}.inv-item{padding:.4rem .8rem;font-size:.8rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;cursor:pointer;transition:all .2s}.inv-item:hover{border-color:#c8000066;background:#c800000d}.inv-item.key{border-color:#ffd7004d;color:gold}.inv-item.clue-item{border-color:#4488ff4d;color:#8bf}.inv-item.weapon{border-color:#ff44444d;color:#f88}.actions{display:flex;flex-wrap:wrap;gap:.75rem;max-width:700px;margin-top:1rem}.action-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:#ffffffb3;padding:.6rem 1.2rem;font-family:inherit;font-size:.8rem;letter-spacing:.05em;cursor:pointer;transition:all .2s}.action-btn:hover{border-color:#c8000066;background:#c800000f;color:#fff}.action-btn.primary{border-color:#c8000066;color:#c00}.action-btn.primary:hover{background:#c00;color:#000}.action-btn:disabled{opacity:.3;cursor:not-allowed}.code-input-area{display:flex;gap:.5rem;align-items:center;max-width:700px;margin-top:.5rem}.code-input{background:#00000080;border:1px solid rgba(255,255,255,.15);color:#fff;padding:.6rem 1rem;font-family:inherit;font-size:1rem;letter-spacing:.2em;width:200px}.code-input:focus{outline:none;border-color:#c8000080}.death-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:200;text-align:center;padding:2rem}.death-screen h1{font-size:4rem;color:#c00;text-shadow:0 0 50px rgba(200,0,0,.8);animation:glitch-text .5s infinite;margin-bottom:1rem}.death-screen .death-msg{color:#ffffff80;font-size:1rem;max-width:400px;line-height:1.8;margin-bottom:2rem}.death-screen .death-type{color:#c8000099;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:2rem}.victory-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:200;text-align:center;padding:2rem}.victory-screen h1{font-size:2.5rem;color:#4f4;text-shadow:0 0 30px rgba(68,255,68,.5);margin-bottom:1rem;letter-spacing:.1em}.victory-screen .victory-msg{color:#ffffff80;font-size:.95rem;max-width:400px;line-height:1.8;margin-bottom:2rem}.victory-screen .stats{color:#ffffff4d;font-size:.8rem;margin-bottom:2rem;line-height:2}.entity-warning{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:150;color:#c00;font-size:2rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 0 40px rgba(200,0,0,.8);animation:glitch-text .3s infinite;pointer-events:none;text-align:center}.choices{display:flex;flex-direction:column;gap:.5rem;max-width:500px;margin-top:1rem}.choice-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;padding:.8rem 1.2rem;font-family:inherit;font-size:.85rem;text-align:left;cursor:pointer;transition:all .2s;line-height:1.5}.choice-btn:hover{border-color:#c8000066;background:#c800000d}.choice-btn.lethal{border-color:#ff000026}.choice-btn.lethal:hover{border-color:#ff000080;background:#ff000014}@media(max-width:600px){.title-screen h1{font-size:2rem}.hud{flex-wrap:wrap;gap:.5rem}.hotspots{grid-template-columns:1fr}}