@import"https://fonts.googleapis.com/css2?family=DotGothic16&display=swap";:root{--bg-color: #050508;--window-bg: #0c0c14;--text-color: #ffffff;--text-yellow: #ffff55;--text-green: #55ff55;--text-cyan: #55ffff;--border-color: #ffffff;--dim-color: #666688}*{box-sizing:border-box;image-rendering:pixelated;image-rendering:crisp-edges}body{margin:0;padding:12px;background-color:var(--bg-color);color:var(--text-color);font-family:DotGothic16,monospace;font-size:16px;line-height:1.6;letter-spacing:.05em;-webkit-user-select:none;user-select:none;height:100vh;overflow:hidden}body:before{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(#12101000 50%,#00000040 50%);background-size:100% 4px;z-index:999;pointer-events:none;opacity:.4}.app{display:grid;grid-template-columns:1fr 280px;grid-template-rows:40vh 1fr;gap:12px;height:calc(100vh - 24px);max-width:1200px;margin:0 auto}.app.hidden{display:none!important}.panel,.image-pane,.text-pane,.inspection-overlay .panel{background:var(--window-bg);border:4px double var(--border-color);box-shadow:inset 0 0 0 2px #000,0 0 8px #ffffff26;padding:12px;position:relative}.image-pane{grid-column:1;grid-row:1;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#000;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.image-pane:after{content:"[ VISUAL MONITOR ]";position:absolute;top:6px;left:8px;font-size:12px;color:var(--text-cyan);background:#000000b3;padding:2px 6px}.text-pane{grid-column:1;grid-row:2;display:flex;flex-direction:column;overflow-y:auto;background:#000005}#scene-title{margin:0 0 10px;font-size:1.25rem;color:var(--text-yellow);border-bottom:2px dashed var(--border-color);padding-bottom:6px}#scene-title:before{content:"LOCATION: ";color:var(--text-cyan)}#scene-text{flex-grow:1;margin-bottom:12px;color:var(--text-color);white-space:pre-wrap;word-break:break-word;font-size:1.05rem}#scene-text p{margin-top:0;margin-bottom:.8em}.choices{display:flex;flex-direction:column;gap:8px;border-top:2px solid #333;padding-top:10px}.choices button{text-align:left;padding:8px 12px;background:#000;color:var(--text-color);border:2px solid var(--border-color);cursor:pointer;font-family:inherit;font-size:1rem;position:relative;transition:all .1s}.choices button:before{content:"▶ ";color:transparent;margin-right:4px}.choices button:hover,.choices button:focus{background:#181830;color:var(--text-yellow);border-color:var(--text-yellow);box-shadow:inset 0 0 0 1px var(--text-yellow);padding-left:16px}.choices button:hover:before,.choices button:focus:before{color:var(--text-yellow)}.sidebar{grid-column:2;grid-row:1 / span 2;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.sidebar .panel h3{margin:0 0 8px;font-size:1rem;color:var(--text-cyan);border-bottom:2px solid var(--border-color);padding-bottom:4px;text-transform:uppercase}.sidebar .panel h3:before{content:"■ ";color:var(--text-green)}.list-item{font-size:.95rem;margin-bottom:6px;line-height:1.4}.list-item.checked{color:var(--text-green)}.list-item.checked:before{content:"[*] ";color:var(--text-green)}.list-item.unchecked{color:var(--dim-color)}.list-item.unchecked:before{content:"[ ] ";color:var(--dim-color)}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.system-btn{background:#000;color:var(--text-color);border:2px solid var(--border-color);padding:6px 4px;font-family:inherit;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px}.system-btn:hover{background:#224;color:var(--text-yellow);border-color:var(--text-yellow)}.system-btn.reset{grid-column:span 2;color:#f55;border-color:#f55}.system-btn.reset:hover{background:#400;color:#fff}.blurred{background:#223;color:#668;padding:0 4px;border:1px dotted #555;cursor:help;font-style:italic}.blurred:after{content:" [????]";color:var(--text-yellow)}.unlocked{color:var(--text-green);font-weight:700;animation:flash .4s ease-in-out}@keyframes flash{0%{background:#fff;color:#000}to{background:transparent;color:var(--text-green)}}.inspection-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000}.inspection-overlay.hidden{display:none!important}.overlay-content{position:relative;max-width:80%;max-height:80%;border:4px double var(--border-color);background:#000;padding:16px;box-shadow:0 0 20px #ffffff4d}.inspection-image{max-width:90%;max-height:80vh;border:4px solid #fff;box-shadow:0 0 20px #000c}blockquote{margin:12px 0;padding:8px 14px;border-left:4px solid var(--text-cyan);background:#55ffff0d;color:#e0f7fa;font-style:normal}.callout{margin:14px 0;padding:10px 14px;border:2px dashed var(--text-yellow);background:#ffff550d;box-shadow:inset 0 0 10px #ffff551a}.callout-item{border-color:var(--text-yellow);background:#ffff5514}.callout-memory{border-color:var(--text-cyan);background:#55ffff14}.callout-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:1em}.callout-badge{background:var(--text-yellow);color:#000;font-weight:700;padding:1px 6px;font-size:.85em;letter-spacing:.05em}.callout-memory .callout-badge{background:var(--text-cyan)}.callout-title{color:var(--text-color)}.callout-content{font-size:.95em}.callout-content p{margin:4px 0 0}.overlay-content img{max-width:100%;max-height:60vh;display:block;border:2px solid var(--border-color)}.close-overlay{position:absolute;top:-16px;right:-16px;background:#000;border:2px solid var(--border-color);color:var(--text-yellow);width:32px;height:32px;font-family:inherit;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.close-overlay:hover{background:#f55;color:#fff}.small{font-size:.85rem;color:var(--dim-color)}input[type=range]{accent-color:var(--text-cyan)}