/* v0.2 presentation — keep the arena within the viewport. */
.map-wrap{position:relative;flex:1;min-height:0;overflow:hidden}.map-wrap .map{height:100%}.region .hit-area{fill:transparent;stroke:none}.region polygon{stroke-width:3;fill:#263d43e8}.region.human polygon{fill:#235643ee}.region.ai polygon{fill:#71482eea}.region.reachable polygon{stroke-width:4}.region.choose-target polygon{filter:drop-shadow(0 0 8px #ffdf80)}.region .region-units{font-size:35px}.region .region-name{font-size:26px;font-weight:700;paint-order:stroke;stroke:#091c21;stroke-width:8px;stroke-linejoin:round}.region .region-id{font-size:23px}.map-road{stroke:#d8d3b4;stroke-width:3;opacity:.38;stroke-dasharray:7 5}.map-road.active-road{stroke:#ffe3a0;stroke-width:5;opacity:1}.context-menu{position:absolute;z-index:10;border:1px solid #96d2b0;background:#102a2bf5;box-shadow:0 15px 35px #000a;border-radius:12px;padding:12px;color:#edfaf3}.context-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px}.context-heading h3{font-size:13px}.context-heading p{font-size:10px;color:var(--muted);margin-top:2px}.context-heading button{min-height:28px;min-width:28px;padding:0;font-size:20px}.context-menu .action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.context-menu .action-grid button{min-height:44px;font-size:12px;background:#25483d;opacity:1}.context-menu .action-grid button:disabled{background:#152f31;color:#8aa19c;opacity:.5}.context-menu .action-grid small{font-size:9px;line-height:1.3}.context-menu #collect{grid-column:1/-1;background:#4b4830}.context-menu #actionHelp{font-size:10px;line-height:1.35;margin-top:7px}.context-tip{font-size:9px;line-height:1.3;margin-top:3px;color:#b4c9c3}.resource-hud{display:flex;align-items:center;gap:5px;color:#f2d18a;font-size:11px;background:#28382a;padding:5px 9px;min-height:32px}.resource-hud b{font-size:20px}.resource-hud small{font-size:8px}.command-heading .action-count{background:#285b45;border:1px solid #81ccab;border-radius:8px;padding:6px 9px}.action-count b{font-size:16px!important;line-height:1.15}.action-count b::after{content:' / 3';font-size:10px;color:#c2d6c7}#actionDots i{height:9px;width:9px}#openActions{font-size:11px;min-height:30px;background:transparent;padding:4px 10px}.command-dock{padding:7px 10px}.command-heading{margin-bottom:4px}.combat-panel{padding:4px 10px 8px}.statusbar{gap:13px}.battle-overlay{width:min(590px,calc(100% - 18px));padding:20px;max-height:96dvh}.battle-overlay h2{font-size:23px;color:var(--human);margin-top:7px}.battle-overlay #battleRoute{margin:3px 0 10px;font-size:13px}.battle-overlay .speed-buttons{justify-content:flex-end;margin-bottom:10px}.battle-overlay .speed-buttons button{font-size:11px;padding:6px 12px;min-height:32px}.battle-duel{display:grid;grid-template-columns:1fr 25px 1fr;gap:6px;align-items:center;border:1px solid #4a7069;border-radius:10px;margin:8px 0;padding:10px;background:#0a2028}.battle-duel>div{display:grid;grid-template-columns:60px 1fr;align-items:center;gap:4px 7px}.battle-duel span{grid-column:1/-1;font-size:10px;color:#bdcfc9}.battle-duel .die{grid-row:2/4;width:57px;height:60px;font-size:32px}.battle-duel small{font-size:9px;line-height:1.4;color:var(--muted)}.battle-duel strong{font-size:24px}.battle-duel em{text-align:center;font-size:20px;font-style:normal;color:var(--yellow)}.battle-overlay #battleSummary{font-size:12px;line-height:1.5;min-height:38px}.battle-overlay #closeBattle{width:100%;min-height:40px;font-size:12px}.battle-overlay>small{display:block;font-size:9px;margin-top:8px;color:var(--muted)}.deck-presets{display:flex;gap:5px}.deck-presets button{font-size:11px;flex:1}#deckBuilder{display:grid;gap:10px;margin:15px 0}#deckBuilder label{font-size:11px;color:var(--muted);display:grid;gap:5px}#deckBuilder select{background:#1b3d39;color:#ebf8ef;border:1px solid #688e7a;border-radius:6px;padding:10px;min-height:40px;font-size:13px}#deckError{color:#ffba97}.board-heading .map-controls{display:flex;gap:7px;align-items:center}#expandMap{min-height:26px;padding:3px 7px;font-size:10px}.map-expanded .battlefield{position:fixed;inset:8px;z-index:30;flex:none}.map-expanded .map-wrap{flex:1}.map-expanded .scene-bar{min-height:38px}
@media(max-width:700px){.statusbar{flex-wrap:wrap;gap:5px 10px}.turn{min-width:65px}.mini-score{gap:3px}.resource-hud{padding:2px 6px;min-height:26px;margin-left:auto;font-size:9px}.resource-hud b{font-size:15px}.resource-hud small{display:none}.round{margin-left:0}.command-heading .action-count{padding:5px 7px}.action-count b{font-size:14px!important}#actionDots{display:none}.context-menu{padding:9px}.context-menu .action-grid button{font-size:11px;min-height:43px}.context-menu .action-grid small{font-size:8px}.battle-overlay{padding:14px}.battle-overlay h2{font-size:20px}.battle-duel{padding:8px;margin:6px 0}.battle-duel>div{grid-template-columns:49px 1fr;gap:3px}.battle-duel .die{width:47px;height:51px;font-size:28px}.battle-duel strong{font-size:20px}.battle-duel small{font-size:8px}.battle-duel span{font-size:9px}.battle-overlay #battleSummary{font-size:11px}.board-heading .map-legend{font-size:7px;gap:4px}.board-heading .map-controls{gap:4px}.board-heading h2{font-size:10px}}
@media(max-width:360px){.mini-score>span:last-of-type{display:none}.turn{min-width:55px}#openActions{min-height:25px;font-size:10px}.command-heading .action-count{padding:5px}.action-count b{font-size:12px!important}.action-count b::after{font-size:8px}.battle-overlay{padding:10px}.battle-duel>div{grid-template-columns:42px 1fr}.battle-duel .die{width:40px;height:44px;font-size:24px}.battle-overlay h2{font-size:17px}.battle-duel{margin:5px 0;padding:6px}.battle-overlay #battleSummary{font-size:10px}.context-heading h3{font-size:12px}}
@media(max-height:500px) and (min-width:700px){.battle-overlay{width:740px}.battle-overlay #battleRows{display:flex;gap:7px}.battle-duel{flex:1;grid-template-columns:1fr 15px 1fr;padding:6px;gap:2px}.battle-duel>div{display:flex;flex-direction:column;gap:4px}.battle-duel small{font-size:8px;min-height:36px}.battle-duel .die{height:44px;width:40px;font-size:25px}.battle-duel strong{font-size:17px}.battle-duel span{font-size:8px}.battle-overlay #battleSummary{min-height:0;margin:4px 0}.battle-overlay h2{font-size:17px}.battle-overlay #battleRoute{margin:3px 0}.battle-overlay .speed-buttons{margin-bottom:2px}}
.context-menu .action-grid button.primary:enabled{background:var(--human);color:#10352b}.map-road{opacity:.65;stroke:#eadbb7;filter:drop-shadow(0 1px 2px #021114)}
.context-tip{display:none}.context-menu .action-grid button.primary:disabled{color:#8aa19c}.map-expanded .context-menu{z-index:40}.resource-hud small{display:inline!important}.resource-hud{flex-direction:row}@media(max-width:700px){.resource-hud{flex-direction:column;gap:0;font-size:8px;position:relative}.resource-hud b{font-size:15px}.resource-hud small{font-size:6px}.statusbar{gap:5px 7px}.mini-score small{display:none}.turn>span{font-size:6px}}
.map-expanded.training .coach{position:fixed;top:16px;left:16px;right:16px;z-index:35}.map-expanded.training .battlefield{padding-top:110px}
.context-heading>div{flex:1}.context-actions{font-size:11px;color:#c4ffd6;border:1px solid #5fa486;border-radius:5px;white-space:nowrap;padding:5px;background:#23553d}.map-actions{display:none}.map-expanded .map-actions{display:block;color:#bcf8d1;font-size:11px}.map-expanded .map-legend{display:none}
.context-options{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:5px}.context-options .drone-switch{font-size:11px}.context-options .drone-switch span{font-size:9px}.context-options .amount-label{font-size:11px}.command-dock{display:grid;grid-template-columns:1fr auto;gap:3px 6px}.command-heading{grid-column:1/-1}.command-dock .dock-options{margin-top:0;grid-column:2;grid-row:2}.command-dock #openActions{grid-column:1;grid-row:2;justify-self:start}.context-menu .drone-switch span{display:inline}@media(max-width:360px){.command-dock #openActions{font-size:8px;padding:3px 4px}.context-menu{padding:8px}.context-menu .action-grid button{min-height:39px}.context-options{margin-top:3px}.context-options .drone-switch span{font-size:8px}}
@media(max-height:640px){.battle-overlay{padding:10px}.battle-overlay #battleRoute{margin:2px 0 6px}.battle-overlay .speed-buttons{margin-bottom:5px}.battle-duel{margin:4px 0;padding:5px}.battle-overlay #battleSummary{margin:5px 0;min-height:0}.battle-overlay #closeBattle{min-height:34px}.battle-overlay>small{font-size:8px;margin-top:4px}}