.battle-map-controls{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin-bottom:5px;flex-shrink:0}
.battle-map-controls .battle-terrain-info{padding:3px 8px;margin:0;flex:1;background:transparent;white-space:nowrap;line-height:1.5}
.battle-map-controls .battle-terrain-info span{display:none}
.battle-range-tools{display:flex;align-items:center;gap:5px;flex:0 1 280px}
#combat-dialog .battle-range-tools button{flex:1;min-height:32px;padding:4px 8px;font-size:13px;line-height:1.5;background:#202d2b;border-color:#64766e;color:#bfcfc8}
#combat-dialog .battle-range-tools button[aria-pressed="true"]{background:#345570;border-color:#aacfee;color:#f0f8ff;box-shadow:inset 0 -2px #90bded}
#combat-dialog #battle-range-attack[aria-pressed="true"]{background:#6a3732;border-color:#f2b1a3;box-shadow:inset 0 -2px #ee998b}
.range-status{font-size:12px;color:#c2d4d7;line-height:1.6;min-height:20px;margin:0 0 5px;flex-shrink:0}.range-status.unavailable{color:#efc59e}
.battle-range{--range-fill:#356ed9;--range-stroke:#a8ccff;--range-inner:#6f9fe9}
.battle-range.range-attack{--range-fill:#c95045;--range-stroke:#ffc0a8;--range-inner:#e67f76}
.range-fill{fill:var(--range-fill);fill-opacity:.32;stroke:var(--range-stroke);stroke-width:2.4;stroke-linejoin:miter}
.range-rim{fill:none;stroke:var(--range-inner);stroke-width:1;stroke-opacity:.9}
.range-attack-corners{fill:none;stroke:#ff9785;stroke-width:2.8}
.range-attack.attack-unavailable .range-fill{fill-opacity:.09;stroke-opacity:.65;stroke-dasharray:5 4;stroke-width:1.8}
.range-attack.attack-unavailable .range-rim{stroke-opacity:.2}
.attack-unavailable .range-attack-corners{stroke-opacity:.6;stroke-dasharray:3 3;stroke-width:2}
.battle-move-route-under{stroke:#263b60;stroke-width:7}.battle-move-route{stroke:#eef7ff;stroke-width:3;stroke-linejoin:bevel}
.planned-origin{fill:#d8efff;fill-opacity:.13;stroke:#f2f8ff;stroke-width:3;pointer-events:none}
.planned-origin-label{fill:#f2f8ff;font-size:11px;font-weight:bold;paint-order:stroke;stroke:#18273a;stroke-width:3}
.battle-legend .move{color:#abcfff}.battle-legend .attack{color:#ffab96}
.battle-range .range-fill,.battle-range .range-rim{vector-effect:none}
@media(max-width:800px){.battle-range-tools{flex:1 0 230px}#combat-dialog .battle-range-tools button{font-size:12px;min-height:35px;padding:5px 4px}.range-status{font-size:12px}.battle-main .battle-legend{font-size:11px;gap:3px 8px}}
