/* The play surface: compact navigation, generous type, bounded reading measure. */
:root{--reader-size:1.125rem;--workspace-top:88px}
body{padding-top:72px;padding-bottom:0}
body[data-view="handout"] #top,body[data-view="readings"] #top{display:none}
.quick-nav{inset:0 0 auto;transform:none;width:100%;border:0;border-bottom:1px solid #324358;border-radius:0;padding:10px clamp(16px,3vw,56px);gap:8px;box-shadow:none;min-height:68px}
.workspace-brand{color:#f7f4ea;text-decoration:none;font-family:serif;font-size:1.15rem;margin-right:auto;align-self:center;white-space:nowrap}
.quick-nav button{flex:0 1 160px;font-size:.95rem;min-height:44px;border-radius:6px}
.reader-tools{display:flex;flex-direction:column;gap:12px;align-self:start;color:#b9c9dc;font-size:.875rem}
.reader-tools>span{font-size:.875rem;letter-spacing:.08em;color:#d9bb72}
.reader-tools button,.reader-tools select{width:100%;min-height:44px;color:#e5edf8;background:#101f32;border:1px solid #3e526a;border-radius:6px;padding:8px 10px;cursor:pointer;font:inherit;text-align:left}
.reader-tools label{display:grid;gap:5px}.reader-tools button:hover{border-color:#d9bb72}
.reading-workspace{min-width:0}
.reading-workspace .chapter-panel{scroll-margin-top:var(--workspace-top)}
.reading-workspace .text-panel{width:100%;max-width:48em;margin:0 auto;padding:32px clamp(22px,4vw,64px);font-size:var(--reader-size);line-height:1.95;color:#f1f3f7}
.reading-workspace .story-prose{max-width:none;font-size:inherit;line-height:1.95;margin-bottom:1.3em}
.reading-workspace .dialogue-bubble p{color:#172033;font-size:1em}
.reading-workspace .dialogue-name{font-size:.875rem}
.reading-workspace .chapter-heading h3{font-size:clamp(1.7rem,2.8vw,2.5rem)}
.reading-workspace .chapter-heading p{font-size:.875rem}
.reading-workspace .chapter-panel{border:1px solid #334458;border-radius:10px;background:#091321;box-shadow:0 20px 70px #0002;min-width:0}
.reading-workspace .reading-panel{padding:0;min-height:420px}
.reading-workspace .reading-scene-visual{height:260px;min-height:260px}
.reading-workspace .reading-scene-visual .chapter-heading{padding:96px 60px 28px}
.reading-workspace .reading-confirm{min-height:420px;padding:48px 28px}
.reading-workspace .reading-close{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border-radius:6px;top:16px;right:16px}
.reading-workspace .reading-close-bottom{position:static;display:block;margin:8px auto 30px}
.reading-workspace .story-marker.scene-marker{padding-top:76px}
.story-marker.scene-marker>.face-strip{width:100%;justify-content:flex-end!important;flex-wrap:wrap}
.reading-workspace .chapter-tabs button>b,.reading-workspace .reading-group-list b{font-size:1rem}
.reading-workspace .chapter-tabs button small,.reading-workspace .reading-group-list small{font-size:.875rem;white-space:normal}
.reading-workspace .reading-group{border:0;border-bottom:1px solid #324358;border-radius:0;background:transparent;margin:0 0 12px}
.reading-workspace .reading-group summary{padding:12px 4px;font-size:1rem}
.reading-workspace .reading-group-list{display:grid;grid-template-columns:1fr;gap:8px;padding:6px 0 16px}
.reading-workspace .reading-group-list button{min-height:70px;border-radius:6px;padding:12px;background:#102136}
.reading-workspace .reading-group-list button.active{border-color:#d9bb72;box-shadow:inset 3px 0 #d9bb72}
.reading-workspace .chapter-tabs button{min-width:0;border-radius:6px;white-space:normal;min-height:66px}
.reading-workspace .chapter-tabs .branch-hidden{display:none}
.reading-workspace button:focus-visible,.quick-nav a:focus-visible,.reader-tools select:focus-visible{outline:3px solid #9acbff;outline-offset:3px}
@media(min-width:1100px){
 .common-reader,.reader{display:block;width:min(1840px,100%);margin:0 auto;padding:34px clamp(24px,3vw,56px) 64px;background:#091321dd;backdrop-filter:none}
 .reading-workspace{display:grid;grid-template-columns:320px minmax(0,1fr);gap:28px;align-items:start}
 .reading-workspace>.reading-tabs,.reading-workspace>.chapter-tabs{display:flex;flex-direction:column;grid-column:1;grid-row:1;position:sticky;top:var(--workspace-top);max-height:calc(100dvh - 112px);overflow:auto;overscroll-behavior:contain;margin:0;padding:0 6px 20px 0;background:transparent;scrollbar-width:thin}
 .reading-workspace>.chapter-panel{grid-column:2;grid-row:1;position:static;width:100%;max-width:none;margin:0;padding:0}
 .ho-workspace>.chapter-panel>.chapter-heading{padding:30px}
 .reading-workspace>.reader-tools{grid-column:1;grid-row:1;position:sticky;top:var(--workspace-top);align-self:start;margin-top:46vh;padding-top:18px;border-top:1px solid #31465b}
 .reader>.chapter-progress{margin:18px 0 22px 348px}
 .reader>.character-header{min-height:160px;height:160px;margin:0 0 24px 348px;padding:24px 32px;border:0;border-radius:8px}
 .reader .character-standee{height:290px;bottom:-100px;right:0;width:230px}
 .reader .character-header h2{font-size:1.8rem}.reader .character-header>div{align-self:center}
 .reader .character-header .portrait{width:74px;height:74px;align-self:center}
 .reader-intro h2{font-size:2.25rem;margin:0}.reader-intro{margin-bottom:28px}
 .gm-console{margin-bottom:28px}.gm-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hero{height: min(820px,85vw);min-height:640px;display:grid;grid-template-rows:auto 1fr;padding:28px 0 0;align-items:start}
 .hero-copy{position:relative;inset:auto;width:100%;margin:0;padding:0 24px 28px;border:0;background:none;box-shadow:none;z-index:3;text-align:center;border-radius:0}
 .hero-copy h1{font-size:clamp(2.6rem,4.2vw,5rem);white-space:nowrap;line-height:1.2;margin:.2em 0}
 .hero-copy .eyebrow{font-size:.875rem}.hero-copy .tagline{font-size:1rem}
 .hero-cast{position:relative;inset:auto;width:100%;height:100%;min-height:0;padding:0 4vw;overflow:visible;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:stretch}
 .hero-person:nth-child(n){position:relative;width:100%;height:100%;margin:0;overflow:visible;filter:none}
 .hero-person img{display:block;width:165%;max-width:none;height:100%;margin-left:-32.5%;object-fit:contain;object-position:center bottom;clip-path:none;--hero-scale:1!important}
 .hero-person span{bottom:18px;font-size:1rem;padding:8px 18px;background:#091321da}
 .start-menu{width:min(1560px,100%);padding:44px 56px;margin:auto}
}
@media(min-width:1100px) and (max-width:1390px){.reading-workspace{grid-template-columns:216px minmax(0,1fr) 120px;gap:20px}.reader>.character-header,.reader>.chapter-progress{margin-left:236px;margin-right:140px}}
@media(max-width:1099px){
 .workspace-brand{display:none}.quick-nav{justify-content:center}.quick-nav button{flex:1}
 .common-reader,.reader{display:block;width:100%;padding:24px 18px 50px;margin:0}
 .reading-workspace>.reading-panel{position:static;margin:20px 0}
 .reader-tools{flex-direction:row;flex-wrap:wrap;margin:18px 0}.reader-tools>span{display:none}.reader-tools button,.reader-tools label{width:auto;flex:1;min-width:110px}
 .reading-workspace .text-panel{padding:24px;font-size:var(--reader-size)}
 .reading-workspace>.chapter-tabs{top:68px}.reading-workspace .reading-scene-visual .chapter-heading{padding-left:24px;padding-right:24px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Stable navigation: controls never shrink into cropped cards. */
body[data-view="common"] #top{display:none}
#confirmReading.hidden{display:none!important}
.reading-workspace .reading-panel:has(#confirmReading.hidden){min-height:240px}
.reading-workspace>.reading-tabs>*{flex-shrink:0;min-width:0;width:100%}
.reading-workspace .reading-group summary{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:6px 12px}
.reading-workspace .reading-group summary b{grid-column:1;white-space:normal;overflow-wrap:anywhere}
.reading-workspace .reading-group summary small{grid-column:1;font:400 .875rem/1.5 sans-serif;white-space:normal;overflow-wrap:normal}
.reading-workspace .reading-group summary:after{grid-column:2;grid-row:1}
.reading-workspace .reading-group-list button{width:100%;display:block;text-align:left}
.reading-workspace .reading-group-list button b,.reading-workspace .reading-group-list button small{display:block;word-break:normal}
.workflow-open{width:100%;padding:14px;text-align:left;border:1px solid #46627f;background:#102136;color:#edf3fa;border-radius:6px;cursor:pointer}
.reading-workspace .reading-tabs button.workflow-open{display:block;white-space:normal;line-height:1.6;min-height:48px}
.reading-workspace:has(>.workflow-panel:not(.hidden)) .chapter-toc{display:none}
.workflow-panel{grid-column:2;grid-row:1;min-width:0;padding:32px;background:#0b1626;border:1px solid #334458;border-radius:10px;scroll-margin-top:88px}
.workflow-panel .workflow-content{overflow:visible;border:0;background:none}
.workflow-panel h3{font:500 1.8rem/1.5 serif;margin-top:0}
.workflow-panel .pair-route-list{display:grid;grid-template-columns:1fr;gap:24px}
.reading-workspace .reader-tools{max-height:calc(100dvh - 112px);overflow:auto;scrollbar-width:thin}
.chapter-toc{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}
.chapter-toc:empty{display:none}.chapter-toc b{color:#d9bb72;margin-bottom:8px}
.chapter-toc a{color:#c2d2e3;text-decoration:none;padding:7px 10px;border-left:2px solid #32465d;font-size:.875rem;line-height:1.6;overflow-wrap:anywhere}
.chapter-toc a:hover,.chapter-toc a[aria-current]{color:white;border-left-color:#d9bb72;background:#17304a}
.story-marker{scroll-margin-top:90px}.story-list{font-size:inherit;white-space:normal;padding-left:1.5em;margin:24px 0;line-height:1.9}.story-list li{padding:5px 0}
.common-info-page{width:min(1500px,100%);margin:auto;padding:48px clamp(24px,5vw,80px);background:#0b1626}
.common-info-page h2{font:500 2.5rem/1.5 serif}.common-info-page .common-hero img,.common-info-page .common-map img{display:block;width:100%;max-height:620px;object-fit:contain}
.common-info-page .common-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.common-info-page p{font-size:1rem}
.guide-card:has(.cast-guide){width:min(1300px,94vw);max-width:none;padding:48px}
.cast-guide{display:grid;grid-template-columns:minmax(260px,42%) minmax(0,1fr);grid-template-rows:auto;gap:16px 48px;align-items:center;text-align:left}
.cast-guide>img{grid-column:1;grid-row:1;width:100%;height:min(56vh,480px);object-fit:contain;position:static;margin:0;align-self:center}
.cast-guide-copy{min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:14px}
.cast-guide-copy>p,.cast-guide-copy>h2,.cast-guide-copy>blockquote{margin:0}
.cast-guide-copy>.section-label{align-self:auto}
.cast-guide-copy>h2{line-height:1.3}
.cast-guide-copy>.cast-intro{margin-top:10px}
.cast-guide-copy>blockquote{margin-top:10px;align-self:stretch}
.cast-guide-copy>p:not(.section-label),.cast-guide-copy>blockquote{font-size:1.125rem;line-height:1.9}
.result-page>p{margin:20px 0 12px}
.result-page>button{display:block;margin:12px 0}
.result-page fieldset{margin:16px 0;padding:16px;border:1px solid #52677d;border-radius:10px}
.result-page fieldset label{display:inline-flex;gap:8px;align-items:center;min-height:44px;margin-right:24px;cursor:pointer}
.result-page fieldset input{width:20px;height:20px;accent-color:#d9bb72}
.result-page button:disabled,.decisions-page button:disabled{opacity:.42;cursor:not-allowed}
.announced-options button[aria-pressed=true]{outline:2px solid #dfc785;outline-offset:2px}
.cast-guide>h2,.cast-guide>p,.cast-guide>blockquote{grid-column:2;margin:0;align-self:center}
.cast-guide .cast-role{color:#dfc785}.cast-guide>p:not(.section-label),.cast-guide>blockquote{font-size:1.125rem;line-height:1.9}.cast-guide h2{font-size:2.5rem}
@media(min-width:1100px){
 .common-reader,.reader{background:#091321}
 .reading-workspace{grid-template-columns:320px minmax(0,1fr);gap:26px}
 .reader>.character-header,.reader>.chapter-progress{margin-left:346px;margin-right:0}
 .reading-workspace .text-panel{padding:32px clamp(24px,2.5vw,48px)}
 .reading-workspace .reading-confirm{min-height:240px;padding:32px}
}
@media(min-width:1100px) and (max-width:1390px){.reading-workspace{grid-template-columns:280px minmax(0,1fr);gap:20px}.reader>.character-header,.reader>.chapter-progress{margin-left:300px;margin-right:0}.reading-workspace>.reader-tools{margin-top:44vh}}
@media(max-width:1099px){.common-info-page .common-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chapter-toc{width:100%}.workflow-panel{padding:22px}.cast-guide{grid-template-columns:40% minmax(0,1fr);gap:20px}.guide-card:has(.cast-guide){padding:30px}}
@media(max-width:600px){.common-info-page .common-card-grid{grid-template-columns:1fr}.cast-guide{display:block}.cast-guide>img{height:280px}.cast-guide>p,.cast-guide>blockquote{margin-top:16px}}
/* Quiet glass surfaces and compact session controls. */
.common-info-page .common-hero{background:linear-gradient(135deg,#16304c55,#9bb9d015);border:1px solid #8fadc433;box-shadow:0 20px 60px #0002;border-radius:12px;overflow:hidden}
.common-info-page .common-hero img{display:block;margin:auto;max-width:100%;height:auto}
.common-info-page .common-card-grid article{background:linear-gradient(130deg,#29476055,#15293d33);border-color:#9ab8d033}
.common-info-page .common-card-grid p{line-height:1.9}.common-info-page .facility-list dd{line-height:1.9}
.story-marker.afterword-profile{align-items:start!important;grid-template-columns:minmax(180px,34%) minmax(0,1fr)!important;column-gap:28px!important}
.story-marker.afterword-profile>.marker-avatar{grid-column:1;grid-row:1;align-self:start!important;height:380px!important}
.story-marker.afterword-profile>.afterword-profile-copy{grid-column:2;grid-row:1;align-self:start!important;padding:8px 0!important}
.afterword-profile-copy>h4{margin:0 0 20px!important;padding:0!important;text-align:left!important}
.violent-cue{background:linear-gradient(90deg,#6f263c88,#3b152444)!important;border-left:4px solid #c67886;padding:20px 24px!important;margin:28px 0!important;color:#ffe4e7!important;font-weight:700}
.workflow-content{scroll-margin-top:88px}
.selected-readings:empty{display:none}.selected-readings{display:grid;gap:9px;margin-bottom:24px}
.selected-readings>b{color:#d9be76;font-size:.9rem;margin-bottom:4px}
.reader-tools .selected-readings button{width:100%;text-align:left;line-height:1.6;font-size:.9rem;padding:12px;border:1px solid #7596b34d;background:#14293e;color:#edf5fc}
.reader-tools .selected-readings .routes-back{background:transparent;color:#b9d0e1}
.vote-result{margin-top:24px;padding:24px;border:1px solid #d4b66977;border-radius:12px;background:#23384a}
.vote-result textarea{width:100%;min-height:180px;padding:16px;font:inherit;line-height:1.7;resize:vertical;color:#eef4fa;background:#081421;border:1px solid #6d8aa2}
.vote-result button{padding:14px 26px;background:#d7bb73;color:#121923;border:0;margin-top:12px;cursor:pointer}
.announced-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0}
.announced-options button{display:flex;gap:14px;align-items:center;background:#172c42;border:1px solid #7d9bb8;padding:14px;border-radius:10px;color:#edf5fb;font:inherit;cursor:pointer}
.announced-options img{width:54px;height:54px;object-fit:contain;border-radius:50%;background:#eef4fb}
.announced-options [aria-pressed=true]{border-color:#e0be68;background:#665631}
.decisions-page .pair-route-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px!important}
.decisions-page .pair-route{min-width:0;padding:12px!important;margin:0!important}
.decisions-page .pair-portraits{height:190px!important;padding:0!important}
.decisions-page .pair-route h4{margin:8px 0 14px!important}
.decisions-page .pair-route-choices{display:grid;grid-template-columns:1fr!important;gap:8px}
.decisions-page .pair-route-choices button{min-width:0;min-height:96px;width:100%;padding:12px!important}
.decisions-page .pair-route-choices button b{font-size:1rem}
.decisions-page .pair-route-choices button small{font-size:.85rem;line-height:1.6}
.decisions-page [aria-pressed=true]{outline:2px solid #dfc475;outline-offset:1px;background-color:#5d5031!important}
.decisions-page [aria-pressed=true] b:after{content:" ✓"}
.result-page .primary{display:inline-flex;align-items:center;gap:10px;white-space:normal;margin:6px 6px 6px 0;padding:12px 16px;font-size:1rem;line-height:1.55}
.result-page .primary[aria-pressed=true]{background:#5e5030;border-color:#dfc071;box-shadow:inset 3px 0 #dfc071}
.result-page .primary[aria-pressed=true]:after{content:"✓";margin-left:auto}
.result-page .primary:disabled{opacity:.7;cursor:default}
.result-page .primary[aria-pressed=true]:disabled{opacity:1}
.result-page .face-strip{display:flex;gap:5px;margin:0;position:static;justify-content:flex-start}
.result-page .face-strip img{width:42px;height:42px;object-fit:cover;border-radius:50%;margin:0}
.result-page fieldset{min-width:0;padding:12px;border:1px solid #47647c;border-radius:12px;margin:12px 0}
.result-page legend{font-size:1rem;color:#dfc071;padding:0 8px}
.flow-pair-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.flow-pair-options .primary{width:100%;margin:6px 0;font-size:.95rem}
.result-page .flow-selections{margin-top:16px}
.result-page .flow-selections fieldset{background:linear-gradient(150deg,#142b42,#091522 78%);border-color:#536a7c;padding:14px}
.result-page .flow-selections .primary{background:linear-gradient(130deg,#20364b,#102133);color:#e5edf4;border:1px solid #62778a;border-radius:9px;box-shadow:none;text-align:center;justify-content:center;position:relative;opacity:1}
.result-page .flow-selections .primary[aria-pressed=true]{background:linear-gradient(120deg,#4d432c,#17293a);border-color:#e4c574;color:#fff0c5;box-shadow:inset 3px 0 #e4c574}
.result-page .flow-selections .primary[aria-pressed=true]:after{position:absolute;right:9px;top:9px;margin:0;color:#f5d787;font-size:.85rem}
.result-page .flow-selections .primary:focus-visible{outline:3px solid #f1d38e;outline-offset:3px}
.result-page .choice-label{display:block;line-height:1.6;position:relative;z-index:1;padding:0 10px}
.result-page .choice-outcome{display:inline-block;white-space:nowrap;font-weight:750}
.result-page .choice-cast{display:flex;align-items:flex-end;justify-content:center;height:170px;position:relative;margin:0 0 12px;isolation:isolate}
.result-page .choice-cast img{display:block;width:58%;height:100%;object-fit:contain;object-position:center bottom;background:none;border:none;border-radius:0;box-shadow:none;filter:drop-shadow(0 8px 10px #030a1266)}
.result-page .choice-cast img+img{margin-left:-16%}
.result-page .announced-options{gap:12px}
.result-page .announced-options .cast-vote{display:grid;grid-template-columns:72px 1fr;gap:6px;margin:0;min-height:112px;padding:8px 18px 8px 8px;text-align:left}
.result-page .cast-vote .choice-cast{height:96px;margin:0}
.result-page .cast-vote .choice-cast img{width:100%}
.result-page .flow-pair-options .primary{min-height:74px;padding:10px 24px 10px 12px}
@media(max-width:800px){.result-page .flow-pair-options .choice-cast{height:180px}.result-page .announced-options .cast-vote{grid-template-columns:54px 1fr;min-height:96px}.result-page .cast-vote .choice-cast{height:80px}}
.inline-reading{border-top:1px solid #8c7850;margin:28px 0 18px;padding-top:22px;scroll-margin-top:100px}
.inline-reading-body{font-family:var(--serif,serif);font-size:var(--reader-size,1.125rem);line-height:1.95}
.inline-reading-body .dialogue-row{opacity:1!important;transform:none!important}
.dialogue-bubble p,.story-prose,.story-list li,.mind-game>p,.map-description{white-space:pre-line!important;line-height:1.8;overflow-wrap:anywhere}
.dialogue-row{margin-block:16px!important}.story-prose{margin-block:14px!important}
.flow-pair-options .choice-cast img[alt="レイ"],.flow-pair-options .choice-cast img[alt="フィン"],.flow-pair-options .choice-cast img[alt="ノア"],.flow-pair-options .choice-cast img[alt="ランス"]{transform:scaleX(-1)}
.sound-cue{padding:16px 20px!important;border-left:4px solid #ddbc6c;border-radius:8px;background:linear-gradient(110deg,#54472d,#152b40)!important;color:#fff1ca!important;font-weight:750;letter-spacing:.05em}
.sound-cue.danger-sound{background:linear-gradient(110deg,#552b39,#1e1d2e)!important;border-color:#df8392;color:#fff0f1!important}
.story-prose.sound-cue.explosion-cue{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:140px;padding:28px 32px!important;background:linear-gradient(90deg,rgba(23,10,8,.83),rgba(21,15,25,.25)),url('assets/safe-b665a17b1a3ba165.webp') center 54%/cover!important;border:1px solid #d98a48;border-left:5px solid #efac65;color:#fff2d5!important;text-shadow:0 2px 7px #000;font-size:clamp(1.35rem,3vw,2rem);letter-spacing:.12em;box-shadow:inset 0 -20px 45px #170d16aa}
.explosion-cue .scene-sound{flex:none;min-width:44px;min-height:44px;font-size:1.25rem;border-color:#f1ba7e;background:#1b1822df;color:#fff1dc}
.scene-sound{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;min-width:44px;padding:0;margin:4px;align-self:start;justify-self:start;border:0;border-radius:50%;background:radial-gradient(circle,#102438 0 14px,transparent 15px);color:#f2dfab;font:500 1rem/1 sans-serif;cursor:pointer}
.scene-sound:hover,.scene-sound:focus-visible{background:#284359;outline:2px solid #d4bb80;outline-offset:1px}
.story-marker.scene-marker>.scene-sound{position:absolute;top:8px;left:8px;z-index:2;width:44px!important;height:44px!important}
.interactive-map{position:relative;width:100%;isolation:isolate}.interactive-map img{display:block;width:100%;height:auto}
.map-hotspot{position:absolute;transform:translate(-50%,-50%);z-index:2;min-height:30px;max-width:22%;padding:6px 10px;background:#142a40ed;color:#fff5df;border:1px solid #ddbd70;border-radius:8px;box-shadow:0 2px 8px #0005;font-size:clamp(.75rem,1.5vw,1rem);font-weight:700;cursor:pointer}
.map-hotspot:hover,.map-hotspot:focus-visible{background:#55462c;outline:2px solid #f4d78c;outline-offset:2px}
.post-vote-stages{display:flex;flex-direction:column;gap:10px;margin:20px 0}
.post-vote-stages[hidden],.flow-nav-button[hidden]{display:none!important}
.post-vote-stages>button{display:block;width:100%;min-height:56px;padding:14px 16px;text-align:left;border:1px solid #486580;border-radius:8px;background:#102336;color:#edf4fa;font-size:1rem;white-space:normal}
.post-vote-stages>button[aria-current="step"]{border-left:4px solid #d6b86b;background:#243b51}
.post-vote-stages>button:disabled{opacity:.45;cursor:default}
.reading-tabs .post-vote-stages>button{display:block;box-sizing:border-box;height:auto;min-height:64px;margin:0;flex-shrink:0;line-height:1.6}
.reading-tabs .post-vote-stages>button>.choice-label{display:block;grid-row:auto;box-sizing:border-box;width:100%;height:auto;min-width:0;min-height:0;border-radius:0;background:transparent;color:inherit;text-align:left;white-space:normal;word-break:normal;overflow-wrap:anywhere;line-height:1.6}
.reading-tabs .post-vote-stages>button>.choice-label>span{display:block;width:auto;height:auto;line-height:inherit;font-size:1rem;white-space:normal}
.post-vote-stages.just-revealed{animation:steps-appear .22s ease-out}
@keyframes steps-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.post-vote-stages.just-revealed{animation:none}}
.common-info-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:28px;align-items:start}
.common-info-body{min-width:0}
.story-marker.time-location h4,.story-marker.time-location>p{font-family:'Yu Mincho','Hiragino Mincho ProN',serif!important;font-size:clamp(1.2rem,2.4vw,1.65rem)!important;font-weight:500!important;line-height:1.55!important;letter-spacing:.06em}
.story-marker.time-location>p{margin-top:4px!important}
.inline-reading>h3,.result-page>h3{font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-weight:500;letter-spacing:.06em;line-height:1.55;text-wrap:balance}
.result-page>h3{margin:24px 0 32px;font-size:clamp(1.6rem,3vw,2.4rem)}
.inline-reading{padding-block:32px;margin-block:24px}
.flow-pair-reading{margin-block:32px 56px}
.pair-choice-items{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:40px 0 24px;padding:28px 16px;border-top:1px solid #8b784d}
.pair-choice-items>h3,.pair-choice-items>p{flex-basis:100%;text-align:center}
.pair-choice-items>figure{margin:0;flex:0 1 200px;text-align:center}
.pair-choice-items img{display:block;width:100%;height:200px;object-fit:contain;margin-bottom:12px;border-radius:12px}
.pair-choice-items figcaption{font-size:1rem;color:#e6d3a4}
.result-page>button{max-width:100%;white-space:normal;overflow-wrap:anywhere;margin:10px 10px 10px 0}
.reading-context{font-size:.875rem!important;color:#bca977!important;letter-spacing:.08em}
.location-guide:has(img[src$="henzel-manor.png"]) .location-art img{object-fit:cover}
.common-toc{display:flex;flex-direction:column;gap:18px;position:sticky;top:90px;z-index:5;padding:22px 16px;margin:16px 0;background:#0a1827f5;border:1px solid #40596c;border-radius:10px}
.common-info-body [id^="common-section-"]{scroll-margin-top:95px}
@media(max-width:850px){.common-info-layout{grid-template-columns:minmax(0,1fr)}.common-toc{position:static;grid-row:1;gap:12px;margin:0}.common-toc a{min-height:32px}}
.common-toc b{color:#dfbf73;margin-right:10px}.common-toc a{color:#e5eef6;text-decoration:none;border-left:2px solid #c8ae70;padding:2px 10px}
[id^="common-section-"]{scroll-margin-top:155px}
@media(max-width:650px){.common-toc{position:static}.map-hotspot{font-size:.75rem;padding:4px;max-width:26%}.dialogue-row{margin-block:12px!important}}
.result-page>h3{margin:20px 0 12px}.result-page>p{margin:12px 0;line-height:1.7}
.result-page textarea{width:100%;min-height:115px;background:#10243a;color:#e5edf4;border:1px solid #63819a;border-radius:8px;padding:14px;font:inherit}
.flow-nav-button{display:flex!important;flex-direction:column;align-items:flex-start;gap:6px;width:100%;background-size:cover;background-position:center;border:1px solid #47647c;border-radius:7px;padding:14px 12px;margin:8px 0;color:#e2ecf8;text-align:left}
.flow-nav-button b{font-size:1rem}.flow-nav-button small{font-size:.9rem;color:#adc3d5}
.sound-controls{display:flex;gap:8px;align-items:center;margin-top:16px}.sound-controls button{white-space:nowrap;font-size:.9rem;padding:8px}.sound-controls input{width:80px}
.common-map{background:radial-gradient(ellipse at 50% 40%,#39576d,#101f32 78%)!important;border-color:#587590!important}.common-map img{filter:none}.common-map figcaption{font-size:.9rem;color:#d6e2ec}
@media(max-width:800px){.flow-pair-options{grid-template-columns:1fr}.result-page .announced-options{grid-template-columns:repeat(2,minmax(0,1fr))}.result-page .face-strip img{width:34px;height:34px}}
.decisions-page button:disabled{opacity:.4;cursor:not-allowed}
/* Unlabelled maps: a single set of accessible location buttons. */
.common-info-page .interactive-map img{max-height:none;object-fit:contain}
.interactive-map .map-hotspot{max-width:27%;min-height:44px;padding:10px 15px;border-radius:4px 14px;background:linear-gradient(130deg,#18354bf5,#0b1a2df5);border-color:#d7bd78;color:#fff3d5;box-shadow:0 5px 18px #07121f70;font-size:clamp(.7rem,1.3vw,1rem);letter-spacing:.04em}
.interactive-map .map-hotspot:hover,.interactive-map .map-hotspot:focus-visible{background:#435064;outline:2px solid #f2d18a;outline-offset:3px}
.guide-card:has(.location-guide){width:min(980px,94vw);padding:0;overflow:hidden;border:1px solid #baa269;background:#0b1b2d}
.location-guide{display:grid;grid-template-columns:1fr 1fr;min-height:420px;animation:location-reveal .2s ease-out}
.location-art{display:flex;align-items:center;overflow:hidden;background:radial-gradient(ellipse,#49677d,#11243a)}
.location-art img{width:100%;height:100%;object-fit:contain}
.location-copy{padding:64px 36px 40px;align-self:center}
.location-copy .section-label{font-size:.75rem;letter-spacing:.16em;color:#dfc17c}
.location-copy h2{margin:14px 0 24px;font:500 clamp(1.7rem,3vw,2.5rem)/1.4 serif;color:#fff3da}
.location-copy .map-description{font-size:1.1rem;line-height:1.9;color:#e2e9f0;margin:0 0 30px}
@keyframes location-reveal{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:650px){.location-guide{grid-template-columns:1fr;min-height:0}.location-art{height:190px}.location-copy{padding:24px}.interactive-map .map-hotspot{min-height:36px;padding:5px;font-size:.65rem;letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.location-guide{animation:none}}
@media(max-width:1100px){.decisions-page .pair-route-list{grid-template-columns:1fr!important}.decisions-page .pair-portraits{height:150px!important}.decisions-page .pair-route-choices{grid-template-columns:1fr 1fr!important}}
@media(max-width:600px){.announced-options{grid-template-columns:1fr 1fr}.story-marker.afterword-profile{grid-template-columns:1fr!important}.story-marker.afterword-profile>.marker-avatar{height:270px!important}.story-marker.afterword-profile>.afterword-profile-copy{grid-column:1;grid-row:2}.decisions-page .pair-route-choices{grid-template-columns:1fr!important}}
/* GM quick reference: keep short notes and the phase table readable. */
.gm-guide-grid details>p{margin:0;padding:0 16px 16px;color:#d5e1ed;line-height:1.75}
.gm-guide-grid .bgm-table-scroll{margin:0 16px 12px}
.gm-guide-grid table{width:100%;border-collapse:collapse;text-align:left;font-size:1rem}
.gm-guide-grid th,.gm-guide-grid td{padding:9px 8px;border-bottom:1px solid #a88a574d}
.gm-guide-grid thead th{color:#f3dda2}
.bgm-download-guide>summary{cursor:pointer;color:#f3dda2;font-weight:700;font-size:1.1rem}

/* Keep the scene illustration inside the central reading column. */
.reading-workspace .story-marker.instruction-anchor{background:none;border:0;border-radius:0;padding:0;text-align:left;box-shadow:none;margin-bottom:8px}
.reading-workspace #readingSceneVisual{
 width:100%;max-width:100%;height:clamp(170px,23vw,240px);min-height:0;
 margin:0 0 24px;border-radius:9px 9px 0 0;isolation:isolate;
}
.reading-workspace #readingSceneVisual .chapter-heading{padding:52px 24px 24px}
body[data-view="readings"] .page-backdrop{filter:blur(12px) brightness(.55);transform:scale(1.06)}
body[data-view="readings"] .common-reader{background:rgba(9,19,33,.78)}
.reading-workspace #readingPanel{overflow:hidden}
@media(max-width:800px){
 .reading-workspace #readingSceneVisual{height:160px;margin-bottom:16px}
 .reading-workspace #readingSceneVisual .chapter-heading{padding:36px 18px 18px}
}

/* Keep the reading surface steady at scroll boundaries. */
html,body{overscroll-behavior:none;scrollbar-gutter:stable}
.reading-workspace{overflow-anchor:none}
.action-symbol:empty{display:none}
.reading-workspace .dialogue-row{transform:none!important;transition:none!important;opacity:1!important}
.story-prose .scene-sound{margin-left:12px;vertical-align:middle}

/* UZU-style live table: the tools live behind the gear, not in the left rail. */
.session-jumps,.chapter-toc{display:none!important}
.reader-tool-toggle{flex:0 0 46px!important;min-width:46px!important;max-width:46px!important;padding:0!important;font-size:1.2rem!important}
body:not(.reader-tools-open) .reader-tools{display:none!important}
body.reader-tools-open .reader-tools{
 display:grid!important;position:fixed;z-index:80;right:clamp(12px,3vw,42px);top:82px;
 width:min(320px,calc(100vw - 24px));max-height:calc(100dvh - 104px);overflow:auto;
 padding:16px;border:1px solid #56718a;border-radius:8px;background:#0a1728f2;
 box-shadow:0 22px 70px #0008;backdrop-filter:blur(10px)
}
body.reader-tools-open .reader-tools button,body.reader-tools-open .reader-tools select{min-height:46px}

/* Midnight Archive: two calm panes, with the story text as the quiet reading desk. */
.pane-tabs{
 display:flex;align-items:center;gap:18px;min-height:38px;margin:0 0 18px;
 border-bottom:1px solid rgba(126,151,174,.28)
}
.pane-tabs button{
 appearance:none;border:0;background:transparent;color:#899bae;min-height:38px;
 padding:8px 2px 9px;font:700 .92rem/1.4 -apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",Meiryo,sans-serif;
 letter-spacing:.02em;cursor:pointer;box-shadow:none!important
}
.pane-tabs button.active,.pane-tabs button[aria-selected="true"]{
 color:#d9bb72;box-shadow:inset 0 -2px 0 #d9bb72!important
}
.pane-tabs button:focus-visible{outline:2px solid #9acbff;outline-offset:3px}
body.gm-mode #reader>.pane-tabs,
body:is(:not(.gm-mode),.gm-player-view) #commonReader>.pane-tabs{display:none}
body[data-view="handout"] #reader .chapter-panel{
 background:linear-gradient(180deg,rgba(253,250,242,.97),rgba(243,237,224,.97));
 color:#1d2430;border-color:rgba(60,72,88,.22);box-shadow:0 22px 70px rgba(0,0,0,.24)
}
body[data-view="handout"] #reader .chapter-heading{
 border-bottom-color:rgba(94,75,45,.24);color:#1d2430
}
body[data-view="handout"] #reader .chapter-heading h3{color:#1d2430}
body[data-view="handout"] #reader .chapter-heading p{color:#8b6f31}
body[data-view="handout"] #reader .text-panel{
 max-width:42rem;color:#1d2430;font-size:clamp(1rem,.96rem + .2vw,1.12rem);
 line-height:2;letter-spacing:.02em
}
body[data-view="handout"] #reader .story-prose{max-width:34em;color:#1d2430}
body[data-view="handout"] #reader .story-marker{
 background:linear-gradient(90deg,rgba(211,228,241,.72),rgba(243,237,224,.2));
 border-left-color:#7aa9cf;color:#1d2430
}
body[data-view="handout"] #reader .story-marker h4{color:#24364a}
body[data-view="handout"] #reader .story-marker p{color:#566273}
body[data-view="handout"] #reader .story-list{color:#1d2430}
body[data-view="handout"] #reader .dialogue-bubble{box-shadow:0 10px 24px rgba(28,38,52,.16)}

@media(min-width:1100px){
 body:is(:not(.gm-mode),.gm-player-view):is([data-view="handout"],[data-view="readings"]) main{
  display:grid;grid-template-columns:minmax(320px,34vw) minmax(0,1fr);gap:0;align-items:start;
 }
 body:is(:not(.gm-mode),.gm-player-view):is([data-view="handout"],[data-view="readings"]) #reader,
 body:is(:not(.gm-mode),.gm-player-view):is([data-view="handout"],[data-view="readings"]) #commonReader{
  display:block!important;width:100%;min-height:calc(100dvh - 72px);margin:0;padding:24px clamp(18px,2vw,34px) 56px;
  border-right:1px solid #263b50;background:#071221d9;
 }
 body:is(:not(.gm-mode),.gm-player-view):is([data-view="handout"],[data-view="readings"]) #commonReader{grid-column:1;grid-row:1}
 body:is(:not(.gm-mode),.gm-player-view):is([data-view="handout"],[data-view="readings"]) #reader{grid-column:2;grid-row:1}
 body:is(:not(.gm-mode),.gm-player-view):is([data-view="handout"],[data-view="readings"]) #reader{border-right:0;border-left:1px solid #263b50}
 body:is(:not(.gm-mode),.gm-player-view):is([data-view="handout"],[data-view="readings"]) #reader.hidden,
 body:is(:not(.gm-mode),.gm-player-view):is([data-view="handout"],[data-view="readings"]) #commonReader.hidden{display:block!important}
 body:is(:not(.gm-mode),.gm-player-view):is([data-view="handout"],[data-view="readings"]) .reader>.character-header,
 body:is(:not(.gm-mode),.gm-player-view):is([data-view="handout"],[data-view="readings"]) .reader>.chapter-progress{margin-left:0;margin-right:0}
 body:is(:not(.gm-mode),.gm-player-view):is([data-view="handout"],[data-view="readings"]) .reader .character-standee{height:210px;bottom:-66px;right:4px;width:170px}
 body:is(:not(.gm-mode),.gm-player-view):is([data-view="handout"],[data-view="readings"]) .reading-workspace{grid-template-columns:180px minmax(0,1fr);gap:18px}
 body:is(:not(.gm-mode),.gm-player-view):is([data-view="handout"],[data-view="readings"]) .reading-workspace>.chapter-panel,
 body:is(:not(.gm-mode),.gm-player-view):is([data-view="handout"],[data-view="readings"]) .workflow-panel{grid-column:2}
 body.gm-mode.gm-live-desk main{display:grid;grid-template-columns:minmax(420px,38vw) minmax(0,1fr);gap:0;align-items:start}
 body.gm-mode.gm-live-desk #gmResources{display:block!important;width:100%;min-height:calc(100dvh - 72px);margin:0;padding:24px;border-right:1px solid #263b50}
 body.gm-mode.gm-live-desk #commonReader{display:block!important;width:100%;min-height:calc(100dvh - 72px);margin:0;padding:24px;border-left:1px solid #263b50;background:#071221d9}
 body.gm-mode.gm-live-desk #commonReader.hidden{display:block!important}
 body.gm-mode.gm-live-desk #gmResources .gm-docs-layout{display:block}
 body.gm-mode.gm-live-desk #gmResources :is(.gm-docs-index,.gm-docs-reference){position:static;max-height:none}
 body.gm-mode.gm-live-desk #gmResources .gm-docs-reference{display:none}
 body:is(:not(.gm-mode),.gm-player-view)[data-view="common"] main{
  display:grid;grid-template-columns:minmax(320px,34vw) minmax(0,1fr);gap:0;align-items:start;
 }
 body:is(:not(.gm-mode),.gm-player-view)[data-view="common"] #commonReader{
  display:block!important;grid-column:1;grid-row:1;width:100%;min-height:calc(100dvh - 72px);
  margin:0;padding:24px clamp(18px,2vw,34px) 56px;border-right:1px solid #263b50;background:#071221d9
 }
 body:is(:not(.gm-mode),.gm-player-view)[data-view="common"] #commonInfoPage{
  grid-column:2;grid-row:1;width:100%;max-width:none;min-height:calc(100dvh - 72px);
  margin:0;padding:24px clamp(28px,4vw,72px) 64px;border-left:1px solid #263b50
 }
 body.gm-mode.gm-live-desk #reader{
  display:block!important;width:100%;min-height:calc(100dvh - 72px);margin:0;padding:24px;border-left:1px solid #263b50;background:#071221d9
 }
 body.gm-mode.gm-live-desk #commonReader,
 body.gm-mode.gm-live-desk #reader,
 body.gm-mode.gm-live-desk #commonInfoPage{grid-column:2;grid-row:1}
 body.gm-mode.gm-live-desk[data-view="gm-resources"] #reader,
 body.gm-mode.gm-live-desk[data-view="gm-resources"] #commonInfoPage{display:none!important}
 body.gm-mode.gm-live-desk[data-view="handout"] #commonReader,
 body.gm-mode.gm-live-desk[data-view="handout"] #commonInfoPage{display:none!important}
 body.gm-mode.gm-live-desk[data-view="common"] #commonReader,
 body.gm-mode.gm-live-desk[data-view="common"] #reader{display:none!important}
 body.gm-mode.gm-live-desk[data-view="common"] #commonInfoPage{
  display:block!important;width:100%;max-width:none;min-height:calc(100dvh - 72px);
  margin:0;padding:24px clamp(28px,4vw,72px) 64px;border-left:1px solid #263b50;background:#0b1626
 }
}

.pair-conversation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0}
.pair-conversation-card{overflow:hidden;border:1px solid #536b81;border-radius:8px;background:#0e2032;box-shadow:0 18px 50px #0003}
.pair-conversation-art{min-height:180px;padding:18px;display:flex;flex-direction:column;justify-content:end;background-image:linear-gradient(180deg,#08152222,#07111eee 78%),var(--pair-bg);background-size:cover;background-position:center;color:#fff}
.pair-conversation-art b{font:500 clamp(1.35rem,2.2vw,2rem)/1.35 serif;text-shadow:0 2px 12px #000}
.pair-conversation-art span{color:#f1d98e;font-weight:700;letter-spacing:.08em}
.pair-conversation-body{padding:18px;display:grid;gap:12px}
.pair-conversation-body .face-strip{justify-content:flex-start!important;margin:0 0 6px}
.pair-conversation-body p{margin:0;color:#e7edf5;line-height:1.7;font-size:.95rem}
.pair-conversation-card .primary{width:100%;margin-top:8px}

.primary,.flow-step,.workflow-open,.reading-workspace .reading-group-list button,.reading-workspace .chapter-tabs button,.choice-pair-tabs button{
 border-radius:8px!important;border:1px solid #58758c!important;background:#102338!important;color:#eef5fb!important;box-shadow:none!important;
 min-height:52px;font-weight:700;letter-spacing:0;text-align:center
}
.primary:hover,.flow-step:hover,.workflow-open:hover,.reading-workspace .reading-group-list button:hover,.reading-workspace .chapter-tabs button:hover{border-color:#d9bb72!important;background:#17304a!important}
.primary[aria-pressed="true"],.flow-step[aria-current="step"],.reading-workspace .reading-group-list button.active,.reading-workspace .chapter-tabs button.active{
 border-color:#d9bb72!important;background:#254058!important;color:#ffe7a5!important
}

@media(max-width:1099px){
 .quick-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:8px;gap:6px}
 .quick-nav button{min-width:0;font-size:.82rem;padding:8px 6px}
 .reader-tool-toggle{max-width:none!important;min-width:0!important;width:auto!important}
 .pair-conversation-grid{grid-template-columns:1fr}
 body:is([data-view="handout"],[data-view="readings"]) #reader,
 body:is([data-view="handout"],[data-view="readings"]) #commonReader{padding-inline:12px}
 .reading-workspace{display:block}
}