#view2d[aria-pressed=true],#view3d[aria-pressed=true]{background:#bfa26b;color:#172c28;border-color:#e4c887;font-weight:700}
.map-view-toolbar>div:last-child{flex-wrap:wrap}.map-zoom{display:inline-flex;align-items:center;gap:6px;margin-left:auto}
.three-options{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 13px;background:linear-gradient(90deg,#28433c,#1b2d2a);border:1px solid #52614a;border-top:0;color:#e5d5ac}
.three-options>span{font:600 14px var(--serif);letter-spacing:.08em;margin-right:4px}.three-options>small{color:#b3c4b3;font-size:10px;margin-right:auto}.three-options button{border:1px solid #7c8b6b;background:#243c32;border-radius:4px;padding:5px 11px;font-size:11px;min-height:32px}
.three-stage{position:absolute;inset:0;background:#233b3e;z-index:0;overflow:hidden}
#stage:has(.three-stage:not([hidden])){max-height:72vh;max-height:72dvh}
#battlefield3d{height:100%;width:100%;touch-action:none;cursor:grab}#battlefield3d:active{cursor:grabbing}
.three-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.three-unit-label{position:absolute;left:0;top:0;pointer-events:none;padding:2px 5px;border:1px solid #a6c7ae;border-radius:4px;background:#183e35e8;box-shadow:0 2px 5px #0007;color:#f1ebd5;text-align:center;line-height:1.3;min-height:34px;transition:none;font-variant-numeric:tabular-nums}
.three-unit-label:hover{filter:brightness(1.2)}.three-unit-label:active{translate:0 1px}.three-unit-label.enemy{background:#5d3429eb;border-color:#d3a586}.three-unit-label.selected{border:2px solid #ffe6a3;box-shadow:0 0 0 2px #152d2580,0 0 12px #e6c37b66}.three-unit-label.spent{opacity:.73}
.three-label-name{font-size:10px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e0d3ac}.three-label-count{display:flex;align-items:center;justify-content:center;gap:6px}.three-label-count b{font-size:12px}.three-label-count strong{font-size:14px;line-height:1.2;font-weight:600}
.three-unit-label.compact{min-height:24px;padding:2px 3px}.three-unit-label.compact .three-label-name{display:none}.three-unit-label.compact .three-label-count{gap:3px}.three-unit-label.compact .three-label-count b{font-size:11px}.three-unit-label.compact .three-label-count strong{font-size:12px}
#battleScene3dCanvas{height:100%;width:100%;cursor:default;touch-action:auto}
@media(max-width:600px){.three-options{gap:6px;padding:8px 9px}.three-options>span{font-size:12px}.three-options>small{flex-basis:100%;order:5}.three-options button{padding:5px 8px;min-height:36px}.map-caption{max-width:calc(100% - 20px);font-size:9px}}