:root{--phosphor-green: #00ff66;--phosphor-green-glow: rgba(0, 255, 102, .6);--phosphor-dim: #00aa44;--phosphor-dark: #002b11;--phosphor-bg: rgba(4, 14, 8, .94);--amber-warn: #ffaa00;--amber-glow: rgba(255, 170, 0, .6);--red-alert: #ff2222;--red-glow: rgba(255, 34, 34, .6);--crt-glass: #040905;--crt-scanline: rgba(0, 30, 15, .25);--font-terminal: "Courier New", Courier, monospace}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}html,body{width:100%;height:100%;background-color:#020503;color:var(--phosphor-green);font-family:var(--font-terminal);overflow:hidden}#game-container{position:relative;width:100vw;height:100vh;max-width:100%;max-height:100%;background:var(--crt-glass);display:flex;justify-content:center;align-items:center;overflow:hidden}#game-canvas,#webgl-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block;object-fit:contain}#game-canvas{z-index:1}#webgl-canvas{z-index:2;pointer-events:none}#ui-overlay-root{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;font-family:var(--font-terminal);color:var(--phosphor-green)}#ui-overlay-root .interactive{pointer-events:auto}.crt-scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(18,16,16,0) 50%,var(--crt-scanline) 50%);background-size:100% 4px;z-index:90;pointer-events:none;opacity:.85}.crt-screen-bezel{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 100px #000000e6,inset 0 0 30px #00140acc;border:12px solid #080c09;border-radius:8px;z-index:91;pointer-events:none}.crt-text-glow{text-shadow:0 0 6px var(--phosphor-green-glow),0 0 12px rgba(0,255,102,.3)}.crt-amber-glow{color:var(--amber-warn);text-shadow:0 0 6px var(--amber-glow)}.crt-red-glow{color:var(--red-alert);text-shadow:0 0 8px var(--red-glow)}@keyframes text-flicker{0%{opacity:.97}50%{opacity:1}52%{opacity:.88}54%{opacity:1}80%{opacity:.95}to{opacity:.98}}.crt-flicker{animation:text-flicker .15s infinite}.diegetic-hud{position:absolute;top:0;left:0;width:100%;height:100%;padding:24px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.hud-top-bar{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.battery-gauge{background:var(--phosphor-bg);border:2px solid var(--phosphor-green);padding:10px 16px;border-radius:4px;box-shadow:0 0 10px #0f63;min-width:260px}.gauge-header{display:flex;justify-content:space-between;font-size:13px;font-weight:700;letter-spacing:1px;margin-bottom:6px}.gauge-bar-outer{width:100%;height:16px;background:#020a04;border:1px solid var(--phosphor-dim);padding:2px;display:flex;gap:2px}.gauge-bar-segment{flex:1;height:100%;background:var(--phosphor-green);box-shadow:0 0 4px var(--phosphor-green)}.gauge-bar-segment.off{background:#003c144d;box-shadow:none}.battery-warning{border-color:var(--amber-warn)!important}.battery-warning .gauge-bar-segment{background:var(--amber-warn)!important;box-shadow:0 0 4px var(--amber-warn)!important}.battery-critical{border-color:var(--red-alert)!important;animation:pulse-red .6s infinite alternate}.battery-critical .gauge-bar-segment{background:var(--red-alert)!important;box-shadow:0 0 4px var(--red-alert)!important}.gauge-subtext{font-size:11px;margin-top:4px;color:var(--phosphor-dim);display:flex;justify-content:space-between}.sanity-meter{background:var(--phosphor-bg);border:2px solid var(--phosphor-green);padding:10px 16px;border-radius:4px;box-shadow:0 0 10px #0f63;min-width:280px}.sanity-graph-line{height:16px;width:100%;background:#020a04;border:1px solid var(--phosphor-dim);position:relative;overflow:hidden;margin-top:4px}.sanity-fill-bar{height:100%;width:100%;background:linear-gradient(90deg,var(--phosphor-dim),var(--phosphor-green));transition:width .3s ease}.sanity-tier-warning{border-color:var(--amber-warn)}.sanity-tier-warning .sanity-fill-bar{background:var(--amber-warn)}.sanity-tier-critical{border-color:var(--red-alert);animation:pulse-red .5s infinite alternate}.sanity-tier-critical .sanity-fill-bar{background:var(--red-alert)}@keyframes pulse-red{0%{box-shadow:0 0 4px var(--red-glow)}to{box-shadow:0 0 16px var(--red-alert)}}.hud-center-area{position:absolute;top:65%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.interaction-prompt{background:#041008eb;border:2px solid var(--amber-warn);color:var(--amber-warn);padding:10px 24px;border-radius:4px;font-size:15px;font-weight:700;letter-spacing:1.5px;box-shadow:0 0 14px var(--amber-glow);display:flex;align-items:center;gap:12px;animation:prompt-bounce 1.5s infinite ease-in-out}.prompt-key-badge{background:var(--amber-warn);color:#000;padding:3px 8px;border-radius:3px;font-weight:900}@keyframes prompt-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.notification-banner{background:var(--phosphor-bg);border:1px solid var(--phosphor-green);color:var(--phosphor-green);padding:8px 18px;margin-top:10px;font-size:13px;letter-spacing:1px;border-radius:3px;box-shadow:0 0 8px #00ff664d;transition:opacity .3s}.hud-bottom-bar{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:8px}.quick-inventory-bar{background:var(--phosphor-bg);border:2px solid var(--phosphor-green);padding:8px 14px;border-radius:6px;display:flex;gap:10px;box-shadow:0 0 12px #00ff6640;pointer-events:auto}.quick-slot{width:58px;height:58px;background:#020a04;border:1px dashed var(--phosphor-dim);border-radius:4px;display:flex;flex-direction:column;justify-content:space-between;padding:4px;position:relative;cursor:pointer;transition:all .15s ease}.quick-slot:hover{border-color:var(--phosphor-green);background:#06160b}.quick-slot.selected{border:2px solid var(--amber-warn);background:#141404;box-shadow:0 0 8px var(--amber-glow)}.slot-number{font-size:10px;font-weight:700;color:var(--phosphor-dim)}.quick-slot.selected .slot-number{color:var(--amber-warn)}.slot-icon{font-size:20px;text-align:center;line-height:1}.slot-count{position:absolute;bottom:2px;right:4px;font-size:11px;font-weight:700;color:var(--phosphor-green)}.screen-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#020804f2;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;z-index:50;pointer-events:auto}.screen-box{width:100%;max-width:720px;background:var(--phosphor-bg);border:3px double var(--phosphor-green);padding:32px;border-radius:6px;box-shadow:0 0 20px #00ff664d;display:flex;flex-direction:column;align-items:center;text-align:center}.screen-title{font-size:38px;font-weight:900;letter-spacing:4px;margin-bottom:8px}.screen-subtitle{font-size:13px;letter-spacing:2px;color:var(--phosphor-dim);margin-bottom:24px;border-bottom:1px solid var(--phosphor-dim);padding-bottom:8px;width:100%}.terminal-boot-log{width:100%;background:#020a04;border:1px solid var(--phosphor-dark);padding:14px;font-size:12px;text-align:left;line-height:1.6;color:var(--phosphor-dim);margin-bottom:24px;max-height:160px;overflow-y:auto}.menu-options-list{display:flex;flex-direction:column;gap:12px;width:100%;max-width:400px}.menu-btn{background:#020a04;border:2px solid var(--phosphor-green);color:var(--phosphor-green);padding:12px 20px;font-family:var(--font-terminal);font-size:15px;font-weight:700;letter-spacing:1.5px;cursor:pointer;border-radius:4px;transition:all .15s ease;outline:none}.menu-btn:hover,.menu-btn:focus{background:var(--phosphor-green);color:#000;box-shadow:0 0 14px var(--phosphor-green-glow)}.menu-btn:active{transform:scale(.98)}.screen-pause-menu .screen-box{border-color:var(--amber-warn);box-shadow:0 0 20px var(--amber-glow)}.screen-pause-menu .screen-title{color:var(--amber-warn);text-shadow:0 0 10px var(--amber-glow)}.screen-pause-menu .menu-btn{border-color:var(--amber-warn);color:var(--amber-warn)}.screen-pause-menu .menu-btn:hover{background:var(--amber-warn);color:#000;box-shadow:0 0 14px var(--amber-glow)}.screen-game-over .screen-box{border-color:var(--red-alert);box-shadow:0 0 24px var(--red-glow)}.screen-game-over .screen-title{color:var(--red-alert);text-shadow:0 0 12px var(--red-glow)}.screen-game-over .menu-btn{border-color:var(--red-alert);color:var(--red-alert)}.screen-game-over .menu-btn:hover{background:var(--red-alert);color:#000;box-shadow:0 0 14px var(--red-glow)}.screen-victory .stats-box{width:100%;background:#020e06;border:1px solid var(--phosphor-green);padding:16px;margin-bottom:24px;text-align:left;font-size:13px;line-height:1.8}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#020603d9;display:flex;justify-content:center;align-items:center;z-index:60;pointer-events:auto;padding:20px}.modal-window{background:var(--phosphor-bg);border:2px solid var(--phosphor-green);border-radius:6px;padding:24px;box-shadow:0 0 24px #00ff664d;max-width:780px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--phosphor-green);padding-bottom:10px;margin-bottom:18px}.modal-title{font-size:18px;font-weight:700;letter-spacing:2px}.modal-close-btn{background:transparent;border:1px solid var(--phosphor-green);color:var(--phosphor-green);padding:4px 10px;cursor:pointer;font-family:var(--font-terminal);font-weight:700}.modal-close-btn:hover{background:var(--phosphor-green);color:#000}.inventory-container{display:grid;grid-template-columns:280px 1fr;gap:20px}.inventory-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.inventory-slot-card{height:95px;background:#020a04;border:2px solid var(--phosphor-dim);border-radius:4px;padding:8px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:all .15s ease}.inventory-slot-card:hover{border-color:var(--phosphor-green);background:#06180b}.inventory-slot-card.selected{border-color:var(--amber-warn);background:#181804;box-shadow:0 0 10px var(--amber-glow)}.inventory-slot-card.empty{opacity:.4;border-style:dashed}.slot-card-header{display:flex;justify-content:space-between;font-size:11px;color:var(--phosphor-dim)}.slot-card-body{display:flex;align-items:center;gap:10px}.slot-card-icon{font-size:24px}.slot-card-name{font-size:12px;font-weight:700;line-height:1.2}.item-details-panel{background:#020a04;border:1px solid var(--phosphor-dim);padding:16px;border-radius:4px;display:flex;flex-direction:column;justify-content:space-between}.item-title{font-size:16px;font-weight:700;color:var(--amber-warn);margin-bottom:6px}.item-type-badge{font-size:11px;color:var(--phosphor-dim);margin-bottom:12px;text-transform:uppercase}.item-desc{font-size:12px;line-height:1.5;color:var(--phosphor-green);margin-bottom:12px}.item-lore{font-size:11px;line-height:1.4;color:var(--phosphor-dim);font-style:italic;margin-bottom:16px;border-left:2px solid var(--phosphor-dim);padding-left:8px}.item-actions{display:flex;gap:10px}.tape-player-body{display:flex;flex-direction:column;gap:16px;align-items:center}.tape-deck-housing{background:#020904;border:2px solid var(--phosphor-green);border-radius:8px;padding:20px;width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.tape-reels-container{display:flex;justify-content:space-around;align-items:center;width:240px;height:90px;background:#061208;border:2px solid var(--phosphor-dim);border-radius:6px;padding:10px}.tape-reel{width:60px;height:60px;border:4px solid var(--phosphor-green);border-radius:50%;position:relative;display:flex;justify-content:center;align-items:center}.tape-reel:after{content:"";width:16px;height:16px;background:var(--phosphor-green);border-radius:50%}.tape-reel.playing{animation:spin-reel 2s linear infinite}@keyframes spin-reel{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vu-meter-bar{width:100%;height:12px;background:#020a04;border:1px solid var(--phosphor-dim);overflow:hidden;position:relative}.vu-meter-fill{height:100%;width:45%;background:linear-gradient(90deg,var(--phosphor-green),var(--amber-warn));transition:width .1s ease}.tape-transcript-box{width:100%;background:#020a04;border:1px solid var(--phosphor-dim);padding:14px;font-size:13px;line-height:1.6;max-height:180px;overflow-y:auto;color:var(--phosphor-green)}.keypad-container{display:flex;flex-direction:column;align-items:center;gap:16px}.keypad-display{width:220px;height:50px;background:#020c04;border:2px solid var(--phosphor-green);display:flex;justify-content:center;align-items:center;font-size:26px;font-weight:700;letter-spacing:6px;color:var(--phosphor-green);box-shadow:inset 0 0 10px #00ff664d}.keypad-display.error{border-color:var(--red-alert);color:var(--red-alert)}.keypad-display.success{border-color:var(--phosphor-green);color:var(--phosphor-green)}.keypad-grid{display:grid;grid-template-columns:repeat(3,60px);gap:12px}.keypad-btn{height:50px;background:#041408;border:2px solid var(--phosphor-green);color:var(--phosphor-green);font-family:var(--font-terminal);font-size:18px;font-weight:700;cursor:pointer;border-radius:4px}.keypad-btn:hover{background:var(--phosphor-green);color:#000}.keypad-btn:active{transform:scale(.95)}.terminal-reader-body{background:#000;border:2px solid var(--phosphor-green);padding:20px;font-size:13px;line-height:1.6;white-space:pre-wrap;max-height:400px;overflow-y:auto;color:var(--phosphor-green)}@media(max-width:768px){.diegetic-hud{padding:12px}.battery-gauge,.sanity-meter{min-width:180px;font-size:11px}.quick-slot{width:44px;height:44px}.screen-title{font-size:26px}.inventory-container{grid-template-columns:1fr}}