/* Episode additions; the preserved slice keeps its original stylesheet. */
#episode-progress{font:11px var(--game-mono);color:var(--game-accent)}
.audio-controls{display:grid;gap:10px;font-size:12px}
.audio-controls label{display:flex;align-items:center;gap:8px;min-height:32px}
.audio-controls input[type=range]{width:100%;min-height:30px;accent-color:var(--game-accent)}
.audio-controls input[type=checkbox]{accent-color:var(--game-accent);width:18px;height:18px}
#audio-state{font:10px var(--game-mono);color:var(--game-text-muted)}
#task-list p{font-size:12px;border-bottom:1px solid var(--game-border);padding-bottom:8px}
#task-list small{display:block;color:var(--game-text-muted);margin-top:6px}
#story-body table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:13px;margin:14px 0}
#story-body th,#story-body td{border:1px solid var(--game-border);padding:8px;vertical-align:top;overflow-wrap:anywhere;text-align:left}
#story-body th{background:var(--game-surface-raised);color:var(--game-accent)}
.results-details{border:1px solid var(--game-border);padding:0 12px;margin-bottom:16px}
#exhaustion{color:var(--game-danger);font-size:12px;border-left:2px solid var(--game-danger);padding-left:8px}
#save-notice{color:var(--game-danger);padding:10px;border:1px solid var(--game-danger)}
#locations{max-height:420px;overflow-y:auto}
.slice-link{color:var(--game-accent)}
@media(max-width:600px){#story-body table{font-size:11px}#story-body th,#story-body td{padding:5px}#locations{max-height:none}}

.district-panel{border-top:1px solid var(--line,#536575);margin-top:1rem;padding-top:.75rem}.district-panel p{font-size:.9rem}.district-panel button{margin:.2rem 0}.motif-detail{display:block;max-width:100%;width:300px;height:auto;margin:0 auto 1rem;image-rendering:pixelated;border:2px solid #9daab8}.pattern-layer{margin:.7rem 0;padding:.6rem;border:1px solid #738b93;border-radius:0}.pattern-layer summary{cursor:pointer;font-weight:bold;min-height:32px}.pattern-connection{border-block:2px solid #7fcbb6;padding:.65rem;text-align:center;color:#b5efdc}

/* Episode 1: the room and the immediate next step share a single visual frame. */
.episode-one{--game-bg:#101e25;--game-surface:#1c3039;--game-surface-raised:#29434b;--game-border:#4b6668;background:radial-gradient(ellipse at 20% 0,#243d40 0,transparent 65%),var(--game-bg)}
.episode-one .masthead{padding-top:20px;padding-bottom:20px;flex-wrap:wrap}
.episode-one #episode-progress{margin-left:auto;border:1px solid var(--game-border);padding:8px 12px;border-radius:0}
.episode-one .stats{gap:10px;margin-bottom:16px}
.episode-one .stat{border-radius:0;border-color:#3f5c60;box-shadow:inset 0 1px #607b6633}
.episode-one .stat-value{font-weight:700}
.episode-one .game-layout{grid-template-columns:minmax(0,1fr) 285px;gap:18px}
.episode-one .world-card{border:1px solid #627c74;border-radius:0;overflow:hidden;box-shadow:0 14px 42px #06101877,0 2px 0 #071419}
.episode-one .world-topline{padding:12px 16px;align-items:center;letter-spacing:0}
.episode-one .world-topline>div{display:grid;gap:3px;margin-right:auto}
.episode-one .world-topline .eyebrow{color:#a4b9b4;font-size:8px}
.episode-one #room-title{font-size:12px;color:#f1e3c6}
.episode-one #world-time{font-size:10px;color:var(--game-text-muted)}
.episode-one #district-map{font-size:11px;padding:8px 12px;background:#2c4349}
.episode-one .current-objective{padding:15px 18px;display:flex;align-items:center;gap:20px;border:0;border-bottom:1px solid #496465;background:linear-gradient(110deg,#2c4548,#20373e)}
.episode-one .objective-copy{flex:1;min-width:0}
.episode-one .objective h2{font-family:var(--game-mono);font-size:19px;margin:4px 0 6px;letter-spacing:-.4px}
.episode-one .objective p{font-size:13px;line-height:1.55;margin:0;color:#d4ded1;max-width:55ch}
.episode-one #objective-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:46%}
.episode-one .objective-target{font-size:11px;padding:10px 12px;background:#dfc28c;border-color:#e9d3a8;text-align:left}
.episode-one canvas{border-bottom:1px solid #526d68}
.episode-one .interaction-bar{background:#213940;padding:11px 16px;border-top:0}
.episode-one #near-label{font-size:12px;color:#e1e7d7;line-height:1.45}
.episode-one #interact{min-width:132px;font-size:11px}
.episode-one .marker-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 20px;background:#142b32;padding:8px 12px;color:#bfcdc4;font:10px var(--game-mono)}
.episode-one .marker-legend span{display:inline-flex;gap:6px;align-items:center}
.episode-one .marker-legend b{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:1px solid currentColor;border-radius:0}
.episode-one .marker-story{color:#f2cf82}.episode-one .marker-optional{color:#a5d1bb}.episode-one .marker-route{color:#bbd0db}.episode-one .marker-explore{color:#9bafa9}
.episode-one .world-controls{background:#12272f;gap:20px;padding:14px 16px}
.episode-one .world-controls p{font-family:inherit;font-size:11px;line-height:1.8}
.episode-one .world-controls strong{font-weight:500;color:#dce5d5}
.episode-one .dpad{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:4px}
.episode-one .dpad [data-direction=up]{grid-column:2;grid-row:1}.episode-one .dpad [data-direction=left]{grid-column:1;grid-row:2}.episode-one .dpad [data-direction=down]{grid-column:2;grid-row:2}.episode-one .dpad [data-direction=right]{grid-column:3;grid-row:2}
.episode-one .dpad button{background:#294149;border-color:#55716e;border-radius:0;box-shadow:0 2px #081c25}
.episode-one .dpad button:active{background:#517268;box-shadow:none}
.episode-one .side-panel{gap:12px}
.episode-one .side-panel details{border-radius:0;background:#192e36;padding:0 12px 8px}
.episode-one .side-panel summary{font-size:11px;color:#e5d5b5;line-height:1.5}
.episode-one #locations{max-height:470px;scrollbar-color:#607d75 #172d34}
.episode-one .location-button{display:grid;grid-template-columns:18px 1fr auto;gap:7px;padding:9px 5px;border-bottom:1px solid #354d51;border-radius:0;min-height:44px}
.episode-one .location-button:hover:not(:disabled){background:#2d454a;filter:none}
.episode-one .location-button[data-hint=story]{background:#c7a66b13;border-left:2px solid #ddbb7c}
.episode-one .location-button small{font:9px var(--game-mono);color:#a7bdb5}
.episode-one .location-name{font:12px/1.4 'Segoe UI',system-ui,sans-serif}
.episode-one .location-indicator{text-align:center}
.episode-one #counters{border-top:0;padding:0 0 10px;border-bottom:1px solid #3d575c}
.episode-one .district-panel{padding:14px;border:1px solid #47646a;border-radius:0;margin:0;background:#1e353c}
.episode-one .district-panel h2{font:11px var(--game-mono);color:#e6d3a9;letter-spacing:1px;margin-bottom:9px}
.episode-one .district-panel p{font-size:12px;margin-bottom:8px}
.episode-one .utility button{min-height:44px;border-radius:0}
.episode-one #story-dialog[open]{display:flex;flex-direction:column;width:720px;height:auto;max-height:90dvh;border:1px solid #c9ac78;border-radius:0;box-shadow:0 22px 70px #030d19aa;padding:24px}
.episode-one #story-dialog::backdrop{background:#07151dcc;backdrop-filter:blur(3px)}
.episode-one #story-dialog .dialog-top,.episode-one #story-dialog h2{flex-shrink:0}
.episode-one #story-dialog h2{font:23px/1.25 var(--game-mono);margin-bottom:18px;letter-spacing:-.6px}
.episode-one #story-body{min-height:0;max-height:48dvh;flex:1 1 auto;padding-right:10px;overscroll-behavior:contain;font-size:15px;line-height:1.7}
.episode-one #story-actions{flex:0 0 auto;max-height:34dvh;overflow-y:auto;border-top:1px solid #49636a;padding-top:14px;margin-top:16px;scrollbar-color:#718d80 #21343d}
.episode-one #story-actions button{border-radius:0;padding:12px 16px}
.episode-one .neighborhood-map{padding:2px 0 12px}
.episode-one .map-diagram{height:330px;position:relative;isolation:isolate;border:1px solid #49645f;border-radius:0;background:radial-gradient(ellipse at 15% 25%,#3c5943,transparent 50%),#152e36;overflow:hidden}
.episode-one .map-diagram svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.episode-one .map-diagram line{stroke:#66867c;stroke-width:1;stroke-dasharray:2 1}
.episode-one .map-place{position:absolute;transform:translate(-50%,-50%);width:25%;max-width:120px;min-height:52px;padding:7px 3px;background:#233f45;color:#e8dec4;border:1px solid #839c88;border-radius:0;display:grid;gap:3px;text-align:center;font-size:12px;line-height:1.25}
.episode-one .map-place small{font-size:8px;color:#b8c9b9;font-weight:400}
.episode-one .map-place[aria-current]{border:2px solid #e6c586;background:#34514f;box-shadow:0 0 0 4px #e6c58622}
.episode-one .map-place[aria-pressed=true]{outline:2px solid #f0dab2;outline-offset:3px}
.episode-one .map-church{left:50%;top:15%}.episode-one .map-park{left:15%;top:37%}.episode-one .map-street{left:50%;top:50%}.episode-one .map-shop{left:85%;top:37%}.episode-one .map-home{left:50%;top:85%}.episode-one .map-stop{left:85%;top:85%}
.episode-one .map-info{padding:16px 0 0}.episode-one .map-info h3{font:16px var(--game-mono);margin:0 0 7px}.episode-one .map-info p{font-size:13px;margin-bottom:8px}.episode-one .map-route{color:#d6c7a2}.episode-one .map-info button{margin-top:6px}
.episode-one #story-dialog[data-kind=map]{height:min(760px,90dvh)}
.episode-one #story-dialog[data-kind=map] #story-body{max-height:none}
.episode-one .map-diagram{background:#7f9574;border:3px solid #b4bc99;box-shadow:inset 0 0 0 4px #526e59}
.episode-one .map-diagram svg.map-terrain{shape-rendering:crispEdges}
.episode-one .map-diagram .map-road-edge{stroke:#64745c;stroke-width:4;stroke-dasharray:none}
.episode-one .map-diagram .map-road{stroke:#d3c4a0;stroke-width:2.8;stroke-dasharray:none}
.episode-one .map-diagram .map-road-detail{stroke:#b6a783;stroke-width:.35;stroke-dasharray:1 .8}
.episode-one .map-place{min-height:80px;max-width:128px;padding:4px 5px 5px;background:#233b36e8;border:1px solid #a2af88;gap:2px;box-shadow:3px 3px #31493666;color:#f2e5c2}
.episode-one .map-place svg.map-landmark{position:static;display:block;width:58px;height:42px;margin:auto;shape-rendering:crispEdges;image-rendering:pixelated}
.episode-one .map-place-name{font-weight:700;font-size:12px;letter-spacing:.4px}
.episode-one .map-place[aria-current]{background:#344e3d;border-color:#f1d792;box-shadow:0 0 0 2px #2c4639,4px 4px #2c463977}
.episode-one .map-place[aria-current] small{color:#f8df9e}
.episode-one .map-place[aria-pressed=true]{outline:2px solid #ffe4a6;outline-offset:2px}
.episode-one .map-place:hover{background:#38534a;filter:none}
@media(max-width:1000px){.episode-one .game-layout{grid-template-columns:minmax(0,1fr)}.episode-one .side-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.episode-one #locations{max-height:330px}.episode-one .world-controls{justify-content:space-between}}
@media(max-width:600px){.episode-one .masthead{padding:14px 12px;gap:10px}.episode-one #episode-progress{margin-left:0;padding:4px 8px;font-size:9px}.episode-one .stat{padding:9px 10px}.episode-one .stat-label{min-height:2.7em;font-size:10px}.episode-one .stat-value{font-size:19px}.episode-one .stat-value.symbolic{font-size:11px;min-height:1.3em}.episode-one .stats{gap:7px;margin-bottom:12px}.episode-one .current-objective{padding:12px;gap:12px;flex-wrap:wrap}.episode-one .objective h2{font-size:17px}.episode-one .objective p{font-size:12px}.episode-one #objective-actions{max-width:100%;justify-content:flex-start;gap:5px}.episode-one .objective-target{padding:9px;font-size:10px}.episode-one .world-topline{padding:10px;gap:8px}.episode-one #room-title{font-size:11px}.episode-one #world-time{font-size:9px;max-width:104px;line-height:1.4;text-align:right}.episode-one #district-map{padding:6px 9px;font-size:10px}.episode-one .interaction-bar{padding:10px;gap:8px;flex-wrap:nowrap}.episode-one #near-label{font-size:11px}.episode-one #interact{min-width:112px;font-size:10px;padding:10px 8px}.episode-one .marker-legend{gap:12px;font-size:9px;padding:7px 5px}.episode-one .world-controls{padding:10px;flex-wrap:nowrap;gap:12px}.episode-one .world-controls p{font-size:10px;margin:0}.episode-one .dpad{flex-shrink:0}.episode-one .side-panel{grid-template-columns:minmax(0,1fr)}.episode-one #story-dialog[open]{padding:16px;max-width:96vw;max-height:94dvh}.episode-one #story-dialog h2{font-size:20px;margin-bottom:14px}.episode-one #story-body{font-size:14px;padding-right:5px;max-height:48dvh}.episode-one #story-actions{max-height:33dvh;padding-top:10px;margin-top:12px}.episode-one .map-diagram{height:280px}.episode-one .map-place{font-size:10px;min-height:52px;width:27%;max-width:none}.episode-one .map-place small{font-size:7px}.episode-one .map-place[aria-pressed=true]{outline-offset:1px}}
@media(max-width:600px){
 .episode-one .stats{grid-template-columns:repeat(3,minmax(0,1fr))}
 .episode-one .stat{padding:8px;gap:4px}.episode-one .stat-label{font-size:9px;min-height:2.8em}
 .episode-one .stat:last-child{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:7px 10px}
 .episode-one .stat:last-child .stat-label,.episode-one .stat:last-child .stat-value{min-height:0;font-size:10px}
 .episode-one #story-dialog[data-kind=map]{height:min(720px,94dvh)}
 .episode-one #story-dialog[data-kind=map] .map-diagram{height:250px}
 .episode-one #story-dialog[data-kind=map] .map-info{padding-top:12px}
 .episode-one .map-place{padding:3px 2px;min-height:68px;gap:2px}
 .episode-one .map-place svg.map-landmark{width:40px;height:33px}
 .episode-one .map-place-name{font-size:10px;letter-spacing:0}
}

/* Point-and-click framing: the scene comes first; secondary tools open on demand. */
.episode-one .masthead{padding-top:14px;padding-bottom:12px}
.episode-one .stat{padding:8px 12px;gap:4px 10px}.episode-one .stat-value{font-size:20px}
.episode-one .stats{margin-bottom:12px}
.episode-one .world-card{display:flex;flex-direction:column;align-items:stretch}
.episode-one .world-topline{order:0;padding:9px 12px}
.episode-one .world-topline .eyebrow{display:none}
.episode-one #world{order:1;align-self:center;width:min(100%,calc((100dvh - 350px)*1.5));min-width:360px;max-width:100%}
.episode-one .current-objective{order:2;padding:10px 14px;border-top:1px solid #4f6967;gap:14px}
.episode-one .current-objective .eyebrow{display:none}
.episode-one .objective h2{font-size:15px;margin:0 0 4px}
.episode-one .objective p{font-size:12px;line-height:1.45}
.episode-one #objective-actions{max-width:50%}.episode-one .objective-target{font-size:10px;padding:8px 10px}
.episode-one .interaction-bar{order:3;padding:8px 12px}
.episode-one .marker-legend{order:4;padding:6px 8px}
.episode-one .movement-help{order:5;border-top:1px solid #324e54;background:#12272f}
.episode-one .movement-help>summary{padding:10px 12px;min-height:40px;font-size:9px;color:#adbfba}
.episode-one .game-tools{min-width:0}
.episode-one .game-tools>summary{display:none}
.episode-one .world-controls p{margin-left:0}
@media(min-width:1001px){.episode-one .game-layout{grid-template-columns:minmax(0,1fr) 245px}.episode-one .location-button small{font-size:8px}.episode-one .side-panel{gap:10px}}
@media(min-width:701px) and (max-width:1000px){.episode-one .game-layout{grid-template-columns:minmax(0,1fr) 220px}.episode-one .side-panel{grid-template-columns:minmax(0,1fr)}.episode-one .location-button{grid-template-columns:15px 1fr}.episode-one .location-button small{display:none}.episode-one #world{min-width:0}.episode-one .current-objective{flex-wrap:wrap}.episode-one #objective-actions{max-width:100%}}
@media(max-width:700px){
 .episode-one .game-layout{display:flex;flex-direction:column;gap:10px}
 .episode-one .world-card,.episode-one .game-tools{width:100%}
 .episode-one .game-tools{border:1px solid #506b67;background:#1c3039;padding:0 10px}
 .episode-one .game-tools>summary{display:list-item;padding:13px 5px;min-height:44px;font-size:10px;color:#dcc69d}
 .episode-one .game-tools .side-panel{padding-bottom:10px}
 .episode-one #world{width:100%;min-width:0}
 .episode-one .current-objective{padding:10px;gap:8px;flex-wrap:nowrap}
 .episode-one .objective h2{font-size:12px;margin-bottom:3px}
 .episode-one .objective p{font-size:11px}
 .episode-one #objective-actions{max-width:46%;gap:4px}
 .episode-one .objective-target{font-size:9px;padding:8px;min-height:44px}
 .episode-one .current-objective:has(#objective-actions button:nth-child(2)){flex-wrap:wrap}
 .episode-one .current-objective:has(#objective-actions button:nth-child(2)) #objective-actions{max-width:100%;flex-wrap:nowrap}
 .episode-one .stats{margin-bottom:10px;gap:5px}
 .episode-one .stat{padding:6px 8px;gap:3px}
 .episode-one .stat-label{font-size:8px;min-height:2.6em}
 .episode-one .stat-value{font-size:17px}
 .episode-one .stat:last-child{padding:4px 8px}.episode-one .stat:last-child .stat-label,.episode-one .stat:last-child .stat-value{font-size:9px}
 .episode-one .world-topline{padding:6px 10px;min-height:46px}
 .episode-one .world-controls{padding:6px 12px 12px}
 .episode-one .marker-legend{font-size:8px;gap:16px;padding:5px}
 .episode-one .marker-legend b{width:14px;height:14px}
 .episode-one #near-label{font-size:10px}
 .episode-one .interaction-bar{padding:7px 10px}
 .episode-one #interact{min-width:108px}
 .episode-one .masthead{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:8px;padding:10px 12px}
 .episode-one .brand-mark{font-size:11px;padding:7px 4px;border-width:1px;box-shadow:none}
 .episode-one .masthead h1{font-size:10px;letter-spacing:.35px}.episode-one .masthead p{font-size:9px}
 .episode-one .masthead .release-badge{display:none}
 .episode-one #episode-progress{font-size:8px;padding:3px 5px;max-width:70px;text-align:center;line-height:1.5}
 .episode-one footer{margin-top:14px}
}

/* Title and pause menus: navigation stays separate from the saved scene. */
.episode-one .world-topline>div{min-width:0;flex:1}
.episode-one .world-topline #world-time{font-size:9px;text-align:left;max-width:none;letter-spacing:0}
.episode-one .world-topline #room-title{overflow-wrap:anywhere}
.episode-one #district-map,.episode-one #game-menu{flex-shrink:0;min-height:44px;padding:8px 12px;font-size:10px}
.episode-one .dialog-toolbar{display:flex;gap:10px;align-items:center}
.episode-one #dialog-game-menu{min-height:36px;font-size:10px;padding:6px 10px}
.episode-one #dialog-game-menu[hidden]{display:none}
.episode-one #story-dialog[data-menu-screen]{width:680px;padding:28px;border:2px solid #c8aa77;background:#182c33;max-height:94dvh}
.episode-one #story-dialog[data-menu-screen] #story-body{max-height:none;overflow:auto;min-height:0}
.episode-one #story-dialog[data-menu-screen=reality]{height:fit-content}
.episode-one #story-dialog[data-menu-screen=reality] #story-body{flex:0 1 auto}
.episode-one #story-dialog[data-menu-screen] #story-actions{max-height:none;display:grid;grid-template-columns:1fr 1fr;gap:10px;flex-shrink:0}
.episode-one #story-dialog[data-menu-screen] #story-actions>.menu-primary{grid-column:1/-1;background:#e3c284;color:#17272b;border-color:#f0d39b;font-size:14px}
.episode-one #story-dialog[data-menu-screen] #story-actions>button{min-height:48px;text-align:left;letter-spacing:.5px}
.episode-one #story-dialog[data-menu-screen] #story-actions>button:hover{filter:none;background:#365047;color:#fff2d4;border-color:#a9b39a}
.episode-one #story-dialog[data-menu-screen] #story-actions>.menu-primary:hover{background:#f3d39b;color:#122329}
.episode-one #story-dialog[data-menu-screen=title]{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);grid-template-rows:auto auto auto;align-content:start;column-gap:30px;row-gap:0;width:min(1080px,94vw);max-width:94vw;height:fit-content;overflow:auto;max-height:94dvh;background:linear-gradient(135deg,#263d3d 0,#162b33 70%);padding:30px}
.episode-one #story-dialog[data-menu-screen=title]::backdrop{background:#06141bf2;backdrop-filter:none}
.episode-one #story-dialog[data-menu-screen=title] .dialog-top{grid-column:1/-1;margin-bottom:10px}
.episode-one #story-dialog[data-menu-screen=title] #scene-eyebrow{font:9px var(--game-mono);letter-spacing:2px;color:#93afa5}
.episode-one #story-dialog[data-menu-screen=title] h2{grid-column:1/-1;font-family:var(--game-mono);margin:0 0 26px;line-height:1;letter-spacing:-2px;text-shadow:3px 3px #10252b;outline:none}
.episode-one .title-name{display:block;font-size:clamp(38px,6.5vw,74px);font-weight:900;color:#f3d69b}
.episode-one .title-subtitle{display:block;font-size:clamp(16px,3vw,33px);letter-spacing:1px;margin-top:8px;color:#dbe2cf}
.episode-one #story-dialog[data-menu-screen=title] #story-body{padding:0;overflow:visible;align-self:center}
.episode-one .title-scene{margin:0;position:relative;border:1px solid #84917a;padding:5px;background:#0b1f26;box-shadow:8px 8px #0b202899}
.episode-one .title-scene canvas{width:100%;max-height:none;aspect-ratio:3/2;border:0;cursor:default;pointer-events:none}
.episode-one .title-scene figcaption{font:10px var(--game-mono);padding:11px 10px;color:#d9c69e;border-top:1px solid #4c6159;letter-spacing:1px;background:#142a30}
.episode-one #story-dialog[data-menu-screen=title] #story-actions{display:grid;grid-template-columns:1fr 1fr;padding:0;margin:0;border:0;overflow:visible;align-self:center;gap:8px}
.episode-one #story-dialog[data-menu-screen=title] #story-actions>button{font-size:11px;padding:12px}
.episode-one .title-intro{grid-column:1/-1;margin-bottom:12px}
.episode-one .menu-kicker{font:10px var(--game-mono);color:#b8c8a8;letter-spacing:1.5px;margin:0 0 9px}
.episode-one .title-intro h3{font:20px/1.3 var(--game-mono);color:#e6d3ac;margin:0 0 11px}
.episode-one .title-intro p:not(.menu-kicker){font-size:13px;line-height:1.7;color:#c2d0c2;margin:0;max-width:38ch}
.episode-one #story-dialog[data-menu-screen=title] #story-actions>.menu-audio-button{grid-column:1/-1;font-size:10px;background:transparent;color:#adc1b2;border-color:transparent;min-height:36px;padding:6px 0;text-align:center}
.episode-one .menu-version{font:9px var(--game-mono);color:#91ab9f;margin:10px 0 0;letter-spacing:.5px;grid-column:1/-1}
.episode-one #story-dialog[data-menu-screen=title] .menu-version{text-align:center;margin-top:3px}
.episode-one .menu-description{font-size:14px;color:#c8d6c8;max-width:46ch;margin-bottom:18px}
.episode-one .episode-menu{display:grid;gap:8px;padding:2px 0 12px}
.episode-one .episode-menu h3:not(:first-child){margin-top:18px}
.episode-one .episode-menu-link{display:grid;grid-template-columns:26px 1fr 18px;gap:12px;align-items:center;min-height:48px;padding:10px 12px;border:1px solid #47615f;color:#e3dfc7;background:#203b40;text-decoration:none;font-size:13px;line-height:1.4}
.episode-one .episode-menu-link:hover{background:#365148;border-color:#d7bc87}
.episode-one .episode-menu-link[aria-current]{border-left:3px solid #e6c88d}
.episode-one .episode-menu-link{text-align:left;font-family:inherit}
.episode-one .episode-menu-status{display:block;margin-top:4px;font-size:10px;color:#b7c9bb;letter-spacing:.3px}
.episode-one .episode-menu-link:disabled{opacity:1;background:#182c33;color:#90a09c;border-color:#344d50;cursor:default;filter:none;font-weight:400;letter-spacing:0}
.episode-one .episode-menu-link:disabled .episode-menu-number,.episode-one .episode-menu-link:disabled .episode-menu-arrow{color:#778b86}
.episode-one .episode-menu-link:disabled .episode-menu-status{color:#b2bbb0}
.episode-one .episode-menu-number{font:18px var(--game-mono);color:#e3c58c}.episode-one .episode-menu-arrow{color:#adc3b4;text-align:right}
.episode-one .menu-settings{display:grid;gap:20px;padding:0 0 10px}
.episode-one .menu-settings>button{justify-self:start;min-width:190px}
.episode-one .menu-settings fieldset{border:1px solid #506b65;padding:12px 16px 16px;margin:0;display:grid;gap:12px}
.episode-one .menu-settings legend{padding:0 8px;font:14px var(--game-mono);color:#ebd4a8}
.episode-one .menu-settings label{display:flex;align-items:center;gap:10px;min-height:36px;font-size:13px}
.episode-one .menu-settings input{accent-color:#dfc18a}.episode-one .menu-settings input[type=checkbox]{width:20px;height:20px;margin:0}
.episode-one .menu-volume{flex-wrap:wrap}.episode-one .menu-volume>span{flex:0 0 80px;color:#b8c9be}.episode-one .menu-volume input{flex:1;min-width:100px;min-height:32px}
@media(max-width:700px){
 .episode-one #story-dialog[data-menu-screen=title]{grid-template-columns:1fr 1fr;column-gap:16px;padding:20px;max-height:96dvh}
 .episode-one #story-dialog[data-menu-screen=title] h2{margin-bottom:18px}
 .episode-one .title-scene{box-shadow:4px 4px #0b202899}
 .episode-one .title-scene figcaption{font-size:8px;padding:9px 6px;letter-spacing:0}
 .episode-one .title-intro h3{font-size:16px}.episode-one .title-intro p:not(.menu-kicker){font-size:12px;line-height:1.5}
 .episode-one #story-dialog[data-menu-screen=title] #story-actions{grid-template-columns:1fr}
 .episode-one #story-dialog[data-menu-screen=title] #story-actions>button{font-size:11px;min-height:44px;padding:9px 12px}
 .episode-one #district-map,.episode-one #game-menu{min-width:48px;padding:7px 9px;font-size:9px}
 .episode-one .world-topline{gap:7px}
}
@media(max-width:480px){
 .episode-one #story-dialog[data-menu-screen]{padding:18px 14px;max-height:96dvh}
 .episode-one #story-dialog[data-menu-screen=title]{display:flex;flex-direction:column;gap:0;width:94vw;padding:16px;overflow:auto}
 .episode-one #story-dialog[data-menu-screen=title] .dialog-top{margin:0 0 8px}
 .episode-one #story-dialog[data-menu-screen=title] #scene-eyebrow{font-size:7px;letter-spacing:1px}
 .episode-one #story-dialog[data-menu-screen=title] h2{margin-bottom:16px;flex-shrink:0}
 .episode-one .title-name{font-size:44px}.episode-one .title-subtitle{font-size:19px;letter-spacing:0;margin-top:6px}
 .episode-one #story-dialog[data-menu-screen=title] #story-body{flex:none;width:100%;overflow:visible}
 .episode-one .title-scene{max-width:360px;margin:0 auto 18px;padding:3px}
 .episode-one .title-scene canvas{max-height:22dvh;object-fit:cover;object-position:center 48%;aspect-ratio:2/1}
 .episode-one .title-scene figcaption{padding:8px 7px;font-size:8px}
 .episode-one #story-dialog[data-menu-screen=title] #story-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;flex:none;align-self:stretch;gap:8px}
 .episode-one .title-intro{margin:0 0 8px}.episode-one .title-intro .menu-kicker{font-size:8px;margin-bottom:5px}
 .episode-one .title-intro h3{font-size:16px;margin-bottom:8px}.episode-one .title-intro p:not(.menu-kicker){font-size:11px;line-height:1.5;max-width:none}
 .episode-one #story-dialog[data-menu-screen] #story-actions>button{padding:10px;letter-spacing:0;font-size:11px}
 .episode-one #story-dialog[data-menu-screen=title] #story-actions>.menu-primary{min-height:48px;font-size:12px}
 .episode-one #story-dialog[data-menu-screen=title] #story-actions>.menu-audio-button{min-height:32px;font-size:9px;padding:4px 0}
 .episode-one .menu-version{font-size:8px}.episode-one .episode-menu-link{gap:8px;padding:10px 8px;font-size:12px}
}