body.battle-mode{background:#15271d}
.battle-mode>header,.battle-mode>main,.battle-mode>footer,.battle-mode>.manuscript-backdrop{display:none}
#battle-scene[hidden]{display:none}
#battle-scene{color:#fff7df}
.battle-board{position:relative;height:100svh;min-height:920px;isolation:isolate;overflow:hidden}
.battle-map-backdrop{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#12261bf5 0%,#183521c9 14%,#f4e9cda1 28%,#f4e9cd80 62%,#12261bf2 81%,#12261b 100%),url('assets/adwa-map.jpg') center 30%/cover}
.battle-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;font-family:system-ui,sans-serif}
.battle-heading{position:absolute;inset:18px 30px auto;padding:0;display:flex;justify-content:space-between;align-items:center;background:none;gap:24px}
.battle-heading h1{font:700 29px/1.1 Georgia,serif;margin:4px 0;color:#fff5d4}
.battle-eyebrow{font:700 10px/1.3 system-ui,sans-serif;letter-spacing:2px;color:#d9bb70}
.battle-totals{display:flex;gap:28px;font-size:10px;letter-spacing:1px;color:#ded5b9}
.battle-totals b{display:block;font:700 26px/1.2 Georgia,serif;color:#fff5d4;letter-spacing:0}
.battle-side-label{position:absolute;left:0;right:0;text-align:center;font-size:10px;font-weight:750;letter-spacing:3px;color:#e8d8a6}
.ethiopian-label{top:76px}.italian-label{top:584px}
.battle-leaders{position:absolute;left:50%;transform:translateX(-50%);display:grid;gap:14px}
.ethiopian-leaders{top:98px;width:min(1120px,calc(100% - 90px));grid-template-columns:repeat(7,minmax(0,1fr))}
.battle-leader{min-width:0;padding:5px 5px 6px;background:#162b21eb;border:1px solid #8d967659;border-radius:8px;text-align:center;color:#fff5d4;box-shadow:0 5px 12px #0004;display:block;font-weight:400}
.battle-leader img{display:block;width:100%;height:94px;object-fit:contain;object-position:center;background:#d7ccb3;border-radius:4px}
.battle-leader span{display:block;font:700 13px/1.3 Georgia,serif;margin-top:5px;white-space:nowrap}
.battle-leader small{display:block;color:#d8ccac;font:10px/1.4 system-ui,sans-serif;margin-top:2px}
button.battle-leader:hover:not(:disabled){border-color:#efd282;background:#264c38}
button.battle-leader:disabled{opacity:1;cursor:default}
button.battle-leader.is-selected{border:3px solid #e2bc57;padding:3px 3px 4px;box-shadow:0 0 0 3px #d3a94333,0 6px 18px #0005}
.battle-leader.is-disgraced{opacity:.5}
.italian-leaders{top:610px;width:min(1020px,calc(100% - 120px));grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center}
.italian-leaders .battle-leader{width:128px;background:#3d2722ed;border-color:#ac766e}
.battle-route-label{font:750 14px system-ui,sans-serif;letter-spacing:1px;fill:#294534;paint-order:stroke;stroke:#f5e7cc;stroke-width:4px}
.battle-strength{font:800 48px system-ui,sans-serif}
.battle-count{font:650 12px system-ui,sans-serif;fill:#294534;paint-order:stroke;stroke:#f4e7ce;stroke-width:3px}
.battle-command{position:absolute;left:32px;right:32px;bottom:18px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:9px 24px;padding:16px 22px;border:1px solid #b59850;border-radius:12px;background:#10291fec;box-shadow:0 5px 26px #0005}
.battle-command h2{font:700 23px/1.25 Georgia,serif;margin:5px 0;color:#fff5d4}
.battle-command p{margin:3px 0 0;color:#d9d3bd;font-size:12px}
.battle-command button{background:#d8b658;color:#162b20;border:1px solid #efd792;font-weight:800;font-size:17px;padding:15px 24px;min-width:240px}
.battle-command button:disabled{opacity:.55;cursor:default}
.battle-command button:hover:not(:disabled){background:#f0d487}
.battle-command .battle-rule-note{grid-column:1/-1;font-size:10px;color:#b5bca6}
.battle-verdict{position:absolute;top:404px;left:50%;transform:translateX(-50%);min-width:460px;padding:10px 28px;text-align:center;border:2px solid #dfbd66;border-radius:9px;background:#173f2af5;box-shadow:0 8px 25px #0007}
.battle-verdict.defeat{background:#642f29f5}
.battle-verdict span{display:block;font:750 18px/1.2 system-ui,sans-serif;letter-spacing:2px;color:#fff0bf}
.battle-verdict strong{display:block;font:800 34px/1.2 Georgia,serif;margin:4px 0;color:#fff9df}
.battle-verdict small{font-size:11px;color:#eadfc3}
.battle-roll-pair{display:flex;gap:48px;align-items:center}
.battle-roll-pair>div{display:flex;align-items:center;gap:15px}
.battle-roll-pair span{font-size:15px}.battle-roll-pair small{display:block;font-size:12px;color:#d9d3bd}
.battle-die{display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:4px;padding:9px;width:62px;height:62px;flex-shrink:0;background:#fff5da;border:2px solid #c6a35c;border-radius:11px;box-shadow:0 4px 0 #927c46;color:#1c3426}
.battle-die i{width:9px;height:9px;border-radius:50%;background:#1c3426;align-self:center;justify-self:center}
.battle-die>span{grid-area:1/1/4/4;align-self:center;justify-self:center;font-size:28px;font-weight:800}
@media(max-width:950px){.battle-heading{inset:18px 16px auto}.battle-heading h1{font-size:25px}.battle-totals{gap:14px}.ethiopian-leaders{width:calc(100% - 30px);gap:7px}.battle-leader span{font-size:11px}.battle-leader img{height:82px}.battle-command{left:16px;right:16px;gap:12px;padding:14px}.battle-command h2{font-size:20px}.battle-command button{min-width:190px;font-size:15px;padding:13px 18px}.battle-roll-pair{gap:22px}.battle-reserve{display:none}}
@media(max-width:650px){.battle-board{min-height:1030px}.battle-totals{gap:10px}.battle-totals b{font-size:20px}.battle-heading h1{font-size:24px}.battle-leaders.ethiopian-leaders{display:flex;overflow-x:auto;justify-content:flex-start;padding:3px;top:110px}.ethiopian-leaders .battle-leader{flex:0 0 94px}.battle-field{top:210px;height:480px;width:760px;left:50%;transform:translateX(-50%)}.italian-label{top:635px}.italian-leaders{top:657px;width:calc(100% - 28px);gap:10px}.italian-leaders .battle-leader{width:100px}.battle-command{grid-template-columns:1fr;bottom:16px}.battle-command button{width:100%}.battle-verdict{top:430px;min-width:0;width:calc(100% - 40px);padding:18px}.battle-verdict span{font-size:16px}.battle-roll-pair{gap:18px}.battle-roll-pair span{font-size:12px}.battle-die{width:48px;height:48px;padding:6px;gap:3px}.battle-die i{width:7px;height:7px}}