/* Battle reports use document flow on phones, never overlapping desktop overlays. */
@media(max-width:760px){
 body #app .battle-result {width:100%;max-width:100%;min-width:0;}
 body #app .battle-result>header {position:static!important;inset:auto!important;transform:none!important;display:block!important;box-sizing:border-box;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:24px 14px 18px!important;text-align:center;background:linear-gradient(#07101780,#071017ec),url('/assets/battle-confrontation-v1.png') center 38%/cover;}
 body #app .battle-result>header small {display:block;font-size:9px;line-height:1.5;letter-spacing:.13em;}
 body #app .battle-result>header h1 {margin:8px 0!important;font-size:clamp(30px,10vw,42px)!important;line-height:1.1!important;overflow-wrap:anywhere;}
 body #app .battle-result>header p {margin:8px 0 0!important;font-size:14px!important;line-height:1.5!important;}
 body #app .battle-result .battle-result-field {display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important;grid-auto-rows:auto!important;align-items:start!important;gap:14px!important;min-height:0!important;height:auto!important;padding:0 12px 16px!important;background:linear-gradient(#071017ed,#080d10e8),url('/assets/battle-confrontation-v1.png') center/cover!important;}
 body #app .battle-result .result-verdict {grid-row:1!important;grid-column:1!important;order:0!important;display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;align-items:center;justify-items:start;gap:5px 12px!important;width:100%!important;min-width:0!important;margin:0!important;padding:12px 6px!important;text-align:left!important;border-top:1px solid #bc96514d;border-bottom:1px solid #bc96514d;}
 body #app .battle-result .result-verdict>b {grid-column:1;grid-row:1/3;width:44px;height:50px;font-size:23px;}
 body #app .battle-result .result-verdict>strong {grid-column:2;grid-row:1;margin:0;font-size:16px;line-height:1.35;}
 body #app .battle-result .result-verdict>span {grid-column:2;grid-row:2;margin:0;font-size:9px;line-height:1.4;}
 body #app .battle-result .result-verdict>em {grid-column:1/-1;max-width:100%;margin:4px 0 0;line-height:1.4;white-space:normal;}
 body #app .battle-result .result-army.you {grid-row:2!important;}
 body #app .battle-result .result-army.rival {grid-row:3!important;}
 body #app .battle-result .result-army {grid-column:1!important;order:0!important;position:relative!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;padding:16px!important;clip-path:none!important;text-align:left!important;box-shadow:inset 3px 0 #a22a37!important;}
 body #app .battle-result .result-army.rival {box-shadow:inset 3px 0 #2e7097!important;}
 body #app .battle-result .result-army>small {font-size:9px;line-height:1.4;padding:5px 8px;}
 body #app .battle-result .result-army h2 {margin:10px 0 14px!important;font-size:25px!important;line-height:1.2;overflow-wrap:anywhere;}
 body #app .battle-result .result-army>div:not(.loss-ledger) {display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px;padding:10px!important;}
 body #app .battle-result .result-army>div:not(.loss-ledger)>span {font-size:9px;line-height:1.4;}
 body #app .battle-result .result-army>div:not(.loss-ledger)>strong {max-width:100%;font-size:clamp(16px,5.5vw,23px)!important;line-height:1.25;white-space:normal;overflow-wrap:anywhere;}
 body #app .battle-result .result-army .loss-ledger {display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important;gap:0!important;min-height:0!important;height:auto!important;width:100%;margin-top:12px!important;padding:0 10px!important;border:0!important;background:#05090a66!important;}
 body #app .battle-result .loss-ledger>strong {display:block!important;margin:0!important;padding:12px 0!important;font:700 20px/1.25 Arial,sans-serif!important;text-align:left!important;white-space:normal;overflow-wrap:anywhere;}
 body #app .battle-result .loss-ledger>span {display:flex!important;flex-direction:row!important;align-items:baseline!important;justify-content:space-between!important;gap:12px!important;padding:10px 0!important;min-width:0;border:0!important;border-top:1px solid #ad7c6640!important;text-align:left;}
 body #app .battle-result .loss-ledger>span i {min-width:0;font:500 12px/1.4 Arial,sans-serif;overflow-wrap:anywhere;}
 body #app .battle-result .loss-ledger>span b {max-width:60%;font:700 13px/1.4 Arial,sans-serif;overflow-wrap:anywhere;text-align:right;}
 body #app .battle-result>.battle-spoils {display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;gap:10px!important;padding:16px 12px!important;}
 body #app .battle-result>.battle-spoils>* {grid-column:1!important;min-width:0;max-width:100%;}
 body #app .battle-result .battle-spoils h3 {font-size:19px;line-height:1.35;overflow-wrap:anywhere;}
 body #app .battle-result .battle-spoils>span {display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;gap:3px 10px!important;width:100%!important;padding:12px!important;border:0!important;border-bottom:1px solid #ad8c4840!important;background:linear-gradient(90deg,#9f79301a,transparent)!important;box-shadow:none!important;}
 body #app .battle-result .battle-spoils>span i {grid-column:1;grid-row:1/3;align-self:center;}
 body #app .battle-result .battle-spoils>span b {grid-column:2;grid-row:1;font-size:20px!important;line-height:1.3;overflow-wrap:anywhere;}
 body #app .battle-result .battle-spoils>span small {grid-column:2;grid-row:2;font-size:9px;line-height:1.4;}
 body #app .battle-result .harbor-damage {padding:14px 0!important;line-height:1.5;overflow-wrap:anywhere;}
 body #app .battle-result .harbor-damage>span {display:block;margin:4px 0;}
 body #app .battle-result .battle-result-actions {display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:9px!important;width:100%!important;margin:4px 0 0!important;padding:12px 0 0!important;}
 body #app .battle-result .battle-result-actions button {width:100%!important;min-width:0!important;height:auto!important;min-height:48px!important;margin:0!important;padding:12px 8px!important;font-size:11px!important;line-height:1.4!important;white-space:normal!important;}
 body #app .battle-result .battle-warning {font-size:10px;line-height:1.5;padding:12px;overflow-wrap:anywhere;}
}