/* Supplied Caesar pack: keep the bronze banners and papyrus presentation. */
.summary-dialogue{margin:20px 0 0;padding:18px 22px;border-left:2px solid #b79c62;background:#080e0be6;text-align:left}
.war-room .dialogue-wide .typed-speech,.war-room .dialogue-wide .speech-letters,.war-room .dialogue-wide .speech-measure{text-align:left;direction:ltr}
.typing-glyph{visibility:hidden}.typing-glyph.is-visible{visibility:inherit}
.summary-speaker{color:#d9bc7c;font-size:1rem;line-height:1.6;margin:0 0 8px}
.summary-text{font-size:clamp(1.125rem,1.7vw,1.625rem);line-height:1.75;color:#f0eadb;margin:0;word-break:keep-all;overflow-wrap:anywhere}
.status-card .metric-symbol img{width:38px;height:38px;object-fit:contain;display:block}
.status-card .metric-grid{margin:18px 0 14px;gap:8px 14px}
.status-card .metric-grid .metric-row{grid-template-columns:38px 70px minmax(65px,1fr) 46px 50px;gap:8px;padding:10px 12px}
.status-card .metric-pips{gap:3px}.status-card .metric-pips i{flex:1 1 7px;max-width:10px;min-width:4px;width:7px;height:8px}
.status-card .metric-grid b{font-size:1.875rem}.status-card .metric-name{font-size:1.125rem}
.status-card h1{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.4}
.status-card .status-notes{font-size:1rem;margin:10px 0;line-height:1.6}
.status-card .status-footer{margin-top:16px}
.ending-content{width:min(960px,100%);max-width:960px;background:#080e0bd9;border:1px solid #b79c6255;padding:28px 36px}
.ending-content h1{font-size:clamp(2.25rem,5vw,4.5rem);margin:14px 0}
.ending-content h2{font-size:clamp(1.125rem,2vw,1.75rem);margin:8px 0}
.ending-content .summary-dialogue{margin:20px 0}.ending-content .summary-text{color:#f0eadb;font-size:clamp(1.25rem,2vw,1.75rem)}
.ending-prop{display:block;max-width:160px;max-height:120px;object-fit:contain;margin:18px auto 0;border-radius:4px}
.scene-prop{position:absolute;left:50%;bottom:calc(var(--dialogue-height) + 16px);transform:translateX(-50%);width:150px;height:110px;object-fit:contain;box-shadow:0 6px 25px #0006}
.war-room .speech>p{font-size:clamp(1.125rem,1.85vw,1.6875rem);line-height:1.6}
.war-room .speaker-portrait img.portrait-from-fullbody{width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(2.6);transform-origin:50% 0}
.war-room .speaker-portrait{overflow:hidden}
.war-room .speaker-portrait img{mix-blend-mode:normal}
.war-room .speaker-portrait img.portrait-from-fullbody{height:auto;object-position:center top!important;transform:scale(2.5)}
.war-room .unit .badge{background:transparent;isolation:isolate}
.war-room .unit .badge img{mix-blend-mode:normal}
.war-room .unit .badge img.badge-from-fullbody{height:auto;object-fit:contain;object-position:center top;transform:scale(3.2);top:0}
.fullbody-figure{background:transparent;border:0;border-radius:0;mask-image:none;overflow:hidden}
.fullbody-figure img{mix-blend-mode:normal}
.war-room .choices .choice-unavailable{opacity:.45;cursor:not-allowed}
.war-room .choices .choice-unavailable:after{visibility:hidden!important}
.war-room .choices button b{font-size:clamp(1.125rem,1.8vw,1.5625rem)}
.war-room .speech{overflow-y:auto;min-height:0}
.summary-dialogue .summary-speaker{color:#d9bc7c}
@media(max-width:900px){.status-card{padding:24px}.status-card .metric-grid{grid-template-columns:1fr 1fr}.status-card .metric-grid .metric-row{grid-template-columns:30px 1fr 40px 40px;gap:6px;padding:10px 8px}.status-card .metric-pips{display:none!important}.status-card .metric-symbol img{width:28px;height:28px}.status-card .metric-name{font-size:1rem}.status-card .metric-grid b{font-size:1.5rem}.status-card .metric-change{font-size:.9375rem}}
@media(max-width:600px){.status-card .metric-grid{grid-template-columns:1fr}.summary-dialogue{padding:14px}.ending-content{padding:22px 16px}.war-room .speaker-portrait{max-width:90px}.war-room .speaker>span{font-size:1.125rem}.scene-prop{width:90px;height:80px}.war-room .speech{padding:8px!important}.war-room .dialogue{padding-inline:22px}.status-card{padding:20px 14px}}
@media(prefers-reduced-motion:reduce){.fullbody-character,.mission-intro-content>*{animation:none!important}}
.selection-era{font-size:1.125rem;color:#d3bf90;margin:10px 0}
.character-specialty{display:block;color:#dfc58a;font-size:clamp(1rem,1.6vw,1.375rem);line-height:1.6;margin:4px 0 10px}
.character-profile{display:flex;flex-wrap:wrap;justify-content:center;gap:5px 12px;max-width:350px;color:#bfc4b7;font-size:1rem;line-height:1.7}
.character-profile>span{display:block}
.fullbody-selection .fullbody-cast{width:min(1120px,100%)}
.fullbody-selection .fullbody-figure{height:min(56svh,600px);aspect-ratio:auto}
.mission-objective{color:#f0dba9;font-size:clamp(1.375rem,3vw,2.25rem);line-height:1.65;margin:24px 0}
.mission-objective>span{display:block;color:#ad986f;font-size:1rem;letter-spacing:.15em;margin-bottom:10px}
.mission-intro-bridge{max-width:800px!important;font-size:clamp(1.125rem,2.3vw,1.75rem)!important}
.scene-ui{display:grid;gap:8px;margin:18px 0;max-width:680px;text-align:left}
.ui-cue{padding:12px 16px;background:#0d1814e8;border-left:3px solid #b89d65;color:#eadcbb;box-shadow:0 4px 18px #0004}
.ui-cue>strong{display:block;font-size:1rem;line-height:1.5;color:#e7c77e}
.ui-cue>span{display:block;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.6;overflow-wrap:anywhere;word-break:keep-all}
.ui-cue.ui-danger{background:#341613eb;border-left-color:#e66b53}
.ui-danger>strong{color:#ffae91}
.ending-content .scene-ui,.status-card .scene-ui{max-width:none}
.war-room .stage{min-width:0}
@media(max-width:700px){.character-profile{font-size:.875rem}.character-specialty{font-size:1rem}.fullbody-selection .fullbody-figure{height:42svh}.war-room .battle{grid-template-columns:1fr 1fr;align-items:start}.war-room .battle>.stage{grid-column:1 / -1;grid-row:1}.war-room .battle>.side{grid-row:2}.scene-ui{margin:10px 0}.ui-cue{padding:9px 12px}.war-room .scenehead h1{font-size:1.5rem}.war-room .army-banner{min-height:85px;padding:18px}.war-room .army-banner h2{font-size:1.375rem}.war-room .army-banner .eyebrow{display:none}.mission-intro{padding:32px 6vw}}

.mission-intro{--mission-reveal-duration:2.8s;--mission-title-delay:.3s}
.mission-intro h1{animation-duration:var(--mission-reveal-duration);animation-delay:var(--mission-title-delay)}
.mission-intro .mission-objective{animation:mission-reveal var(--mission-reveal-duration) calc(var(--mission-title-delay) + var(--mission-reveal-duration) / 2) ease both}

.war-room .units,.war-room .enemy .units{gap:0}
.war-room .unit.unit-new{padding-top:18px}

.scene-popup-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:#03060566}.scene-ui.scene-popup{width:min(620px,100%);max-height:85svh;overflow:auto;margin:0;padding:32px;background:#111a16f5;border:1px solid #b39760;box-shadow:0 20px 80px #0009;text-align:center;animation:mission-reveal .35s ease both}.scene-popup .ui-cue{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px;gap:12px}.scene-popup .ui-cue strong{font-size:20px}.scene-popup .ui-cue span{font-size:clamp(24px,3vw,34px);line-height:1.6}.scene-popup>.primary{margin-top:24px;min-width:110px}@media(prefers-reduced-motion:reduce){.scene-ui.scene-popup{animation:none}}

.war-room .unit,.war-room .unit *{pointer-events:none;cursor:default}.war-room .unit{user-select:none}.war-room .unit.dead .unit-status-tag{display:block}.scene-popup .popup-item{display:block;width:100%;height:min(38svh,340px);object-fit:contain;margin:8px auto 0}

main[data-popup-phase=before] .typed-speech,main[data-popup-phase=before] .speaker,main[data-popup-phase=before] .summary-dialogue .typed-speech{visibility:hidden}

.scene-popup-overlay{pointer-events:none}.scene-ui.scene-popup{pointer-events:none}

.war-room .unit .badge img[src*='18nybO2Y507ox1Eq8CT9_3cTzr4vOCiXl']{width:44px;height:auto;max-width:none;position:relative;top:1px;transform:scale(2.2);transform-origin:50% 0;object-fit:contain}.war-room .unit .badge img[src*='1t16rndFdFA-shblW8aSRYiIfahOJwjxz']{width:44px;height:auto;max-width:none;position:relative;top:-3px;transform:scale(8.5);transform-origin:50% 0;object-fit:contain}

.intro.intro-video-screen{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;min-height:100svh}.intro-video-screen>div:not(.seal){width:min(1100px,100%);margin-inline:auto}.intro-video-screen .seal{display:none}

.narration-layout{--dialogue-height:300px;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;min-height:100svh;padding:24px;gap:24px}.narration-layout>.status-card,.narration-layout>.ending-content{flex:1 0 auto;align-self:center;width:min(1100px,100%);margin:0 auto}.narration-layout>.summary-dialogue{width:100%;text-align:left;border:0;margin:0}.narration-layout .speech{width:100%}.narration-layout .speech-footer{justify-content:flex-end}.narration-layout .ending-content{padding:30px 0}.narration-layout .summary-dialogue .typed-speech{font-size:27px;line-height:1.65;text-align:left}@media(max-width:1000px){.narration-layout{--dialogue-height:340px;padding:16px;gap:18px}}@media(max-width:640px){.narration-layout{--dialogue-height:420px;padding:10px;gap:16px}.narration-layout .summary-dialogue .typed-speech{font-size:21px}}

.mission-status>.summary-dialogue,.mission-status>.status-next-only{animation:status-panel-pop .5s 1.4s cubic-bezier(.22,1.3,.36,1) both;transform-origin:center bottom}.status-next-only{align-self:stretch;display:flex;justify-content:flex-end;padding:20px 54px}.status-next-only .primary{min-width:120px}@keyframes status-panel-pop{from{opacity:0;transform:translateY(36px) scale(.94);visibility:hidden}to{opacity:1;transform:translateY(0) scale(1);visibility:visible}}@media(prefers-reduced-motion:reduce){.mission-status>.summary-dialogue,.mission-status>.status-next-only{animation:none}}@media(max-width:640px){.status-next-only{padding:16px}}

.mission-status.narration-layout{justify-content:center}.mission-status.narration-layout>.status-card{flex:0 0 auto}.mission-status>.status-next-only{width:min(1100px,100%);align-self:center;padding:0;margin:0 auto}.mission-status>.summary-dialogue{animation:status-paper-unroll .7s cubic-bezier(.22,.61,.36,1) both;transform-origin:left center}
@keyframes status-paper-unroll{from{clip-path:inset(-12px 100% -12px -8px)}to{clip-path:inset(-12px -8px -12px -8px)}}
@media(prefers-reduced-motion:reduce){.mission-status>.summary-dialogue{animation:none}}

.scene-ui.scene-popup-map{width:min(1100px,92vw);padding:16px}.scene-popup-map .popup-item{height:min(57svh,580px)}.scene-popup-map .ui-cue{padding:8px;gap:4px}.speaker-performer{display:block;font-size:.75em;opacity:.75;margin-top:6px}

.war-room .unit .badge img[src*='1fJHIV7PsFgGxb4--nsAgc6Ivf6LHYsMv']{width:44px;height:auto;max-width:none;position:relative;top:1px;transform:scale(1.8);transform-origin:50% 0;object-fit:contain}

.bgm-control{position:fixed;bottom:12px;left:12px;z-index:200;color:#ebddb4;font:14px system-ui,sans-serif}
.bgm-control summary{cursor:pointer;list-style:none;padding:9px 14px;background:#101a18ee;border:1px solid #9e8147;border-radius:5px;min-height:40px;box-sizing:border-box}
.bgm-control summary::-webkit-details-marker{display:none}
.bgm-control-panel{position:absolute;bottom:48px;left:0;width:230px;padding:16px;background:#101a18f5;border:1px solid #9e8147;border-radius:6px;box-shadow:0 8px 30px #0008}
.bgm-control-panel label{display:flex;justify-content:space-between;gap:16px}
.bgm-control-panel input{width:100%;margin:16px 0;accent-color:#d6b86c;cursor:pointer}
.bgm-control-panel button{width:100%;min-height:40px;font:inherit;color:inherit;background:#4e2924;border:1px solid #9e8147;cursor:pointer}

.scene-popup .era-trends{list-style:none;margin:8px 0 0;padding:0;width:100%;display:grid;gap:12px}.era-trends li{display:flex;align-items:center;justify-content:space-between;gap:18px;text-align:left}.scene-popup .era-trends li>span{font-size:clamp(19px,2vw,28px);line-height:1.5;word-break:keep-all}.era-trends .trend-arrow{flex:0 0 auto;font-size:32px;line-height:1;color:#e7c77e}

.scene-popup .era-changes{width:100%;margin-top:10px;padding-top:20px;border-top:1px solid #b3976066}.scene-popup .era-changes h3{margin:0 0 16px;font-size:17px;font-weight:700;letter-spacing:.08em;color:#e7c77e;text-align:left}.scene-popup .era-changes .era-trends{margin:0}@media(max-width:640px){.scene-popup .era-changes{margin-top:6px;padding-top:16px}}

.scene-popup .era-trends{gap:14px}.era-trends li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:10px 0;border-bottom:1px solid #b3976024;animation:era-row-reveal .25s ease-out both}.era-trends li:last-child{border-bottom:0}.era-trends li:nth-child(1){animation-delay:.15s}.era-trends li:nth-child(2){animation-delay:.3s}.era-trends li:nth-child(3){animation-delay:.45s}.era-trends .trend-change{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:108px;font-size:clamp(24px,2.3vw,32px);line-height:1.4;white-space:nowrap}.trend-change i{font-style:normal;font-size:1.2em}.trend-positive{color:#85d4bc}.trend-danger{color:#f0988e}.trend-neutral{color:#e7c77e}@keyframes era-row-reveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.era-trends li{animation:none}}@media(max-width:640px){.era-trends li{gap:12px}.era-trends .trend-change{min-width:88px;gap:6px;font-size:24px}}

.scene-popup .event-label{color:#e7c77e}.scene-popup .event-title{font-weight:700}.event-card .event-detail{margin:8px 0 0;font-size:clamp(18px,1.7vw,23px);line-height:1.7;color:#ddd3bc;word-break:keep-all}.event-card.ui-positive{border-left-color:#85d4bc;background:#10281fea}.event-card.ui-positive .event-label{color:#85d4bc}.event-portrait{display:block;width:160px;height:180px;object-fit:contain;margin:8px auto}.event-monogram{display:grid;place-items:center;width:110px;height:110px;margin:12px auto;border:2px solid #b39760;border-radius:50%;font:64px Georgia,serif;color:#e7c77e;background:#24251b}.scene-popup .event-item .popup-item{height:min(32svh,300px);margin:8px auto}.event-transition{display:flex;align-items:center;justify-content:center;gap:24px;margin:20px 0}.scene-popup .event-transition>span{font-size:clamp(28px,3vw,40px);font-weight:700;white-space:nowrap}.event-transition>b{font-size:36px;color:#e7c77e}.scene-popup .event-verdict .event-title,.scene-popup .event-headline .event-label{font-size:clamp(28px,3vw,38px);color:#f0988e}.event-rows .era-trends li{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.event-rows .trend-change{min-width:0;white-space:normal;text-align:right;justify-self:end}.era-trends li:nth-child(4){animation-delay:.6s}@media(max-width:640px){.scene-ui.scene-popup{padding:16px}.scene-popup .ui-cue{padding:12px}.event-transition{gap:12px}.event-portrait{width:130px;height:145px}.event-rows .trend-change{font-size:22px}}

.status-results{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:24px;margin-top:24px;padding-top:22px;border-top:1px solid #b3976066}.status-results h2{margin:0 0 12px;font-size:16px;letter-spacing:.1em;color:#d1ba86;text-align:left}.achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.achievement{display:flex;align-items:center;gap:12px;padding:14px;background:#0a1715;border:1px solid #8eac923b;border-radius:4px;text-align:left}.achievement>img{width:36px;height:36px;object-fit:contain}.achievement span{display:block;font-size:15px;color:#d8d1bf;word-break:keep-all}.achievement strong{display:block;margin-top:5px;font-size:23px;line-height:1.25;color:var(--result-color);word-break:keep-all}.result-positive{--result-color:#8dd6bb}.result-danger{--result-color:#f1a095}.result-muted{--result-color:#b2ada4}.relation-grid{display:grid;gap:9px}.relation-card{display:flex;align-items:center;gap:14px;padding:10px 14px;background:linear-gradient(100deg,#18211d,#0c1412);border:1px solid #b397603b;border-left:3px solid var(--result-color);border-radius:4px;text-align:left}.relation-portrait{flex:0 0 48px;width:48px;height:48px;border-radius:50%;overflow:hidden;background:#29332b;border:1px solid #b3976066}.relation-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 18%}.result-muted .relation-portrait{filter:grayscale(1);opacity:.65}.relation-body{flex:1;display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0}.status-results .relation-body h3{margin:0;font-size:18px;color:#efe5ce;word-break:keep-all}.relation-transition{display:flex;align-items:center;justify-content:flex-end;gap:9px;white-space:nowrap;font-size:16px}.relation-before{color:#a5a79b}.relation-transition b{padding:5px 10px;border:1px solid currentColor;border-radius:3px;color:var(--result-color);font-size:18px;background:#0003}@media(max-width:800px){.status-results{grid-template-columns:1fr;gap:20px}.relation-body{flex-wrap:wrap;gap:7px}.achievement strong{font-size:21px}}@media(max-width:420px){.achievement{padding:10px;gap:8px}.achievement>img{width:28px;height:28px}.relation-card{padding:10px}.relation-transition{gap:6px}}

/* Keep popup labels and changes intact; wrap whole groups on narrow screens. */
.scene-ui.scene-popup{width:min(760px,100%)}.scene-popup .ui-cue{min-width:0;width:100%;box-sizing:border-box}.scene-popup .event-label,.scene-popup .event-title,.scene-popup .event-detail{word-break:keep-all;overflow-wrap:normal;text-wrap:pretty}.scene-popup .era-trends li{display:flex;flex-wrap:wrap;align-items:center;column-gap:24px;row-gap:8px}.scene-popup .era-trends li>span{flex:1 0 auto;white-space:nowrap;word-break:keep-all;overflow-wrap:normal}.scene-popup .era-trends .trend-change{flex:0 0 auto;margin-left:auto;white-space:nowrap;word-break:keep-all;overflow-wrap:normal;min-width:0}.scene-popup .event-detail{max-width:100%}@media(max-width:640px){.scene-popup .era-trends li{column-gap:16px}.scene-popup .event-title{font-size:26px}.scene-popup .era-trends li>span{font-size:19px}.scene-popup .era-trends .trend-change{font-size:22px}}

.mission-console{position:fixed;right:14px;bottom:14px;z-index:2200;color:#eee4ca;font-family:inherit}.mission-console>summary{list-style:none;cursor:pointer;padding:10px 16px;background:#111a16f5;border:1px solid #b39760;border-radius:4px;font-size:16px}.mission-console>summary::-webkit-details-marker{display:none}.mission-console[open]>summary{background:#3a3524}.mission-console nav{position:absolute;right:0;bottom:54px;width:min(430px,calc(100vw - 28px));max-height:75svh;overflow:auto;box-sizing:border-box;padding:20px;background:#101a17fa;border:1px solid #b39760;box-shadow:0 12px 50px #0009;border-radius:6px}.mission-console h2{font-size:22px;margin:0 0 8px;color:#e7c77e}.mission-console p{font-size:14px;line-height:1.5;margin:0 0 16px;color:#c5c0ae}.mission-jumps{display:grid;gap:7px}.mission-jumps button{display:flex;align-items:center;gap:12px;text-align:left;padding:12px;border:1px solid #b3976044;background:#ffffff06;color:#f0e6d0;font:inherit;cursor:pointer;border-radius:3px}.mission-jumps button:hover,.mission-jumps button:focus-visible{background:#b3976028;border-color:#d2b879}.mission-jumps small{flex:0 0 74px;font-size:12px;color:#d2b879}.mission-jumps span{font-size:16px;word-break:keep-all}.mission-console summary:focus-visible{outline:2px solid #e7c77e;outline-offset:3px}

#app:has(.death-screen),#app:has(.game-over-intro){background:#000;min-height:100svh}.death-screen{position:fixed;inset:0;z-index:100;background:#000;overflow:hidden}.death-image{display:block;width:100%;height:100%;object-fit:contain;transform-origin:35% 65%}.cinematic-next{position:absolute;right:40px;bottom:32px;z-index:3}.cinematic-next[hidden]{display:none}.cinematic-next .primary{font-size:18px;min-width:110px}.game-over-intro{position:relative;min-height:100svh;display:grid;place-items:center;background:#000;isolation:isolate;overflow:hidden}.game-over-intro .scene-backdrop{opacity:.38;animation:gameover-room .9s ease-out both}.game-over-titles{position:relative;z-index:2;text-align:center;padding:32px;color:#e8ddc5}.game-over-titles h1{margin:0 0 26px;font-size:clamp(48px,8vw,110px);letter-spacing:.12em;color:#b9574b;animation:ending-fade .6s .6s ease-out both}.game-over-titles p{font-size:clamp(22px,2.5vw,34px);margin:0 0 18px;animation:ending-fade .5s 1s ease-out both}.game-over-titles time{display:block;font-size:clamp(18px,2vw,25px);color:#bcb29e;animation:ending-fade .5s 1.3s ease-out both}.game-over-intro .cinematic-next{animation:ending-fade .3s 1.8s ease-out both}.game-over-narration>.summary-dialogue{animation:status-paper-unroll .7s cubic-bezier(.22,.61,.36,1) both}@keyframes ending-fade{from{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes gameover-room{from{opacity:0}to{opacity:.38}}@media(prefers-reduced-motion:reduce){.game-over-intro .scene-backdrop,.game-over-titles h1,.game-over-titles p,.game-over-titles time,.game-over-intro .cinematic-next,.game-over-narration>.summary-dialogue{animation:none}}@media(max-width:640px){.cinematic-next{right:20px;bottom:24px}.game-over-titles{padding:24px}.game-over-titles h1{letter-spacing:.06em}}

.game-over-narration{--dialogue-height:340px;min-height:max(100svh,820px)}.game-over-narration>.summary-dialogue{position:absolute;left:24px;right:24px;bottom:24px;width:auto;margin:0;border:0;text-align:left;z-index:3;transform-origin:left center}.game-over-narration .game-over-titles{position:absolute;left:0;right:0;top:18%;}.game-over-narration .speech{width:100%}.game-over-narration .speech-footer{justify-content:flex-end}.game-over-narration .typed-speech{font-size:27px;line-height:1.65;text-align:left}.game-over-narration .ending-credits{position:absolute;top:8px;left:20px;right:20px;z-index:2;text-align:center;font-size:14px}.game-over-narration[data-key=epilogue] h1{color:#d9bc7c;font-size:clamp(38px,7vw,96px)}@media(max-width:640px){.game-over-narration{--dialogue-height:440px;min-height:max(100svh,940px)}.game-over-narration>.summary-dialogue{left:10px;right:10px;bottom:10px}.game-over-narration .game-over-titles{top:12%}.game-over-narration .typed-speech{font-size:21px}}

.game-over-narration>.summary-dialogue{height:auto;min-height:var(--dialogue-height);max-height:none}.game-over-narration>.summary-dialogue .speech{overflow:visible}.game-over-narration .game-over-titles{top:12%}@media(max-width:640px){.game-over-narration .game-over-titles{top:9%}}

/* One viewport-anchored panel geometry for dialogue, results and endings. */
:root{--shared-panel-height:380px;--shared-panel-gutter:24px}
#app>main.war-room{--dialogue-height:var(--shared-panel-height)}
#app>main.war-room:has(>.dialogue){padding-bottom:calc(var(--shared-panel-height) + 24px);min-height:100svh}
#app>main.war-room>.dialogue{position:fixed;inset:auto var(--shared-panel-gutter) 0;box-sizing:border-box;width:auto;height:var(--shared-panel-height);min-height:var(--shared-panel-height);max-height:var(--shared-panel-height);margin:0;z-index:10;padding:62px 90px 58px}
#app>main.war-room>.dialogue .speech{min-height:0;overflow:auto}
#app>main.game-over-narration{min-height:100svh}
#app>main.game-over-narration .game-over-titles{top:0;height:calc(100svh - var(--shared-panel-height));display:flex;flex-direction:column;justify-content:center}
@media(max-width:1000px){:root{--shared-panel-gutter:16px}#app>main.war-room>.dialogue{padding:64px 60px 60px}}
@media(max-width:640px){:root{--shared-panel-height:480px;--shared-panel-gutter:10px}#app>main.war-room>.dialogue{padding:72px 30px 62px}#app>main.game-over-narration .game-over-titles{min-height:200px}}

.bgm-control>summary{width:64px;text-align:center}.mission-console{left:84px;right:auto;bottom:12px}.mission-console>summary{height:40px;box-sizing:border-box;padding:9px 14px;font:14px system-ui,sans-serif}.mission-console nav{left:0;right:auto;width:min(430px,calc(100vw - 96px));bottom:48px}

.war-room .speaker-title{display:block;margin-top:5px;font-size:17px;line-height:1.4;font-weight:400;color:#695035;word-break:keep-all}@media(max-width:640px){.war-room .speaker-title{font-size:14px}}

/* Enlarge artwork and its contents together for presentation viewing. */
.war-room .army-banner,.war-room .unit{zoom:1.1}
#app>main.war-room>.dialogue .typed-speech{font-size:30px;line-height:1.5}
#app>main.war-room>.dialogue .choices button b{font-size:28px;line-height:1.45}
@media(max-width:640px){.war-room .army-banner,.war-room .unit{zoom:1.06}#app>main.war-room>.dialogue .typed-speech{font-size:23px;line-height:1.5}#app>main.war-room>.dialogue .choices button b{font-size:22px}}

.final-credits{min-height:100svh;box-sizing:border-box;padding:56px 24px 80px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,#272419,#080b09 70%);color:#eee2ca;text-align:center;animation:ending-fade 1s ease-out both}.final-credits h1{font-size:40px;margin:12px 0 36px;color:#d9bc7c}.credit-list{width:min(650px,100%);display:grid;gap:22px}.credit-row{display:grid;grid-template-columns:1fr 1.25fr;gap:28px;align-items:center}.credit-row>span{text-align:right;color:#b5a582;font-size:21px}.credit-row>strong{text-align:left;font-size:27px;font-weight:400}.credits-thanks{margin:40px 0 24px;font-size:20px;color:#b5a582}@media(max-width:640px){.credit-row{gap:16px}.credit-row>span{font-size:17px}.credit-row>strong{font-size:22px}}@media(prefers-reduced-motion:reduce){.final-credits{animation:none}}

.sfx-settings{margin-top:18px;padding-top:18px;border-top:1px solid #9e814766}.bgm-control-panel{max-height:calc(100svh - 80px);overflow:auto}
