:root{--bg:#0a0a0a;--text:#c8b89a;--accent:#8b3a3a;--gold:#b8963e;--panel:#0c0a08f0;--border:#5a4a30}*{box-sizing:border-box;margin:0;padding:0}body{cursor:none;-webkit-user-select:none;user-select:none;width:100vw;height:100vh;color:var(--text);background:#000;font-family:Georgia,Times New Roman,serif;overflow:hidden}body.loading,body.modal-open,body.loading{cursor:default}.game-hidden{visibility:hidden!important;pointer-events:none!important;opacity:0!important}#game-ui{z-index:2;pointer-events:none;position:fixed;inset:0}#game-ui .modal,#game-ui #prompt{pointer-events:auto}#loading-screen{z-index:1000;background:radial-gradient(#1a120c 0%,#050403 70%,#000 100%);justify-content:center;align-items:center;transition:opacity .7s,visibility .7s;display:flex;position:fixed;inset:0}#loading-screen.fade-out{opacity:0;visibility:hidden;pointer-events:none}.loading-inner{text-align:center;max-width:min(420px,90vw);padding:2rem}.loading-kicker{letter-spacing:.45em;text-transform:uppercase;color:#6a5a48;margin-bottom:.75rem;font-size:.7rem}.loading-title{letter-spacing:.2em;color:var(--gold);text-shadow:0 0 40px #b8963e59;margin-bottom:2rem;font-size:clamp(1.6rem,5vw,2.4rem);font-weight:400}.loading-bar-track{background:#5a4a3059;border:1px solid #b8963e40;width:100%;height:3px;margin-bottom:1rem;overflow:hidden}.loading-bar-fill{background:linear-gradient(90deg, #5a3a1a, var(--gold), #e8d4a0);width:0%;height:100%;transition:width .25s;box-shadow:0 0 12px #b8963e80}.loading-status{letter-spacing:.12em;color:#9a8a70;min-height:1.4em;margin-bottom:.35rem;font-size:.8rem}.loading-pct{letter-spacing:.3em;color:#5a4a38;font-family:Courier New,monospace;font-size:.65rem}#renderCanvas{z-index:1;outline:none;width:100%;height:100%;transition:opacity .5s;position:fixed;top:0;left:0}#vignette{z-index:2;pointer-events:none;background:radial-gradient(#0000 55%,#000000bf 100%);position:fixed;inset:0}#scanlines{z-index:3;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);position:fixed;inset:0}#prompt{z-index:20;color:#c8b89a;letter-spacing:.15em;text-align:center;pointer-events:auto;cursor:pointer;text-shadow:0 0 30px #b8963e99;font-size:1.4rem;transition:opacity .6s;animation:2.5s ease-in-out infinite pulse;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#prompt .sub{letter-spacing:.4em;font-size:.6rem}#prompt.hidden{opacity:0;pointer-events:none;visibility:hidden}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}#elapsed{z-index:15;pointer-events:none;color:#8b7b6b;letter-spacing:.16em;opacity:.55;font-family:Courier New,monospace;font-size:.85rem;position:fixed;top:22px;right:26px}#hud{z-index:15;pointer-events:none;color:#8b7b6b;letter-spacing:.18em;text-align:center;opacity:.6;font-size:.7rem;transition:opacity .5s;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}#crosshair{z-index:18;pointer-events:none;border:1.5px solid #c8b89abf;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;transition:border-color .15s,transform .15s,background .15s;position:fixed;top:50%;left:50%;box-shadow:0 0 0 1px #00000073}#crosshair.hot{background:#e0c06059;border-color:#e0c060;margin:-3px 0 0 -3px;transform:scale(1.35)}#crosshair.hidden{opacity:0}#look-prompt{z-index:18;pointer-events:none;color:#e8d8b0;letter-spacing:.06em;text-align:center;text-shadow:0 2px 12px #000,0 0 8px #000000e6;background:#0806048c;border:1px solid #b8963e59;max-width:min(90vw,420px);padding:.35rem .85rem;font-size:.85rem;transition:opacity .12s;position:fixed;top:calc(50% + 28px);left:50%;transform:translate(-50%)}#look-prompt.hidden{opacity:0;visibility:hidden}#message-area{z-index:30;background:var(--panel);border:1px solid var(--border);max-width:min(720px,90vw);color:var(--text);letter-spacing:.04em;text-align:center;pointer-events:none;padding:.85rem 1.4rem;font-size:.95rem;line-height:1.45;transition:opacity .4s;position:fixed;top:48px;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #0000008c}#message-area.hidden{opacity:0}#inventory{z-index:25;pointer-events:none;gap:.65rem;display:flex;position:fixed;bottom:28px;left:22px}.inv-icon{opacity:.22;filter:grayscale();text-shadow:0 0 8px #000c;font-size:1.45rem;transition:opacity .35s,filter .35s,transform .35s}.inv-icon.lit{opacity:1;filter:none;transform:scale(1.08)}#end-banner{z-index:40;letter-spacing:.35em;color:var(--gold);text-shadow:0 0 24px #b8963eb3;pointer-events:none;font-size:1.6rem;transition:opacity .8s;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}#end-banner.hidden{opacity:0}.modal{z-index:50;pointer-events:auto;cursor:default;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal.hidden{display:none}.modal-panel{background:var(--panel);border:1px solid var(--border);width:100%;max-width:min(440px,92vw);color:var(--text);padding:1.5rem 1.75rem;box-shadow:0 16px 60px #000000a6}.modal-panel h2{letter-spacing:.2em;color:var(--gold);text-transform:uppercase;margin-bottom:.85rem;font-size:1.1rem;font-weight:400}.modal-hint{color:#a89878;min-height:1.3em;margin-bottom:1rem;font-size:.9rem;line-height:1.45}.code-row{justify-content:center;gap:.6rem;margin-bottom:1.25rem;display:flex}.code-digit{text-align:center;width:2.6rem;height:2.8rem;color:var(--gold);background:#1a1510;border:1px solid #6a5a40;outline:none;font-family:Courier New,monospace;font-size:1.4rem}.code-digit:focus{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.phone-dial{background:radial-gradient(circle at 50% 45%,#26201a 0%,#14100c 70%);border:1px solid #6a5a40;border-radius:50%;width:15rem;height:15rem;margin:0 auto 1.25rem;position:relative}.phone-dial button{width:2.5rem;height:2.5rem;color:var(--gold);cursor:pointer;transform:rotate(var(--a)) translate(5.8rem) rotate(calc(-1 * var(--a)));background:#1a1510;border:1px solid #6a5a40;border-radius:50%;margin:-1.25rem 0 0 -1.25rem;font-family:Courier New,monospace;font-size:1.1rem;position:absolute;top:50%;left:50%}.phone-dial button:hover{border-color:var(--gold);background:#2a2118}.phone-dialed{text-align:center;letter-spacing:.4rem;color:var(--gold);min-height:2rem;margin-bottom:.75rem;font-family:Courier New,monospace;font-size:1.6rem}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.modal-actions button{letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--border);color:var(--text);cursor:pointer;background:#2a2218;padding:.55rem 1.1rem;font-family:Georgia,serif;font-size:.75rem}.modal-actions button:hover{border-color:var(--gold);color:var(--gold)}.modal-actions button.secondary{opacity:.85;background:0 0}.modal-actions button.hidden{display:none}.book-panel{max-width:min(520px,94vw)}.book-body{color:#c8b89a;white-space:pre-wrap;margin-bottom:1.25rem;font-size:.95rem;line-height:1.55}.book-body .uv-line{color:#9ab0ff;text-shadow:0 0 10px #788cff73;margin-top:.75rem}