[hidden]{display:none!important}.game-tabs{display:flex;gap:5px;padding:10px 26px;background:#171c14;border-bottom:1px solid #454e39;position:relative;z-index:2}.game-tabs button{font:700 12px var(--ui);padding:10px 17px;color:#aeb090;border:1px solid transparent}.game-tabs button[aria-selected=true]{color:#e3c084;background:#333d28;border-color:#79835a;box-shadow:inset 0 -2px #c7ae73}.game-tabs button:hover{color:#d9bd88}.game-tabs button span{display:inline-block;margin-left:8px;color:#bad19c;font-size:10px;min-width:16px;text-align:center}.population-alert{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:15px 28px;border-bottom:1px solid #8b754b;background:#34331d}.population-alert strong{display:block;font:700 25px var(--display);color:#e2c180}.population-alert p{font:12px/1.5 var(--ui);margin:3px 0 0;color:#c6bd98}.population-alert>b{font:700 12px var(--ui);white-space:nowrap;color:#dfb789}.population-alert .tiny-label{font-size:9px;color:#c2ba8a}.population-alert.surge-active{background:#423323;border-color:#bf8b52}.world-view{max-width:1600px;min-height:calc(100vh - 180px);margin:auto;padding:32px 28px 55px;background:linear-gradient(#161d15e8,#151a12ee),url('assets/surfaces/bunker-mat.webp') center/850px;color:#cfc4a2}.world-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:26px}.world-heading h1{font:700 56px/.98 var(--display);color:#d9bc82;letter-spacing:-.5px;margin:12px 0}.world-heading p{font:13px/1.6 var(--ui);color:#aaa98c;max-width:660px;margin:0}.world-metrics{display:flex;gap:28px;padding:12px 0;white-space:nowrap}.world-metrics span{font:700 9px var(--ui);letter-spacing:.4px;display:block;color:#a8ad8c}.world-metrics strong{font:700 36px var(--display);color:#c9b37a}.campaign-layout{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:24px;align-items:start}.campaign-main{min-width:0}.map-toolbar{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;background:#272f21;border:1px solid #687155;border-bottom:0;font:700 10px var(--ui);letter-spacing:1px;color:#c7b786}.map-toolbar>div{display:flex;gap:7px}.map-toolbar button{font:700 19px/1 var(--ui);width:30px;height:27px;border:1px solid #677555;background:#1d291c;color:#dbc28e}.map-viewport{width:100%;height:clamp(300px,36vw,440px);overflow:auto;border:1px solid #687155;scrollbar-width:thin;scrollbar-color:#7e8e60 #1b291e;background:#122422}.world-map{min-width:720px;aspect-ratio:2/1;position:relative;background:url('assets/world-map.svg') center/100% 100%;isolation:isolate}.world-map:before{content:'';position:absolute;inset:0;z-index:0;background:rgba(145,14,36,var(--conquest-red,0));pointer-events:none}#worldInk{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.camp-node{position:absolute;z-index:3;transform:translate(-50%,-50%);font:700 9px/1 var(--ui);width:21px;height:21px;border:1px solid #8c9671;border-radius:3px;background:#243328;color:#b3c19c;padding:0;box-shadow:0 2px 4px #0008}.camp-node.locked{border-color:#68705a;background:#1a2922;color:#8d977e}.camp-node.target{border-color:#ddbe75;background:#6d6138;color:#fff0bd;z-index:5}.camp-node.conquered{border-color:#cc5562;background:#6d1426;color:#edb4ac}.camp-node.selected{outline:2px solid #e8c68c;outline-offset:3px;z-index:6}.camp-node:hover{outline:2px solid #d7c28c;z-index:7}.origin-marker{position:absolute;transform:translate(-50%,-50%);z-index:2;color:#afc28d;font-size:28px;pointer-events:none;text-shadow:0 0 8px #000}.map-legend{display:flex;gap:12px;flex-wrap:wrap;padding:12px 0;color:#b7b293;font:10px/1.5 var(--ui)}.map-legend span:last-child{flex-basis:100%;color:#979f83;font-size:10px}.map-dot{display:inline-block;width:7px;height:7px;margin-right:4px}.map-dot.target{background:#d2b773}.map-dot.won{background:#b92d46}.map-dot.locked{background:#64725b}.march-panel,.report-panel{margin-top:23px;border-top:1px solid #4a573d;padding-top:16px}.campaign-section-heading{display:flex;align-items:center;gap:15px;justify-content:space-between;margin-bottom:13px}.campaign-section-heading h2{font:700 27px/1.2 var(--display);color:#ccb27a;margin:0}.campaign-section-heading>span{font:9px var(--ui);color:#98a783}.world-empty{font:12px/1.6 var(--ui);color:#a2ac8d;padding:14px 0;margin:0}.march-card{display:grid;grid-template-columns:1fr auto;gap:9px;padding:13px 14px;background:#252f20;border:1px solid #546546;margin-bottom:8px}.march-card strong{font:700 21px var(--display);color:#c6bb89}.march-card span{display:block;font:10px var(--ui);color:#aebc95;margin-top:4px}.march-card>b{font:700 18px var(--display);color:#d0b57d}.march-track{grid-column:1/-1;background:#141d14;height:3px}.march-track i{display:block;height:3px;background:#bda16c;transition:width .2s linear}.report-row{width:100%;display:flex;align-items:center;gap:13px;text-align:left;padding:12px;border:1px solid #48553c;background:#1e281d;margin-bottom:7px}.report-row>span:nth-child(2){flex:1}.report-row strong{font:700 21px var(--display);color:#c7b884}.report-row small{display:block;font:10px/1.5 var(--ui);color:#9ead88;margin-top:3px}.report-row>span:last-child{font:10px var(--ui);color:#c5b87f}.report-seal{width:31px;height:31px;display:grid;place-items:center;background:#334a27;color:#c5d9a0;font-size:21px;border:1px solid #64784d}.defeat .report-seal{background:#472525;color:#dc9c8a;border-color:#8e5d49}.army-panel{background:#20271a;border:1px solid #626d4b}.camp-file{padding:18px;border-bottom:1px solid #5b6747;background:#2b3021}.camp-select-label{font:10px var(--ui);color:#acb08c;display:block;margin-bottom:20px}.camp-select-label select{width:100%;margin-top:7px;font:12px var(--ui);background:#192418;border:1px solid #60724b;color:#d6c798;padding:9px 8px}.camp-file>.tiny-label{font-size:8px;color:#b6ae86}.camp-file h2{font:700 32px/1.08 var(--display);color:#ddbd82;margin:8px 0}.camp-file p{font:11px/1.5 var(--ui);color:#aeb08b;margin:7px 0 16px}.enemy-total{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 0;border-top:1px solid #65704b55;border-bottom:1px solid #65704b55}.enemy-total span{font:700 9px var(--ui);letter-spacing:.2px;color:#b9af86}.enemy-total strong{font:700 37px var(--display);color:#e0ad85}.enemy-roster{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.enemy-roster span{font:10px var(--ui);color:#adb18b}.enemy-roster b{display:block;font:700 22px var(--display);color:#cfb382;margin-top:3px}.camp-intel{display:flex;justify-content:space-between;font:10px var(--ui);color:#b5b28c}.camp-intel b{color:#d2c28b}.army-composer{padding:18px}.army-composer h3{font:700 28px var(--display);color:#c7b77f;margin:0}.army-composer>p{font:11px/1.6 var(--ui);color:#aeb192;margin:7px 0 12px}.army-tools{display:flex;gap:7px;margin-bottom:12px}.army-tools button{padding:7px 9px;font:700 10px var(--ui);color:#c4bd8d;border:1px solid #566849;background:#293820}#armyUnits{max-height:350px;overflow:auto;scrollbar-width:thin;scrollbar-color:#6e8058 #20271a}.army-unit{display:flex;align-items:center;gap:8px;padding:11px 0;border-bottom:1px solid #52613c66}.army-portrait{width:44px;height:49px;display:grid;place-items:center;flex-shrink:0;overflow:hidden}.army-portrait>svg,.army-portrait>.unit-thumbnail{width:44px;height:49px}.army-copy{flex:1;min-width:0}.army-copy strong{font:700 19px/1.2 Hemoglobin,var(--display);color:#df6771;display:block}.army-copy small{display:block;font:8px/1.5 var(--ui);color:#afbb97;margin-top:4px}.army-unit input{width:59px;padding:8px 4px;font:700 13px var(--ui);color:#dfc98f;border:1px solid #6c7d50;background:#152012;text-align:center}.no-army{font:12px/1.65 var(--ui);color:#b7b696;padding:15px;border:1px dashed #5b6c45}.battle-estimate{padding:14px 0 4px;margin-top:8px}.battle-estimate p{font:11px/1.6 var(--ui);color:#a6af8d}.estimate-title{font:700 20px var(--display);margin-bottom:10px}.estimate-title.favored{color:#b7ca8d}.estimate-title.danger{color:#d7967b}.battle-estimate>div+div{display:grid;grid-template-columns:1fr 1fr;gap:9px;font:9px var(--ui);color:#aaad88}.battle-estimate b{display:block;font:700 20px var(--display);color:#d1bd87;margin-top:3px}.send-expedition{width:100%;padding:13px 10px;font:700 16px var(--ui);color:#e5c88a;background:#4b5c31;border:1px solid #9aaa66;box-shadow:inset 0 -3px #263a20;margin-top:15px}.send-expedition:hover:not(:disabled){background:#5b6d39}.send-expedition:disabled{opacity:.45}.army-composer .march-note{font-size:9px;color:#aab08a;margin-bottom:0}.archive-progress{min-width:240px;padding-top:10px}.archive-progress strong{display:block;font:700 27px var(--display);color:#d3b984}.archive-progress span{display:block;font:11px/1.6 var(--ui);color:#a8b290;margin-top:6px}.archive-progress>div{height:4px;background:#333c29;margin-top:12px}.archive-progress i{height:4px;display:block;background:#a63146}.archive-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:26px;align-items:start}.archive-list{max-height:680px;overflow:auto;border:1px solid #4e5c40;background:#1b2519;scrollbar-width:thin;scrollbar-color:#718454 transparent}.archive-list button{width:100%;display:flex;align-items:center;gap:13px;text-align:left;padding:14px 12px;border-bottom:1px solid #465139}.archive-list button span{font:12px var(--ui);color:#8f9e79}.archive-list button strong{font:700 22px var(--display);color:#b9b68a}.archive-list button.selected{background:#3d4329;border-left:3px solid #c4a671}.archive-list button.selected strong{color:#dfbf85}.archive-paper{padding:34px 42px 38px;background:linear-gradient(#333524e8,#282f20f2),url('assets/surfaces/bunker-mat.webp') center/750px;border:1px solid #7c7a54;min-height:420px;box-shadow:0 10px 24px #0003}.archive-paper h2{font:700 46px/1.04 var(--display);color:#dfbd82;margin:17px 0 26px}.archive-paper p{font:14px/1.95 var(--ui);color:#d2c6a1;max-width:860px;margin:0 0 20px}.archive-signature{font:9px/1.7 var(--ui);letter-spacing:.7px;color:#a1ae86;border-top:1px solid #77845c66;padding-top:22px;margin-top:30px}.birth-history{border-top:1px solid #526044;padding-top:22px;margin-top:32px}#birthHistory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}#birthHistory article{padding:15px;background:#292e1e;border:1px solid #5c6745}#birthHistory article>span{font:9px var(--ui);color:#adad84}#birthHistory strong{display:block;font:700 22px var(--display);color:#d2b17a;margin:8px 0}#birthHistory small{font:10px/1.6 var(--ui);color:#a5b48e}#battleReplay{display:block;width:100%;height:auto;aspect-ratio:3/1;border:1px solid #576944}.battle-replay-caption{font-size:9px!important;color:#a3af87!important}.report-totals{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:15px 0;border-bottom:1px solid #5d6a49}.report-totals>span{font:10px var(--ui);color:#aaaf8a}.report-totals b{font:700 27px var(--display);color:#cdb47b;display:block;margin-top:4px}.report-army>div{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #5b664455}.report-army strong{font:700 21px Hemoglobin,var(--display);color:#df6771;flex:1}.report-army>div>span:last-child{font:11px var(--ui);color:#b9c296}
@media(min-width:1500px){.campaign-layout{grid-template-columns:minmax(0,1fr) 375px}.army-copy strong{font-size:22px}.army-copy small{font-size:9px}}
@media(max-width:1000px){.campaign-layout{grid-template-columns:minmax(0,1fr) 300px;gap:16px}.world-view{padding:25px 20px}.army-composer,.camp-file{padding:14px}.army-copy small{font-size:7px}.army-unit{gap:6px}.army-portrait,.army-portrait>svg,.army-portrait>.unit-thumbnail{width:35px;height:42px}.army-unit input{width:48px}.archive-layout{grid-template-columns:240px minmax(0,1fr);gap:18px}.archive-paper{padding:28px}.archive-paper h2{font-size:38px}}
@media(max-width:700px){.game-tabs{padding:8px 10px;gap:3px}.game-tabs button{font-size:10px;padding:10px 8px;flex:1}.game-tabs button span{margin-left:4px;font-size:9px}.population-alert{padding:12px 16px;gap:12px;align-items:flex-start;flex-direction:column}.population-alert strong{font-size:24px}.population-alert p{font-size:10px}.population-alert>b{font-size:10px}.world-view{padding:24px 15px 40px}.world-heading{display:block;margin-bottom:20px}.world-heading h1{font-size:45px}.world-heading p{font-size:11px}.world-metrics{gap:30px;margin-top:16px}.world-metrics strong{font-size:31px}.campaign-layout{display:flex;flex-direction:column;gap:20px}.campaign-main,.army-panel{width:100%}.map-viewport{height:300px}.camp-node{width:23px;height:23px;font-size:10px}.map-legend{font-size:9px;gap:9px}.map-legend span:last-child{font-size:9px}.campaign-section-heading{gap:8px}.campaign-section-heading h2{font-size:24px}.campaign-section-heading>span{font-size:7px}.army-copy small{font-size:9px}.army-copy strong{font-size:22px}.army-unit input{width:64px}.army-portrait,.army-portrait>svg,.army-portrait>.unit-thumbnail{width:45px;height:51px}.army-composer,.camp-file{padding:18px}.army-panel{order:0}.report-row strong{font-size:21px}.report-row small{font-size:8px}.report-row>span:last-child{font-size:9px}.archive-progress{margin:16px 0 22px;min-width:0}.archive-layout{display:flex;flex-direction:column;gap:18px}.archive-list{width:100%;max-height:200px}.archive-paper{width:100%;padding:25px 21px}.archive-paper h2{font-size:37px}.archive-paper p{font-size:13px;line-height:1.85}.archive-paper .tiny-label{font-size:9px}#birthHistory{grid-template-columns:1fr 1fr;gap:8px}#birthHistory article{padding:11px}#birthHistory strong{font-size:20px}#birthHistory small{font-size:9px}.report-totals{grid-template-columns:1fr 1fr}.report-army strong{font-size:19px}.report-army>div>span:last-child{font-size:9px}.march-card strong{font-size:22px}.march-card span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.march-track i{transition:none}}
@media(max-width:700px){.campaign-layout{gap:0}.campaign-main{display:contents}.map-toolbar{order:0;width:100%}.map-viewport{order:1}.map-legend{order:2;width:100%}.army-panel{order:3;margin:12px 0 20px}.march-panel{order:4;width:100%}.report-panel{order:5;width:100%}}
/* France: large tactical surface, original pixel defenders and replay controls. */
.world-map{min-width:1000px;aspect-ratio:1000/850;background-image:url('assets/france-map.svg')}.map-viewport{height:clamp(430px,55vw,670px)}.origin-marker{font-size:34px;color:#ddc07d;z-index:4;line-height:1}.origin-marker strong{position:absolute;font:700 11px var(--ui);white-space:nowrap;top:-22px;left:-33px;padding:5px 8px;background:#18221bec;border:1px solid #a8955e;color:#e5cb92}.enemy-roster{display:flex;flex-direction:column;gap:0;margin:12px 0}.enemy-unit{display:flex;align-items:center;gap:8px;min-height:56px;padding:6px 0;border-bottom:1px solid #65704b44}.enemy-unit .enemy-portrait{width:59px;flex:0 0 59px}.defender-icon{display:block;width:100%;height:49px;image-rendering:pixelated}.enemy-unit>span:nth-child(2){flex:1;min-width:0}.enemy-unit strong{display:block;font:700 18px var(--display);color:#d2bd8a}.enemy-unit small{display:block;font:8px/1.5 var(--ui);margin-top:4px;color:#aab28e}.enemy-unit>b{font:700 24px var(--display);color:#d5bc86;margin:0}.enemy-unit.absent{opacity:.38}.camp-intel{gap:12px;line-height:1.6}.camp-intel b{display:block}.follow-march{grid-column:1/-1;text-align:left;font:10px var(--ui);color:#cbb67f;justify-self:start}.march-card>b{font-size:14px;max-width:235px;text-align:right}.replay-controls{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;margin-bottom:10px}.replay-controls>div{display:flex;flex-wrap:wrap;gap:5px}.replay-controls button,.replay-controls select{font:11px var(--ui);padding:7px 9px;color:#d7bd85;border:1px solid #64714d;background:#26341e}.replay-controls button[aria-pressed=true]{border-color:#c4ab69;background:#4b5331}.replay-controls label{font:10px var(--ui);color:#c2b98c;display:flex;align-items:center;gap:8px}#battleReplay{aspect-ratio:16/7;image-rendering:pixelated}.replay-timeline{height:4px;background:#293322}.replay-timeline i{display:block;height:100%;background:#c5aa69;width:0}.report-itinerary{display:flex;flex-direction:column;gap:7px;padding:16px;background:#273020;border:1px solid #5d6b48}.report-itinerary span{font:700 11px var(--ui);color:#d4bd86}.report-itinerary strong{font:700 24px var(--display);color:#cfba82}.report-itinerary small{font:10px/1.6 var(--ui);color:#a8b48d}.report-forces{padding:14px 0;font:11px/1.8 var(--ui);color:#b9c596}.report-enemies>div{display:flex;align-items:center;gap:12px;border-bottom:1px solid #5b664455;padding:7px 0}.report-enemies svg{width:64px;flex:0 0 64px}.report-enemies strong{font:700 23px var(--display);color:#cabc88;flex:1}.report-enemies span{font:11px var(--ui);color:#b9c296}
@media(max-width:700px){.map-viewport{height:460px}.world-map{min-width:1000px}.march-card{display:flex;flex-wrap:wrap}.march-card>div:first-child{flex:1 1 170px}.march-card>b{font-size:13px;max-width:180px}.march-card .march-track{width:100%}.enemy-unit small{font-size:9px}.replay-controls button{font-size:10px;padding:7px}.report-enemies strong{font-size:19px}.report-enemies span{font-size:9px}}
dialog:has(#battleReplay){width:1120px;max-width:calc(100vw - 28px);padding:24px}.map-toolbar button.map-home{width:auto;font-size:10px;padding:0 9px}.map-viewport{scroll-behavior:smooth}.camp-node:nth-child(-n+4):after{content:'';position:absolute;width:14px;height:1px;background:#c4ba8566;right:-15px;top:50%;transform:rotate(35deg);pointer-events:none}
@media(max-width:700px){dialog:has(#battleReplay){padding:14px}.replay-controls{gap:8px}.replay-controls select{max-width:180px}}
/* Engraved tactical atlas: keep terrain and rivers visible as the front advances. */
.map-toolbar{background:linear-gradient(90deg,#24312a,#182b2c);border-color:#7c8866;padding:12px 15px}.map-viewport{background:#11232c;border-color:#7c8866;box-shadow:inset 0 0 35px #050e16,0 12px 35px #0004}.world-map{background-image:url('assets/france-map.svg?v=18')}.camp-node{border-radius:50%;width:23px;height:23px;background:#263b33e8;border-color:#c1b385;box-shadow:0 2px 5px #081c20,0 0 0 3px #152c2977;color:#ded0a0}.camp-node.locked{background:#223630d9;color:#b6b896;border-color:#7e927a}.camp-node.target{background:#9c7a3b;color:#fff1bc;border-color:#ead394;box-shadow:0 0 0 4px #c9a35022,0 2px 6px #000a}.camp-node.conquered{background:#642b32e8;border-color:#bc776b;color:#e8bfa4}.camp-node.selected{outline:1px solid #f1d28b;outline-offset:5px}.origin-marker{font-size:28px;filter:drop-shadow(0 3px 3px #000)}.origin-marker strong{letter-spacing:1.2px;font-size:10px;background:#172e2bf2;border-color:#c4ac72;padding:6px 10px;top:-27px;left:-39px;box-shadow:0 2px 10px #0005}.enemy-unit .enemy-portrait{height:65px}.enemy-unit .soldier-portrait{height:63px;width:58px}.enemy-unit{min-height:71px}.report-enemies .soldier-portrait{height:70px}.map-legend{color:#c5bb96}.world-heading h1{color:#dfc18a}.soldier-portrait{image-rendering:pixelated}
.world-map{min-width:720px;margin:0 auto}.soldier-portrait{overflow:hidden!important}.camp-node:nth-child(-n+4):after{display:none}
/* Full radio messages and forward garrisons. */
.news .radio-window{flex:1;min-width:0;overflow:hidden;white-space:nowrap;position:relative}.news #newsText{display:block;width:max-content;max-width:none;overflow:visible;text-overflow:clip;white-space:nowrap;will-change:transform}.radio-window:focus-visible{outline:1px solid #c8ad76;outline-offset:3px}.radio-read{flex-shrink:0;font:700 10px var(--ui);color:#d2b884;border-left:1px solid #65704c;padding:3px 0 3px 12px}.news .live,.news-freq{flex-shrink:0}.news-freq{margin-left:0}.garrison-choice{display:flex;gap:9px;align-items:center;font:11px/1.6 var(--ui);color:#c6c194;margin:12px 0}.garrison-choice input{accent-color:#b49b60}.army-composer>.camp-select-label{margin:16px 0 10px}.garrison-info{padding:12px;background:#34432a;border:1px solid #718354;margin:14px 0}.garrison-info strong{display:block;font:700 23px var(--display);color:#c9c996}.garrison-info small{display:block;font:9px/1.7 var(--ui);color:#afbd91;margin:7px 0}.garrison-info button,.garrison-card button{font:10px var(--ui);padding:8px 9px;border:1px solid #859568;background:#263820;color:#d0be89;margin:5px 7px 0 0}.garrison-info button:disabled,.garrison-card button:disabled{opacity:.4}.garrison-card{padding:14px;border:1px solid #657750;background:#27331f;margin:10px 0}.garrison-card strong{font:700 25px var(--display);color:#c7bb84;display:block}.garrison-card>div>span{font:10px var(--ui);color:#aabd90;display:block;margin-top:6px}.garrison-miniatures{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.garrison-miniatures>span{display:flex!important;align-items:center;gap:5px}.garrison-miniatures .unit-thumbnail,.garrison-miniatures svg{width:28px;height:37px}.garrison-miniatures b{font:10px var(--ui);color:#c4c592}#battleReplay{aspect-ratio:160/89}.report-itinerary{overflow-wrap:anywhere}.march-card strong{font-size:19px}.march-panel>.campaign-section-heading:not(:first-child){margin-top:25px}
@media(max-width:700px){.radio-read{font-size:8px;padding-left:7px}.news{gap:9px}.garrison-choice{font-size:10px}.march-card strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){.news .radio-window{overflow-x:auto;scrollbar-width:thin}.news #newsText{will-change:auto}}
.camp-node.garrison{box-shadow:0 0 0 3px #7baf783b,0 2px 6px #071c1a}.camp-node.garrison:before{content:'';position:absolute;right:-4px;top:-4px;width:7px;height:7px;border:1px solid #d6d5a0;background:#89af70;border-radius:50%}
/* The journal is a camera room: the image comes first, the dossier stays folded. */
dialog.battle-theatre:has(#battleReplay){width:calc(100vw - 24px);max-width:1800px;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);padding:0;margin:12px auto;background:#0d1717;border:1px solid #71816a;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#627357 #101b18;box-shadow:0 20px 100px #000b}.battle-theatre .modal-head{padding:11px 20px;border-bottom:1px solid #4e614f;background:#18251f;min-height:57px;gap:20px}.battle-theatre .modal-head h2{font-size:28px;line-height:1.1;color:#d4bd8c}.battle-theatre .modal-head button{width:36px;height:34px;border:1px solid #66765c;flex:0 0 36px}.battle-theatre #modalBody{padding:16px 18px 22px}.battle-cinema{border:1px solid #637462;background:#080f12;box-shadow:0 8px 30px #0006}.battle-cinema-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 13px;background:#192822;border-bottom:1px solid #4e6355;color:#b5c1a0;font:10px var(--ui);letter-spacing:.7px}.battle-cinema-head>div{display:flex;align-items:center;gap:10px}.battle-cinema-head b{font-size:9px;color:#899d88;font-weight:400}.battle-camera-light{width:6px;height:6px;background:#b35246;border-radius:50%;box-shadow:0 0 9px #cb5c4555}.battle-cinema-head button{border:1px solid #61765e;width:29px;height:27px;color:#d7c18a;font-size:21px;line-height:1;margin-left:5px}.battle-screen{position:relative;aspect-ratio:9/5;max-height:calc(100dvh - 250px);background:#060d11;display:flex;align-items:center;justify-content:center;overflow:hidden}.battle-screen #battleReplay{display:block;width:100%;height:100%;max-height:calc(100dvh - 250px);aspect-ratio:9/5;object-fit:contain;border:0;image-rendering:pixelated}.battle-screen-corners{position:absolute;inset:13px;border:1px solid #c5d3ab1a;pointer-events:none;box-shadow:inset 0 0 50px #0002}.battle-camera-osd{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;gap:20px;background:linear-gradient(transparent,#071412bd);padding:25px 18px 12px;pointer-events:none;color:#c7c9a5;font:9px var(--ui);letter-spacing:1.2px}.battle-cinema .replay-controls{padding:10px 13px;margin:0;background:#16231e;border-bottom:1px solid #394e3b;align-items:center}.battle-cinema .replay-controls button,.battle-cinema .replay-controls select{font-size:10px;background:#203027;color:#c7bd94;border-color:#50664e;padding:7px 10px}.battle-cinema .replay-controls button[aria-pressed=true]{background:#435137;border-color:#a7a370;color:#e3cb91}.battle-cinema .battle-replay-caption{padding:7px 13px;margin:0!important;background:#101b18;font-size:9px!important;color:#859d82!important;line-height:1.5!important}.battle-dossier{margin-top:15px;padding:0 15px 15px;background:#19251d;border:1px solid #4d6247}.battle-dossier:not([open]){padding-bottom:0}.battle-dossier>summary{padding:13px 0;cursor:pointer;color:#ceb887;font:700 21px var(--display);display:list-item}.battle-dossier>summary>span{font:10px var(--ui);color:#9faf8a;float:right;margin-top:5px}.camera-immersive{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;border:0;max-height:100dvh;background:#050c10}.camera-immersive .battle-screen{flex:1;min-height:0;aspect-ratio:auto;max-height:none}.camera-immersive .battle-screen #battleReplay{max-height:100%;object-fit:contain}.camera-immersive .battle-replay-caption{display:none}.camera-immersive .battle-cinema-head{flex:0 0 auto}.camera-immersive .replay-controls{flex:0 0 auto}
@media(max-width:700px){dialog.battle-theatre:has(#battleReplay){width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0}.battle-theatre .modal-head{padding:10px 12px;min-height:50px}.battle-theatre .modal-head h2{font-size:23px}.battle-theatre #modalBody{padding:10px 8px 20px}.battle-cinema-head{padding:7px 8px;font-size:8px;letter-spacing:0;gap:7px}.battle-cinema-head b{font-size:7px}.battle-cinema-head>div{gap:5px}.battle-cinema-head>div:last-child{font-size:7px}.battle-cinema-head button{width:25px;height:25px;font-size:18px}.battle-screen,.battle-screen #battleReplay{max-height:none}.battle-camera-osd{font-size:7px;padding:15px 8px 8px;letter-spacing:.3px}.battle-camera-osd>span:last-child{display:none}.battle-cinema .replay-controls{padding:8px;gap:8px}.battle-cinema .replay-controls button{font-size:9px;padding:7px 8px}.battle-cinema .replay-controls label{font-size:9px}.battle-cinema .replay-controls select{font-size:9px;max-width:195px}.battle-dossier{padding:0 12px 12px}.battle-dossier>summary{font-size:20px}.battle-dossier>summary>span{float:none;display:block;font-size:9px;margin:8px 0 0}.battle-cinema .battle-replay-caption{font-size:8px!important}}
.battle-theatre .modal-head{position:sticky;top:0;z-index:40;box-shadow:0 4px 12px #0005}.battle-theatre .modal-head h2{font-size:25px}.battle-cinema{position:relative}
.battle-cinema.camera-immersive{position:fixed;inset:0;z-index:1000}