.mobilization-ledger,.force-comparison{box-sizing:border-box;min-width:0;max-width:100%;padding:12px;margin:10px 0;border:1px solid #8e7b5e;background:linear-gradient(110deg,#172a3c,#0d1722);box-shadow:inset 0 0 0 3px #0b141e;color:#e9e5dc}
.mobilization-ledger{display:flex;align-items:center;gap:12px}.mobilization-seal{display:grid;place-items:center;flex:0 0 42px;height:42px;border:1px solid #9b8868;background:#26384b;color:#e4ceb0;font-size:25px;line-height:1}.mobilization-ledger>div{display:grid;gap:3px;min-width:0}.mobilization-ledger small{font-size:11px;color:#c1cbd6}.mobilization-ledger b{font-size:17px;color:#f1e4ce}.mobilization-ledger div>span{font-size:12px;color:#afcde2}
.force-comparison>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid #7c8ea344}.force-comparison>header b{font-size:14px;color:#dfc7a5}.force-comparison>header>span{font-size:12px;white-space:nowrap;color:#b7c7d8}.force-comparison>header strong{color:#b8e0ff}.force-comparison-sides{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:5px;margin:9px 0}.force-side{display:grid;gap:3px;padding:8px;text-align:center;border:1px solid #86b9de55;background:linear-gradient(150deg,#223e57,#132638);min-width:0}.force-side.force-enemy{border-color:#bd8b8955;background:linear-gradient(150deg,#402b34,#251c26)}.force-side>small{font-size:12px;color:#c4d9e8}.force-side>strong{font-size:23px;line-height:1.3;color:#d8edff;white-space:nowrap}.force-enemy>strong{color:#f3d3cb}.force-side>span{font-size:11px;color:#c1c5ca;white-space:nowrap}.force-side>em{font-size:10px;font-style:normal;color:#e1d2b6}.force-comparison-sides>i{font-style:normal;text-align:center;color:#baa386;font-size:19px}.force-comparison>details{margin:0;padding:0;border:0;background:none}.force-comparison>details>summary{font-size:12px;color:#b9ccdc;cursor:pointer;min-height:28px;display:flex;align-items:center}.force-comparison>details p{font-size:12px;line-height:1.6;color:#c5cfda;margin:7px 0}
@media(max-width:700px){.force-comparison,.mobilization-ledger{padding:9px;margin:7px 0}.force-comparison>header b{font-size:12px}.force-comparison>header>span{font-size:11px}.force-side{padding:7px 3px}.force-side>strong{font-size:21px}.force-side>span{font-size:10px}.mobilization-ledger{gap:9px}.mobilization-ledger b{font-size:16px}.mobilization-ledger div>span{font-size:11px}}
.battle-force-receipt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;min-width:0;max-width:100%;color:#e7edf4;box-sizing:border-box}
.battle-force-side{box-sizing:border-box;display:grid;align-content:center;gap:3px;min-width:0;padding:7px 10px;border:1px solid #7297bb66;background:linear-gradient(110deg,#1a3045,#112032);text-align:center}
.battle-force-side.is-defender{border-color:#be8b8a66;background:linear-gradient(110deg,#352632,#211c29)}
.battle-force-side.is-enemy{border-color:#be8b8a66;background:linear-gradient(110deg,#352632,#211c29)}.battle-force-side.is-player{border-color:#7297bb88;background:linear-gradient(110deg,#1a3045,#112032)}
.battle-force-side>small{display:flex;justify-content:center;align-items:center;gap:7px;min-width:0;font-size:11px;line-height:1.4;color:#bed1e3}
.battle-force-side>small>b{white-space:nowrap;color:#e7d5b7;font-weight:600}.battle-force-side>small>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.battle-force-side>strong{font-size:12px;font-weight:500;line-height:1.3;white-space:nowrap;color:#c1cfdd}.battle-force-side>strong>em{font-size:23px;font-weight:750;font-style:normal;color:#f1e9d8;font-variant-numeric:tabular-nums}.battle-force-side>strong>i{font-size:10px;font-style:normal;margin-left:2px}
.battle-force-loss{font-size:11px;line-height:1.3;white-space:nowrap;color:#bdc8d5}.battle-force-loss>b{font-weight:650;color:#efb3a9;font-variant-numeric:tabular-nums}
.battle-force-receipt.is-compact{flex:none;margin:0}.battle-force-receipt.is-compact .battle-force-side{grid-template-columns:auto 1fr;gap:2px 7px;padding:6px 9px}.battle-force-receipt.is-compact .battle-force-side>small{grid-row:1/3;font-size:11px}.battle-force-receipt.is-compact .battle-force-side>small>span{display:none}.battle-force-receipt.is-compact .battle-force-side>strong{font-size:10px}.battle-force-receipt.is-compact .battle-force-side>strong>em{font-size:17px}.battle-force-receipt.is-compact .battle-force-loss{font-size:10px}
@media(max-width:700px){.mobilization-ledger .mobilization-capacity{font-size:10px}.battle-force-side{padding:6px;gap:2px}.battle-force-side>small{font-size:10px;gap:4px}.battle-force-side>strong>em{font-size:19px}.battle-force-side>strong{font-size:10px}.battle-force-loss{font-size:10px}.battle-force-receipt.is-compact{gap:5px}.battle-force-receipt.is-compact .battle-force-side{padding:5px;gap:2px 3px}.battle-force-receipt.is-compact .battle-force-side>small{font-size:9px}.battle-force-receipt.is-compact .battle-force-side>strong>em{font-size:15px}}
/* A battle report uses the wider desktop canvas instead of stacking six blocks. */
@media(min-width:701px){
 .room-experience.is-room-result .room-action-report:has(>.battle-force-receipt):not(.has-companion-pages){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:'heading capture' 'troops rewards' 'growth growth' 'full full';gap:8px;height:100%;min-height:0;align-content:stretch}
 .room-action-report:has(>.battle-force-receipt)>header{grid-area:heading;gap:10px;padding:0;border:0;min-height:0}
 .room-action-report:has(>.battle-force-receipt)>header>i{width:44px;height:50px;font-size:27px;flex:none}
 .room-action-report:has(>.battle-force-receipt)>header h2{font-size:25px;line-height:1.2}
 .room-action-report:has(>.battle-force-receipt)>header p{font-size:13px;line-height:1.3;margin-top:3px}
 .room-action-report:has(>.battle-force-receipt)>.mobile-conquest-receipt{grid-area:capture;padding:7px 12px;min-height:0;align-content:center}
 .room-action-report:has(>.battle-force-receipt)>.mobile-conquest-receipt p{font-size:20px;line-height:1.2;margin:3px 0 0}
 .room-action-report:has(>.battle-force-receipt)>.battle-force-receipt{grid-area:troops;align-self:stretch}
 .room-action-report:has(>.battle-force-receipt)>.report-rewards{grid-area:rewards;align-self:stretch;grid-template-columns:repeat(auto-fit,minmax(65px,1fr));gap:6px}
 .room-action-report:has(>.battle-force-receipt)>.report-rewards>div{padding:5px 9px;gap:2px;justify-content:center}
 .room-action-report:has(>.battle-force-receipt)>.report-rewards span{font-size:11px}.room-action-report:has(>.battle-force-receipt)>.report-rewards b{font-size:20px;line-height:1.2}
 .room-action-report:has(>.battle-force-receipt)>.report-growth-graphs{grid-area:growth;min-height:0;grid-auto-rows:minmax(0,1fr);align-content:stretch}
 .room-action-report:has(>.battle-force-receipt)>.report-growth-graphs>.growth-graph{padding:7px 10px;min-height:0;display:flex;flex-direction:column;justify-content:center}
 .room-action-report:has(>.battle-force-receipt) .growth-graph header{font-size:13px;line-height:19px}.room-action-report:has(>.battle-force-receipt) .growth-graph header b{font-size:19px;line-height:19px}
 .room-action-report:has(>.battle-force-receipt) .growth-graph-values{font-size:12px;line-height:22px;margin:3px 0}.room-action-report:has(>.battle-force-receipt) .growth-graph-values strong{font-size:21px;line-height:22px}.room-action-report:has(>.battle-force-receipt) .growth-graph-track{height:7px;flex:none}
 .room-action-report:has(>.battle-force-receipt)>.report-full{grid-area:full;min-height:28px;padding:3px 10px;font-size:12px}
}
@media(max-width:700px) and (max-height:680px){
 .room-experience.is-room-result:has(.room-action-report>.battle-force-receipt){grid-template-rows:44px 98px 0 minmax(0,1fr) 40px 44px}
 .room-experience.is-room-result:has(.room-action-report>.battle-force-receipt) .room-location{display:none}
 .room-experience.is-room-result .room-action-report:has(>.battle-force-receipt):not(.has-companion-pages){padding:8px;gap:4px;justify-content:space-between}
 .room-action-report:has(>.battle-force-receipt):not(.has-companion-pages)>header{padding:0;min-height:36px;flex:none}
 .room-action-report:has(>.battle-force-receipt):not(.has-companion-pages)>.mobile-conquest-receipt{display:flex!important;align-items:center;justify-content:space-between;gap:6px;min-height:29px;padding:4px 7px;flex:none}
 .room-action-report:has(>.battle-force-receipt):not(.has-companion-pages)>.mobile-conquest-receipt strong{font-size:10px;line-height:14px}
 .room-action-report:has(>.battle-force-receipt):not(.has-companion-pages)>.mobile-conquest-receipt p{font-size:15px;line-height:19px;margin:0}
 .room-action-report:has(>.battle-force-receipt):not(.has-companion-pages)>.report-rewards{flex:none}
 .room-action-report:has(>.battle-force-receipt):not(.has-companion-pages)>.report-rewards>div{padding:3px 6px;gap:1px}
 .room-action-report:has(>.battle-force-receipt):not(.has-companion-pages)>.report-rewards span{font-size:10px;line-height:13px}
 .room-action-report:has(>.battle-force-receipt):not(.has-companion-pages)>.report-rewards b{font-size:16px;line-height:19px}
 .room-action-report:has(>.battle-force-receipt):not(.has-companion-pages)>.report-growth-graphs{flex:1 1 0;min-height:0;grid-auto-rows:minmax(0,1fr);align-content:stretch}
 .room-action-report:has(>.battle-force-receipt):not(.has-companion-pages) .growth-graph{min-height:0;padding:5px 7px;display:flex;flex-direction:column;justify-content:center}
 .room-action-report:has(>.battle-force-receipt):not(.has-companion-pages) .growth-graph header{font-size:12px;line-height:16px}.room-action-report:has(>.battle-force-receipt):not(.has-companion-pages) .growth-graph header b{font-size:16px;line-height:16px}
 .room-action-report:has(>.battle-force-receipt):not(.has-companion-pages) .growth-graph-values{font-size:10px;line-height:18px;margin:2px 0}.room-action-report:has(>.battle-force-receipt):not(.has-companion-pages) .growth-graph-values strong{font-size:18px;line-height:18px}.room-action-report:has(>.battle-force-receipt):not(.has-companion-pages) .growth-graph-track{height:6px;flex:none}
}