.map-objective-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;background:var(--panel);border-bottom:1px solid var(--line);width:100%;flex:none}
.map-objective-card{display:grid;grid-template-columns:29px minmax(0,1fr);gap:7px 9px;border:1px solid var(--line);border-radius:9px;padding:10px;background:var(--bg);min-width:0}.map-objective-card>img{width:27px;height:30px;object-fit:contain;filter:brightness(0) saturate(100%) invert(50%);align-self:center}.map-objective-heading{display:flex;flex-direction:column;gap:4px;min-width:0}.map-objective-heading strong{font-size:12px;color:var(--text)}.map-objective-heading span{font-size:10px;color:var(--muted)}.map-objective-actions{grid-column:1/-1;display:flex;gap:5px}.map-objective-actions>button{flex:1;font-size:11px;min-height:35px;border:1px solid var(--line);border-radius:6px;background:var(--panel);padding:6px;color:var(--text)}.map-objective-actions>.map-objective-toggle{flex:0 0 35px;font-size:23px;line-height:1;color:var(--red)}.map-objective-actions button.selected{background:#ef43551b;border-color:var(--red);color:var(--red);font-weight:700}.map-objective-card.on-map{border-color:#d7b95188}.map-objective-card.on-map>img{filter:brightness(0) saturate(100%) invert(73%) sepia(69%) saturate(738%) hue-rotate(356deg)}
.macro-marker.selected-element{z-index:6;outline:2px solid #ffe481;outline-offset:3px;filter:drop-shadow(0 0 6px #ffdf83)}
.macro-marker.lord,.macro-marker.turtle{width:clamp(26px,3.8cqw,48px);height:clamp(26px,3.8cqw,48px);border:1px solid #ffe08a;border-radius:50%;padding:3px;background:#102633d9;filter:drop-shadow(0 0 5px #e4c56d);z-index:4}.macro-marker.lord img,.macro-marker.turtle img{filter:brightness(0) invert(86%) sepia(51%) saturate(416%) hue-rotate(350deg)}
.map-contextual-actions{position:absolute;z-index:10;display:flex;gap:4px;padding:3px;border-radius:9px;background:#111b2be8;box-shadow:0 3px 12px #0007;border:1px solid #e4eaff45;touch-action:manipulation}.map-contextual-actions>button{width:32px;height:32px;border-radius:6px;font-size:23px;line-height:1;display:grid;place-items:center;background:#ffffff13;color:white}.map-contextual-actions>#map-delete-selection{background:#e92e49;color:white}.map-contextual-actions>button:hover{filter:brightness(1.15)}
@media(max-width:790px){.map-contextual-actions>button{width:44px;height:44px}}
.map-selection-status{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 13px;font-size:11px;color:var(--muted);background:var(--panel);border-top:1px solid var(--line);width:100%;flex:none}.map-selection-status>button{color:var(--red);white-space:nowrap;padding:5px}.macro-map-area #map-drawing [data-macro-annotation]{pointer-events:stroke;cursor:pointer}.macro-map-area #map-drawing [data-macro-annotation] circle{pointer-events:all}.macro-map-area #map-drawing [data-macro-annotation] text{pointer-events:none}.macro-map-area .erase-mode #map-drawing [data-macro-annotation],.macro-map-area .pan-mode #map-drawing [data-macro-annotation]{pointer-events:none}
@media(max-width:790px){.map-objective-bar{padding:10px;gap:7px}.map-objective-card{padding:8px;gap:6px;grid-template-columns:23px minmax(0,1fr)}.map-objective-card>img{width:22px;height:24px}.map-objective-heading strong{font-size:11px}.map-objective-heading span{font-size:9px}.map-objective-actions{flex-wrap:wrap;gap:4px}.map-objective-actions>button{font-size:10px;min-height:34px;padding:5px 3px}.map-objective-actions>.map-objective-toggle{flex:0 0 26px;font-size:21px}.map-selection-status{font-size:11px;line-height:1.6}}
@media(max-width:370px){.map-objective-bar{gap:5px;padding:8px}.map-objective-card{grid-template-columns:1fr;padding:6px}.map-objective-card>img{display:none}.map-objective-actions>.map-objective-toggle{flex-basis:100%;min-height:28px}.map-objective-heading span{min-height:23px;line-height:1.4}}