#vignette{position:absolute;inset:0;pointer-events:none;z-index:5;background:radial-gradient(ellipse,transparent 28%,#040609b0 100%);box-shadow:inset 0 0 100px #0008}
#locationHUD,#walkHUD{position:absolute;z-index:8;pointer-events:none;font:10px/1.9 'Courier New',monospace;letter-spacing:2px;color:#a6b0a0;text-shadow:1px 2px #000}
#locationHUD{top:72px;left:25px}#locationHUD span{font-size:8px;color:#9b7567}#locationHUD strong{font-weight:normal;text-transform:uppercase}#walkHUD{bottom:28px;left:25px;letter-spacing:1px}#objective{color:#717e79;font-size:9px}
#reticle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:8;color:#dedcd240;font:12px monospace;pointer-events:none}
#interaction{position:absolute;top:57%;left:50%;transform:translateX(-50%);z-index:8;color:#d4c3a2;font:11px monospace;text-align:center;width:80%;pointer-events:none;text-shadow:0 2px 4px #000}
#subtitle{position:absolute;bottom:18%;left:50%;transform:translateX(-50%);width:min(560px,82%);font:italic 18px/1.7 Georgia,serif;text-align:center;color:#d6d3c4;text-shadow:0 2px 8px #000;z-index:12;pointer-events:none;transition:opacity 1.5s;opacity:0}
#journal{position:absolute;z-index:25;top:18%;right:5%;width:min(330px,80%);padding:28px;background:#111713f2;border:1px solid #5d6351;box-shadow:5px 8px 40px #000;color:#b6bdac;font:12px/1.9 monospace;box-sizing:border-box}#journal h2{font:italic 25px Georgia;color:#e3ddcb}#journal li{margin:12px 0}#journal small{color:#757e70}#journal[hidden]{display:none}
#menu{background:#060706a8;backdrop-filter:blur(2px)}.menu-box{background:#0b100eee}.game-sub{font-family:Georgia,serif!important;font-style:italic;font-size:15px!important}.btn-wander:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #d2c8a4;outline-offset:4px}#touchControls{display:none}
@media(pointer:coarse){#touchControls{position:absolute;bottom:90px;left:14px;right:14px;z-index:16;display:flex;gap:5px;flex-wrap:wrap;max-width:370px}#touchControls button{background:#101a17bd;border:1px solid #6d7962;color:#d4d2bd;min-width:42px;min-height:42px;font:12px monospace;touch-action:none}#walkHUD{bottom:12px;font-size:8px}#clockUI{bottom:12px;font-size:14px}#subtitle{bottom:34%}}
@media(prefers-reduced-motion:reduce){#cameraFlash{display:none}#polaroidToast{transition:none}#vignette{box-shadow:none}}
#journal{max-height:72vh;overflow-y:auto;scrollbar-color:#687b6b #141d1a}
#journal h3{font:11px monospace;text-transform:uppercase;letter-spacing:2px;color:#bfc7b5;margin-top:24px}
#ephemera{padding-left:18px;font-size:10px}#ephemera:empty{display:none}
#sightingNote{font-style:italic;color:#8fa69c}
#gameCanvas:focus{outline:none}.game-nav button{cursor:pointer}
#polaroidToast .toast-caption{white-space:normal;line-height:1.5}
@media(pointer:coarse){#touchControls{max-width:440px;bottom:80px}#touchControls button{min-width:38px;min-height:38px}#journal{max-height:55vh;top:12%;right:3%}}
/* The game already has a vignette. Keep the site CRT from obscuring its HUD. */
.crt-overlay{background:repeating-linear-gradient(0deg,#0003 0px,#0003 1px,transparent 1px,transparent 3px);box-shadow:inset 0 0 60px #0004;animation:none}
#vignette{background:radial-gradient(ellipse,transparent 35%,#04060970 100%);box-shadow:inset 0 0 80px #0004}
#locationHUD,#walkHUD{font-size:11px;color:#bdcabb;letter-spacing:1px}
#objective{color:#a1b2a7;font-size:10px}
@media(prefers-reduced-motion:reduce){.crt-overlay:after{animation:none;display:none}}
#controlHint{font-size:9px;color:#94a99c}#gameCanvas{touch-action:none}
#journal{overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-gutter:stable}
#journal:focus{outline:1px solid #82927b;outline-offset:3px}
#closeNotes{display:block;margin:0 0 12px auto;background:#1d2b24;color:#bac7b1;border:1px solid #687b63;padding:6px 10px;font:10px monospace;cursor:pointer}
#closeNotes{position:sticky;top:0;z-index:1}

#pencilMap{display:block;width:100%;height:auto;margin:16px 0;transform:rotate(-1deg);border:1px solid #8c9075}#mapNotes{padding-left:16px;font:10px/1.8 monospace}#mapNotes li{margin:8px 0}

#notesToolbar{position:sticky;top:0;z-index:2;background:#111713;padding:5px 0 1px;margin-top:-5px}#notesToolbar #closeNotes{position:static}