/* AFTERIMAGE: warm broadcast hardware / cold recovered memory. */
:root{--bg:#111617;--rail:#151b1b;--panel:#1b2222;--panel2:#202a28;--deep:#0b1113;--line:#34403b;--line-soft:#28332f;--text:#eee9dc;--muted:#a0aba2;--dim:#849087;--accent:#e0ac77;--accent-hover:#f5c28b;--accent-dark:#302a21;--green:#a3bca5}
body{background:var(--bg)}
.topbar{background:#141a19}.brand-type{letter-spacing:.1em}.header-session{font-size:9px;letter-spacing:.14em}.edition-mark{color:var(--muted)}
.primary-nav{gap:3px}.primary-nav .nav-item{min-height:43px}.rail-section-heading{margin-top:26px}.chapter-item{min-height:38px}.rail-bottom{padding-top:20px}.page-heading h1{letter-spacing:-.05em}.page-heading p{color:var(--muted)}
.scene-shell{border:1px solid #39433c;border-radius:5px;overflow:hidden;background:#0b1113}.scene-header{background:#1a2220;min-height:45px}.scene-header #sceneLocation{color:#b8c0b4}.scene-tab{padding:7px 11px;color:#a9b3aa}.scene-tab.active{background:#3b4235;color:#f3e9d1}.scene-actions{gap:3px}
.cinematic-scene{position:relative;aspect-ratio:16/8.8;isolation:isolate;overflow:hidden;background:#111a1c}
.cinematic-scene[hidden],#explorationViewport[hidden]{display:none!important}
.scene-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated;image-rendering:crisp-edges;filter:saturate(.78);z-index:-3}
.cinematic-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(3,8,12,.48),transparent 30%,rgba(3,9,12,.03) 48%,rgba(3,9,12,.95)),linear-gradient(90deg,rgba(3,9,12,.16),transparent 70%);z-index:-2}
.cinematic-vignette:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.09) 3px,rgba(0,0,0,.09) 4px);opacity:.45}
.cinematic-top{position:absolute;top:23px;left:26px;right:26px;display:flex;align-items:center;justify-content:space-between;color:#c3cbbd;font:9px var(--mono);letter-spacing:.16em}.cinematic-top>span:before{content:"";display:inline-block;width:5px;height:5px;background:#dfad7c;margin-right:9px}.cinematic-top time{font-size:23px;letter-spacing:.04em;color:#e9e7d9;text-shadow:2px 2px #17201e}
.scene-statement{position:absolute;bottom:25px;left:28px;right:28px;pointer-events:none}.scene-statement>span{font:9px var(--mono);letter-spacing:.17em;color:#d8b083}.scene-statement h2{font-size:clamp(19px,1.8vw,29px);font-weight:600;letter-spacing:-.055em;line-height:1.45;margin:12px 0 13px;text-shadow:0 2px 3px #0b1215;text-wrap:balance}.scene-statement p{display:flex;align-items:center;gap:9px;margin:0;color:#aeb9b5;font-size:10px}.scene-statement p i{width:4px;height:4px;background:#9fb8a5;box-shadow:0 0 8px #65896c}.observe-hint{margin-left:auto;font-size:9px;color:#a7b1a9}
.scene-hotspots{position:absolute;inset:0}.scene-hotspot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;min-width:44px;min-height:44px;text-align:left;padding:6px;background:transparent;z-index:2}.scene-hotspot>span{flex-shrink:0;width:26px;height:26px;display:grid;place-items:center;border:1px solid #cda37a;background:rgba(12,19,20,.8);box-shadow:0 0 0 4px rgba(10,20,21,.24),0 0 18px rgba(216,172,112,.16);font:10px var(--mono);color:#f4d4a5}.scene-hotspot small{font-size:10px;color:#e1decc;padding:4px 7px;background:rgba(12,19,20,.76);white-space:nowrap;border-left:1px solid #928873}.scene-hotspot:hover>span,.scene-hotspot:focus-visible>span{background:#c49c6e;color:#101617;box-shadow:0 0 0 5px rgba(200,159,102,.15)}.scene-hotspot.observed>span{background:#263b32;border-color:#89a98c;color:#d1e4ca}.scene-hotspot.observed small{color:#b4c3b3;border-color:#89a98c}.scene-hotspot:disabled{opacity:.45}
.scene-footer{min-height:47px;flex-wrap:wrap;gap:12px;background:#18201d;padding:8px 15px;font-size:9px}.scene-footer .world-prompt{position:static;order:0;display:flex;align-items:center;margin-right:auto}.scene-footer .inspect-button{background:#292f23;border:1px solid #6b7355;border-radius:3px;min-height:31px;padding:6px 10px;font-size:10px;color:#e3dab8}.scene-footer .inspect-button .icon{width:13px}.scene-footer .move-instruction{color:#b1b6a0}.scene-footer .coordinate{margin-left:0}.cinematic-mode .scene-footer .move-instruction,.cinematic-mode .scene-footer .coordinate,.cinematic-mode .scene-footer .subtle-divider{display:none}
.scene-utility-bar{display:flex;align-items:center;gap:20px;padding:13px 0;border-bottom:1px solid var(--line-soft)}.scene-utility-bar .text-button{font-size:11px;color:#b9bfae}.scene-utility-bar .text-button .icon{width:13px;height:13px}.scene-utility-bar .text-button b{font:10px var(--mono);margin-left:5px;color:var(--accent)}.scene-utility-bar .text-button:first-child{margin-right:auto}
.chapter-opening{display:flex;gap:20px;padding:18px 0 20px;align-items:flex-start}.chapter-opening>span{font:8px/1.9 var(--mono);letter-spacing:.15em;color:#b89d79;flex:0 0 70px;padding-top:2px}.chapter-opening p{font-size:12px;line-height:1.9;letter-spacing:-.01em;color:#b3b9ad;margin:0;max-width:76ch;word-break:keep-all;overflow-wrap:anywhere}
.dialogue-card{margin-top:0;min-height:220px;background:linear-gradient(110deg,#222b29,#1a2222);border-color:#3e493e;border-radius:5px;overflow:hidden}.dialogue-card:before{display:none}.dialogue-topline{padding-bottom:15px}.dialogue-body{align-items:flex-start;gap:23px;min-height:110px}.speaker-portrait{position:relative;width:80px;min-width:80px;height:108px;flex:0 0 80px;padding:0;border:1px solid #7e846c;background:#0d1418;border-radius:0;box-shadow:0 0 0 4px #18201d;overflow:hidden}.speaker-portrait img{position:static;display:block;width:80px;height:100px;object-fit:cover;image-rendering:pixelated;filter:none}.portrait-caption{position:absolute;bottom:0;left:0;right:0;background:#18211ef0;border-top:1px solid #4f5d4b;color:#b1b7a1;font:6px/1.7 var(--mono);letter-spacing:.24em;text-align:center}.speaker-meta{gap:10px;flex-wrap:wrap;margin:3px 0 12px}.speaker-meta strong{font-size:15px;color:#e2b282}.speaker-meta>span{font-size:8px;letter-spacing:.09em;color:#acb7a8}.speaker-meta .speaker-mood{margin-left:auto;padding:2px 6px;border:1px solid #495a50;color:#b9cbb7;background:#1a2521;font:9px var(--sans);letter-spacing:0}.spoken{flex:1;min-width:0}.spoken p{font-size:calc(16px * var(--text-scale));line-height:1.85;word-break:keep-all;overflow-wrap:anywhere;color:#ebe8da}.dialogue-bottom{margin-top:16px;color:#899885;font-size:9px}.dialogue-card[data-tone="afterimage"]{border-left:2px solid #99bcae}.dialogue-card[data-tone="uncanny"]{border-left:2px solid #b67977}.dialogue-card[data-tone="resolve"]{border-left:2px solid #c6a071}
.story-reflection{display:flex;gap:17px;padding:20px 0;border-bottom:1px solid var(--line);margin:17px 0}.story-reflection>img{width:48px;height:60px;object-fit:cover;image-rendering:pixelated;border:1px solid #6b735f;flex-shrink:0}.story-reflection>div{min-width:0}.story-reflection .eyebrow{color:#c6a57c;font-size:8px;letter-spacing:.14em}.story-reflection p{font-size:13px;line-height:1.95;color:#c6ccb9;margin:9px 0 0;word-break:keep-all;overflow-wrap:anywhere}.story-reflection p.chapter-closure{border-top:1px dashed var(--line);margin-top:15px;padding-top:15px;color:#9eada1}
.tool-icon img{width:36px;height:28px;object-fit:cover;image-rendering:pixelated}.tool-row{min-height:60px}.mini-device-art{width:114px;height:76px;object-fit:cover;image-rendering:pixelated;border:1px solid #4b5951;flex-shrink:0}.mini-intro{align-items:center;gap:18px}.training-card-top{padding:0;position:relative;min-height:160px;overflow:hidden;background:#0d161b}.training-card-top .tool-art{width:100%;height:160px;object-fit:cover;image-rendering:pixelated;filter:saturate(.72);opacity:.8}.training-card-top>span{position:absolute;left:17px;bottom:13px;color:#e7dac1;background:#0c151cdd;padding:5px 9px;letter-spacing:.1em;font-size:9px}.training-card-body{background:#1b2321}.training-card h2{line-height:1.5}.mini-result{border-radius:3px}.continue-button{background:#daa474;color:#151b19;border-radius:3px}.continue-button:hover{background:#ebba83}
.radio-panel{background:linear-gradient(150deg,#293126,#1c2622);border-color:#4b5544}.frequency-display strong{color:#dce2b8;text-shadow:0 0 25px #8a98592a}.radio-level-labels{color:#8e9c7c}.stats-panel,.objective-panel,.tools-panel,.hazard-panel{border-color:#364236}
.modal-inner{background:#182020}.modal-body{max-height:75vh}.note-art{display:flex;align-items:center;gap:22px;padding:20px;background:#111919;border:1px solid #3b483e;margin-bottom:22px}.note-art>img{width:80px;height:80px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.note-art h3{margin:8px 0 0;font-size:18px;letter-spacing:-.025em}.field-prose{font-size:calc(15px * var(--text-scale));line-height:2.1;word-break:keep-all;overflow-wrap:anywhere;color:#d4d6c8}.observation-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:18px;margin-top:23px;color:#99a697;font-size:11px}.observation-footer>span:first-child{font:9px var(--mono);color:var(--accent);letter-spacing:.13em}.field-evidence{display:flex;gap:15px;align-items:flex-start;background:#111b19;padding:18px;border:1px solid #384a3b}.field-evidence>img{width:52px;height:52px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.field-evidence p{line-height:1.95;font-size:12px;color:#c8ceba;margin:0}.ambient-speaker>img{width:48px;height:60px;object-fit:cover;image-rendering:pixelated}
.chapter-still{margin-bottom:22px;border:1px solid var(--line)}.chapter-still img{display:block;width:100%;max-height:255px;object-fit:cover;image-rendering:pixelated}.chapter-statement{font-size:23px;letter-spacing:-.04em;line-height:1.5}
.cast-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cast-card{display:flex;text-align:left;align-items:center;min-width:0;gap:12px;border:1px solid #3a4b41;padding:10px;background:#1d2925;border-radius:3px;min-height:96px}.cast-card>img{width:58px;height:73px;object-fit:cover;image-rendering:pixelated;flex-shrink:0}.cast-card>span:not(.unknown-portrait){min-width:0}.cast-card strong{display:block;font-size:14px;color:#dedfcf}.cast-card small{display:block;font-size:10px;color:#aab6a8;line-height:1.65;margin-top:5px;word-break:keep-all;overflow-wrap:anywhere}.cast-card>b{margin-left:auto;color:var(--accent);font-weight:400}.cast-card:hover:not(.locked){background:#2a342a;border-color:#8c8e6b}.cast-card.locked{border-color:#2c3730;background:#17221e}.cast-card.locked strong,.cast-card.locked small{color:#819084}.unknown-portrait{width:58px;height:73px;flex:0 0 58px;display:grid;place-items:center;background:repeating-linear-gradient(0deg,#14211b,#14211b 3px,#1c2a22 3px,#1c2a22 4px);color:#63705d;font:26px var(--mono);border:1px solid #314335}.dossier-hero{display:flex;gap:25px;align-items:center;border-bottom:1px solid #455241;padding-bottom:26px;margin-bottom:23px}.dossier-hero>img{width:128px;height:160px;object-fit:cover;image-rendering:pixelated;border:1px solid #6b7a5d;box-shadow:7px 7px 0 #101c17}.dossier-hero h3{font-size:29px;margin:9px 0;letter-spacing:-.04em}.dossier-hero p{color:#b4c1ac;font-size:13px}.dossier-quote{border-left:2px solid #b69b6b;padding:12px 20px;margin:24px 0;background:#152018;font-size:15px;line-height:1.9;color:#d1d7c4}.expression-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;padding:16px 0}.expression-strip figure{margin:0}.expression-strip img{display:block;width:100%;aspect-ratio:1;image-rendering:pixelated;border:1px solid var(--line)}.expression-strip figcaption{font-size:10px;text-align:center;margin-top:8px;color:var(--muted)}
.notebook-tabs{display:flex;gap:5px;border-bottom:1px solid #49553f;margin-bottom:21px}.notebook-tabs button{min-height:42px;padding:10px 18px;color:#aab69e;font-size:12px;border-bottom:2px solid transparent}.notebook-tabs button.active{color:#e0be88;border-color:#d2ad71}.journal-metrics{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:21px;color:#a9b398}.journal-metrics strong{font:27px var(--mono);color:#e8d7b4}.journal-metrics small{font-size:11px;color:#bfc4aa}.journal-metrics>span{font-size:10px}.journal-note-grid{display:grid;grid-template-columns:1fr;gap:10px}.journal-note{display:flex;align-items:center;gap:17px;text-align:left;min-width:0;padding:15px;border:1px solid #465037;background:#20271e}.journal-note>img{width:54px;height:54px;image-rendering:pixelated;object-fit:contain;flex-shrink:0}.journal-note>span{flex:1;min-width:0}.journal-note small{font:9px var(--mono);color:#b5a27b}.journal-note strong{display:block;margin:6px 0;font-size:14px;font-weight:500;color:#e0dfcd}.journal-note em{display:block;font-style:normal;font-size:11px;line-height:1.75;color:#a4ae94;overflow-wrap:anywhere}.journal-note>b{color:#bba47b}.empty-notebook{text-align:center;padding:55px 15px;background:repeating-linear-gradient(0deg,#19221b,#19221b 31px,#263322 32px);border:1px solid #38442d;min-height:220px}.empty-notebook strong{font-size:20px;letter-spacing:-.03em;color:#d8d8bc;font-weight:500}.empty-notebook p{font-size:12px;line-height:2;color:#a7b399}.choice-timeline article{display:flex;gap:20px;border-left:1px solid #646d4e;padding:0 0 32px 21px;margin-left:20px}.timeline-node{flex:0 0 37px;font:10px var(--mono);color:#d7ae71;margin-left:-40px;height:26px;background:#233021;border:1px solid #6e774f;display:grid;place-items:center}.choice-timeline article>div{min-width:0}.choice-timeline small{font-size:10px;color:#9cad92}.choice-timeline h3{font-size:20px;margin:5px 0 10px;color:#dcd7bb;font-weight:500}.choice-timeline p{font-size:13px;line-height:2;color:#bdc6ad;margin:0;word-break:keep-all;overflow-wrap:anywhere}.chapter-timeline{display:grid;gap:22px}.chapter-timeline article{display:flex;gap:18px;border-bottom:1px solid #35442d;padding-bottom:21px}.chapter-timeline article>img{width:130px;height:80px;object-fit:cover;image-rendering:pixelated;border:1px solid #536044;flex-shrink:0}.chapter-timeline h3{font-size:14px;line-height:1.6;margin:5px 0 8px;color:#d7ddc6}.chapter-timeline small{font:9px var(--mono);color:#baab7e}.chapter-timeline p{font-size:12px;line-height:1.9;margin:0 0 8px;color:#aab89c;word-break:keep-all;overflow-wrap:anywhere}.chapter-timeline article>div>span{font-size:10px;color:#c5b58f}.unvisited-route{color:#6d7e65;font:10px var(--mono);align-items:center}.unvisited-route p{margin:0}
.ending-area{padding:28px;border-radius:4px}.ending-area h2{font-size:35px;letter-spacing:-.06em}.ending-still{margin:25px 0;border:1px solid #64664c;background:#111a16}.ending-still img{display:block;width:100%;max-height:390px;object-fit:cover;image-rendering:pixelated}.ending-still figcaption{padding:10px 15px;font:8px var(--mono);letter-spacing:.16em;color:#bdb18c;border-top:1px solid #51573f}.ending-prose{max-width:68ch;margin:24px auto}.ending-prose p{font-size:14px;line-height:2.1;word-break:keep-all;overflow-wrap:anywhere;color:#d1d3b9}.ending-matches{line-height:1.9}.ending-card.unlocked{background:#252d20}
button:focus-visible{outline:2px solid #efd3a1;outline-offset:3px}.speaker-portrait:focus-visible{outline-offset:6px}.high-contrast{--text:#fff;--muted:#d6e1cb;--dim:#b1c39f}.high-contrast .chapter-opening p,.high-contrast .scene-utility-bar .text-button,.high-contrast .field-prose,.high-contrast .story-reflection p{color:#fff}.high-contrast .scene-hotspot small{background:#000;color:#fff}.large-text .field-prose{font-size:18px}.large-text .chapter-opening p,.large-text .story-reflection p,.large-text .ending-prose p{font-size:16px}
@media(min-width:1500px){.cinematic-scene{aspect-ratio:16/8}.scene-statement h2{font-size:31px}}
@media(max-width:1200px){.observe-hint{display:none}.scene-statement h2{font-size:23px}.cinematic-top{top:18px;left:20px;right:20px}.scene-statement{left:20px;right:20px;bottom:20px}}
@media(max-width:900px){.header-session{display:none}.scene-statement h2{font-size:26px}.scene-footer{font-size:9px}.chapter-opening p{font-size:12px}.modal-body{max-height:78dvh}}
@media(max-width:600px){.cinematic-scene{aspect-ratio:1.6}.scene-statement h2{font-size:22px;line-height:1.45;margin:9px 0 11px}.scene-statement>span{font-size:7px;letter-spacing:.12em}.scene-statement{bottom:19px;left:17px;right:17px}.scene-statement p{font-size:9px}.cinematic-top{top:15px;left:17px;right:17px;font-size:7px}.cinematic-top time{font-size:18px}.scene-hotspot{padding:5px;gap:4px}.scene-hotspot small{display:none}.scene-hotspot:focus-visible small,.scene-hotspot:hover small{display:block;position:absolute;bottom:42px;left:50%;transform:translateX(-50%);font-size:9px}.scene-hotspot>span{width:27px;height:27px}.scene-header{padding:8px 9px;gap:8px}.scene-header>div:first-child{gap:6px;font-size:8px;min-width:0}.scene-header #sceneLocation{max-width:90px;font-size:9px}.scene-tab{padding:6px 8px;font-size:10px}.scene-actions .icon-button{width:26px}.scene-utility-bar{gap:10px;padding:12px 0}.scene-utility-bar .text-button{font-size:10px;gap:5px}.scene-utility-bar .text-button .icon{width:12px}.scene-utility-bar .text-button b{font-size:9px;margin-left:1px}.chapter-opening{gap:11px;padding:16px 0}.chapter-opening>span{flex-basis:41px;font-size:7px;line-height:1.8}.chapter-opening p{font-size:11px;line-height:1.9}.speaker-portrait{width:64px;min-width:64px;flex-basis:64px;height:88px}.speaker-portrait img{width:64px;height:80px}.dialogue-body{gap:15px;min-height:95px}.spoken p{font-size:calc(14px * var(--text-scale));line-height:1.9}.speaker-meta strong{font-size:14px}.speaker-meta{gap:6px;margin-top:0;margin-bottom:9px}.speaker-meta .speaker-mood{font-size:8px}.speaker-meta>span:not(.speaker-mood){font-size:7px}.dialogue-card{min-height:210px;padding:18px 15px}.dialogue-topline{margin-bottom:17px;padding-bottom:0}.dialogue-bottom{margin-top:13px;font-size:8px}.dialogue-topline .channel-label{font-size:8px}.scene-footer{gap:7px;padding:8px 10px}.scene-footer .world-prompt{width:auto}.scene-footer>span:not(.coordinate){margin-left:auto}.scene-footer .move-instruction{display:none}.scene-footer .coordinate{display:none}.scene-footer .inspect-button{font-size:9px}.touch-controls{margin:0 0 16px}.story-reflection{gap:12px}.story-reflection p{font-size:12px}.story-reflection>img{width:40px;height:50px}.mini-device-art{width:90px;height:60px}.mini-intro{gap:12px}.cast-grid{grid-template-columns:1fr}.cast-card{min-height:88px}.cast-card>img{width:50px;height:63px}.cast-card small{font-size:11px}.unknown-portrait{width:50px;height:63px;flex-basis:50px}.dossier-hero{gap:18px}.dossier-hero>img{width:92px;height:115px}.dossier-hero h3{font-size:25px}.dossier-hero p{font-size:12px}.dossier-hero .eyebrow{font-size:7px;letter-spacing:.08em}.field-prose{font-size:14px}.note-art{padding:14px;gap:14px}.note-art>img{width:62px;height:62px}.note-art .eyebrow{font-size:7px}.note-art h3{font-size:16px}.notebook-tabs button{font-size:11px;padding:10px 11px;flex:1}.journal-note{padding:12px;gap:12px}.journal-note>img{width:44px;height:44px}.chapter-timeline article:not(.unvisited-route){display:block}.chapter-timeline article>img{width:100%;height:120px;margin-bottom:12px}.ending-area{padding:20px 17px}.ending-area h2{font-size:29px}.ending-prose p{font-size:13px}.expression-strip{gap:5px}.expression-strip figcaption{font-size:8px}.observation-footer>span:last-child{font-size:10px}.field-evidence{padding:12px;gap:10px}.field-evidence p{font-size:11px}.field-evidence>img{width:38px;height:38px}.modal-actions{gap:8px}.modal-actions .button{font-size:11px;padding:9px 12px}}
@media(max-width:360px){.scene-header #sceneLocation{max-width:56px}.scene-header>div:first-child>span:nth-child(2){display:none}.scene-statement h2{font-size:20px}.scene-utility-bar{gap:6px}.scene-utility-bar .text-button{font-size:9px}.scene-utility-bar .text-button .icon{display:none}.speaker-meta>span:not(.speaker-mood){display:none}}
@media(prefers-reduced-motion:reduce){.scene-art,.scene-hotspot,.dialogue-card{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation:none!important;scroll-behavior:auto!important}
/* Small screens keep the observation area separate from its caption. */
@media(max-width:600px){
 .page-heading{display:block}.page-heading .session-clock{display:none}
 .page-heading h1{word-break:keep-all;overflow-wrap:anywhere}
 .cinematic-scene{aspect-ratio:auto}
 .cinematic-scene:before{content:"";display:block;aspect-ratio:1.6;pointer-events:none}
 .scene-art{height:auto;aspect-ratio:1.6}
 .cinematic-vignette,.scene-hotspots{bottom:auto;height:auto;aspect-ratio:1.6}
 .scene-statement{position:relative;left:auto;right:auto;bottom:auto;padding:16px 17px 18px;background:#10191c;border-top:1px solid #2c3a36}
 .scene-statement h2{margin:9px 0 10px;word-break:keep-all;overflow-wrap:anywhere}
}