/* Army scenes and position information. All motion is cosmetic. */
.drone-strategy{font-size:9px;line-height:1.35;color:#e7d397;padding:5px 7px;margin:4px 0;background:#332f2088;border-radius:5px}
.full-map .region-name{font-size:22px;line-height:1.15;paint-order:stroke;stroke:#061018;stroke-width:4px;stroke-linejoin:round}
.region-cover{fill:#a1e6ff;font-size:16px;font-weight:800;text-anchor:middle;paint-order:stroke;stroke:#071e2a;stroke-width:4px}
.scene-army-token{--march-paint:#eef5f8;--march-joint:#536878;--march-led:#71eeff}.scene-army-token[data-team=ai]{--march-paint:#e34c51;--march-joint:#78292f;--march-led:#ffd075}.scene-army-token .march-robot{width:48px;height:82px}
.march-assault{position:relative;height:calc(clamp(130px,24dvh,270px) + clamp(210px,36dvh,280px));overflow:hidden;border-radius:10px;border:1px solid #83bac4;background:#102a32;--march-paint:#eef5f8;--march-joint:#536878;--march-led:#71eeff}
.march-assault[data-team=ai]{--march-paint:#e34c51;--march-joint:#78292f;--march-led:#ffd075}
.march-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.7)}
.march-assault:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#05171bed,transparent 80%);pointer-events:none}
.march-route{position:absolute;top:15px;left:18px;right:18px;display:flex;justify-content:space-between;gap:12px;align-items:center;color:#effcff;font-size:15px;font-weight:800;text-shadow:0 2px 7px #000;z-index:2}
.march-route i{font-size:30px;color:#a1f2dd}
.march-column{position:absolute;top:32%;left:0;display:flex;align-items:end;gap:9px;width:60%;z-index:3;animation:armyAdvance calc(1.9s / var(--fx-rate,1)) linear both}
.march-robot{width:clamp(32px,5vw,65px);height:clamp(65px,10vw,120px);flex-shrink:0;filter:drop-shadow(0 0 5px #0b182b);overflow:visible}
.march-robot rect{fill:var(--march-paint);stroke:var(--march-joint);stroke-width:2}
.march-robot path{stroke:var(--march-paint);stroke-width:7;stroke-linecap:round;fill:none}
.march-robot .robot-visor{stroke:var(--march-led);stroke-width:4}
.robot-leg,.robot-arm{transform-box:view-box;transform-origin:24px 43px;animation:robotStep calc(.42s / var(--fx-rate,1)) ease-in-out infinite alternate;animation-delay:var(--step-offset)}
.robot-leg.right,.robot-arm.left{animation-direction:alternate-reverse}.robot-arm{transform-origin:24px 28px}
.step-0{--step-offset:0s}.step-1{--step-offset:-.17s}.step-2{--step-offset:-.34s}.step-3{--step-offset:-.51s}.step-4{--step-offset:-.68s}.step-5{--step-offset:-.85s}
#battleOverlay.combat-paused .march-column,#battleOverlay.combat-paused .robot-leg,#battleOverlay.combat-paused .robot-arm{animation-play-state:paused!important}
.mineral-iron{color:#c7d2dc}.mineral-gold{color:#f4ce6b}.mineral-rare{color:#b69cff}
.march-caption{position:absolute;left:18px;right:18px;bottom:18px;color:#dcedf0;z-index:4;text-shadow:0 2px 5px #000}
.march-caption>*{display:block;margin:6px 0}.march-caption>b{font-size:23px;color:#d5fff0}.march-caption>p{font-size:13px}.march-caption>small{font-size:10px}
@keyframes robotStep{from{transform:rotate(-15deg)}to{transform:rotate(15deg)}}
@keyframes armyAdvance{from{transform:translateX(3%)}to{transform:translateX(59%)}}
@media(max-width:549px){
.march-assault{height:calc(clamp(110px,19dvh,170px) + clamp(185px,33dvh,245px) + 20px)}
.march-route{font-size:10px;left:10px;right:10px}.march-route i{font-size:22px}.march-column{gap:3px;width:75%}.march-robot{width:32px;height:65px}
.march-caption{left:12px;right:12px;bottom:10px}.march-caption>b{font-size:17px}.march-caption>p{font-size:11px}.march-caption>small{font-size:8px}
.header-right #onlinePortal{font-size:8px;padding:4px}
.drone-strategy{font-size:8px;padding:4px 6px}
}
@media(max-height:500px) and (min-width:600px){.march-assault{height:calc(100dvh - 145px)}.march-caption>b{font-size:17px}.march-caption>p{font-size:10px}.march-caption>small{font-size:7px}.march-caption>*{margin:3px 0}.march-route{font-size:11px}.march-robot{height:65px;width:32px}.march-column{top:28%}}
@media(prefers-reduced-motion:reduce){.march-column,.robot-leg,.robot-arm{animation:none}.march-column{transform:translateX(25%)}}