.battle-guide{display:flex;align-items:center;gap:22px;flex-wrap:wrap;font-size:11px;color:#b7c5b9;padding:15px 0 24px}.battle-guide b{display:inline-grid;place-items:center;width:20px;height:20px;border:1px solid #64735b;border-radius:50%;margin-right:5px;color:#e2c787}.battle-guide button{margin-left:auto;background:none;color:var(--gold);padding:8px}.tactical-map{height:620px}.tactical-map #effects{pointer-events:none;z-index:1}.tactical-map .nodes{z-index:2}.tactical-map .map-top,.tactical-map .map-foot{z-index:4}.tactical-map .map-foot{pointer-events:none}.tactical-map .map-note{max-width:75%;font-size:10px}.tactical-unit{width:40px;height:32px;pointer-events:auto!important}.tactical-unit:after{display:none!important}.tactical-unit.enemy{cursor:crosshair}.tactical-unit .health{position:absolute;left:-2px;right:-2px;bottom:-8px;height:4px;background:#131c15}.tactical-unit .health i{height:100%;display:block;background:#a7c79b;transition:width .2s}.tactical-unit.enemy .health i{background:#d58c77}.tactical-unit.empty{opacity:.65}.tactical-map .objective{width:32px;height:32px;z-index:3}.objective small{position:absolute;left:50%;top:37px;transform:translateX(-50%);font-size:9px;color:#ece8d5;white-space:nowrap;background:#18211dc9;padding:3px 5px}.objective>i{position:absolute;bottom:-3px;left:0;height:3px;background:#e6ce8e}.objective.hostile{background:#883e31;border-color:#e19c7d}.objective.contested{box-shadow:0 0 0 6px #dd996744}.map-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:15px}.map-controls label{font-size:9px;display:block;margin-bottom:5px;color:var(--muted)}select{color:var(--text);background:#1b281f;border:1px solid #4f6353;padding:9px;border-radius:3px;font-size:11px}.map-controls>.secondary{margin-left:auto;font-size:11px;padding:10px}.tactical-brief{display:block!important}.scoreboard{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.scoreboard div span{display:block;font-size:9px;letter-spacing:1px;color:var(--muted)}.scoreboard div:last-child{text-align:right}.scoreboard b{font:600 42px 'Barlow Condensed';color:var(--green)}.scoreboard div:last-child b{color:#d69b87}.scoreboard>span{font-size:11px;color:var(--muted)}.points-track{height:4px;position:relative;background:#344235;margin:10px 0 20px}.points-track i{position:absolute;height:4px;left:0;background:#a6bf8b}.points-track i:last-child{left:auto;right:0;background:#d18a73}.tactical-brief .primary{margin-top:17px}.selected-art{height:90px}.selected-art svg{height:90px;width:130px}.tactical-brief h2{font-size:25px;margin:5px 0}.tactical-brief .row button{flex:1;padding:10px 5px;font-size:11px}.reserves{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.reserve{background:#1b281f;border:1px solid #455c45;border-radius:4px;text-align:left;padding:10px;display:grid;grid-template-columns:52px 1fr;gap:2px 7px;align-items:center}.reserve svg{width:52px;height:45px;grid-row:1/3}.reserve strong{font-size:10px}.reserve small{color:var(--gold);font-size:9px}.reserve:disabled{opacity:.45;cursor:not-allowed}.battle-log{border-top:1px solid var(--line)}.battle-log p{font-size:11px;line-height:1.7;padding:11px 0;border-bottom:1px solid var(--line);color:#b6c1b3}.battle-log time{font-size:10px;color:var(--gold);margin-right:15px}.tactical-map .unit.selected{z-index:4}#tactical-objectives,#tactical-units{position:absolute;inset:0;pointer-events:none}#tactical-objectives button,#tactical-units button{pointer-events:auto}@media(max-width:720px){.battle-guide{gap:10px;font-size:10px;padding-top:0}.battle-guide span{width:100%}.battle-guide button{margin-left:0;padding:5px 0}.tactical-map{height:540px}.tactical-unit{width:34px;height:32px}.tactical-map .objective{width:34px;height:34px}.tactical-map .objective small{font-size:8px}.map-controls{gap:8px}.map-controls select{max-width:130px}.map-controls>.secondary{margin-left:0}.reserves{grid-template-columns:repeat(2,1fr)}.tactical-brief{padding:20px;background:#18221b;border:1px solid var(--line)}.scoreboard b{font-size:44px}.tactical-map .map-top h2{font-size:23px}.tactical-map .map-foot .legend{display:none}.tactical-map .map-note{max-width:100%}.reserve{grid-template-columns:40px 1fr;padding:8px}.reserve svg{width:40px}.reserve strong{font-size:9px}}
.battle-guide #battle-start-top{background:var(--gold);color:#172219;padding:10px 15px;margin-left:0;font-size:11px}@media(min-width:1001px){#battle-start-top{display:none}}@media(max-width:720px){.battle-guide #battle-start-top{margin-left:auto}.battle-guide #battle-help{margin-right:0}}
.formation-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.formation-list button{font-size:10px;background:#1d2b22;color:#b7c6af;padding:9px;border:1px solid #445745;border-radius:3px}.formation-list button.active{border-color:var(--gold);color:var(--gold)}.formation-list button:disabled{opacity:.4}
.map-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:12px}.map-toolbar span{font-size:9px;letter-spacing:1px;color:var(--muted);margin-right:auto}.map-toolbar button{background:#24362b;border:1px solid #52644d;padding:9px 12px;color:var(--gold);font-size:11px}.map-viewport{max-height:720px;overflow:auto;border:1px solid var(--line);position:relative;overscroll-behavior:contain}.map-viewport .tactical-map{height:720px;min-width:620px;border:0}.map-viewport .tactical-map.zoomed{width:1400px;height:1100px}.objective-intel{font-size:11px;line-height:1.8;color:var(--muted);padding:12px 0}.map-viewport:focus-visible{outline:2px solid var(--gold)}@media(max-width:720px){.map-viewport{max-height:540px}.map-viewport .tactical-map{height:760px;min-width:640px}.map-toolbar{flex-wrap:wrap}.map-toolbar span{width:100%}.map-toolbar button{min-height:40px;flex:1}.map-viewport .map-top{pointer-events:none}.map-viewport .map-top h2{font-size:25px}}
.sector-banner{display:flex;flex-direction:column;gap:7px;padding:16px 0 20px}.sector-banner span{color:var(--gold);font-size:10px;letter-spacing:1.5px}.sector-banner strong{font-size:13px;font-weight:400;color:#c4d0c1}.sector-fog{position:absolute;top:0;left:0;right:0;background:repeating-linear-gradient(135deg,#101c1bfa,#101c1bfa 12px,#172322fa 12px,#172322fa 13px);z-index:3;pointer-events:none;display:grid;place-items:center;border-bottom:1px dashed #8b946a;transition:height 1s ease}.sector-fog span{text-align:center;font-size:13px;letter-spacing:3px;color:#7e9080}.sector-fog small{display:block;font-size:10px;letter-spacing:0;margin-top:12px}.sector-fog[hidden],.tactical-unit[hidden],.objective[hidden]{display:none!important}
.map-viewport .tactical-map:not(.zoomed){min-width:0;width:100%;height:720px}@media(max-width:720px){.map-viewport .tactical-map:not(.zoomed){height:540px}.sector-fog span{font-size:10px;letter-spacing:1px}.sector-fog small{font-size:9px}.map-viewport .map-top h2{font-size:19px}.map-viewport .tactical-unit{width:30px;height:28px}.map-viewport .map-note{font-size:9px}}