.combo-view-controls { display: flex; flex-wrap: wrap; gap: 10px; }
.combo-view-controls [aria-pressed="true"] { outline: 2px solid #76d6c5; }
#comboMapPanel[hidden], .combo-list-panel[hidden] { display: none; }
.combo-map-toolbar { display: flex; flex-wrap: wrap; gap: 8px; }
.combo-map-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.combo-map-tabs [aria-selected="true"] { outline: 2px solid #76d6c5; }
.combo-map-viewport { height: 540px; width: 100%; min-width: 0; overflow: hidden; margin-top: 12px; border: 1px solid #30415a; border-radius: 10px; background: #111b2b; }
.combo-map-viewport svg { display: block; touch-action: none; user-select: none; cursor: grab; }
.combo-map-viewport svg:active { cursor: grabbing; }
.combo-map-edges path { fill: none; stroke: #b0bed2; stroke-width: 1.2; }
.combo-map-edges .combo-map-missing-edge { stroke: #ffbd77; stroke-dasharray: 6 4; }
.combo-map-node.combo-map-owned-card rect { fill: #193e35; stroke: #85d9b6; }
.combo-map-node.combo-map-missing-card rect { fill: #4a3023; stroke: #ffbd77; stroke-dasharray: 5 3; }
.combo-map-card-legend { font-size: .85rem; }
.combo-map-card-legend span:first-child { color: #85d9b6; }
.combo-map-card-legend span:last-child { color: #ffbd77; }
#comboMapDetails { max-height: 360px; overflow-y: auto; overflow-wrap: anywhere; }
.combo-map-node { cursor: grab; }
.combo-map-node rect { fill: #151f31; stroke: #b0bed2; stroke-width: 1.3; }
.combo-map-node text { fill: #edf2fa; font: 12px sans-serif; pointer-events: none; }
.combo-map-node:focus { outline: none; }
.combo-map-node:focus rect { stroke: #fff; stroke-width: 3; }
.combo-map-combo rect { fill: #151f31; }
.combo-map-result.combo-map-mana rect { fill: #153c4b; stroke: #64d5ee; }
.combo-map-result.combo-map-damage rect { fill: #4b2231; stroke: #fb92ad; }
.combo-map-result.combo-map-draw rect { fill: #151f31; stroke: #76d6c5; }
.combo-map-result.combo-map-token rect { fill: #1d4235; stroke: #85d9b6; }
.combo-map-result.combo-map-other rect { fill: #4a3924; stroke: #ecc28b; }
.combo-map-legend { display: flex; flex-wrap: wrap; gap: 12px; font-size: .85rem; }
.combo-map-legend span:nth-child(1) { color: #64d5ee; }
.combo-map-legend span:nth-child(2) { color: #fb92ad; }
.combo-map-legend span:nth-child(3) { color: #76d6c5; }
.combo-map-legend span:nth-child(4) { color: #85d9b6; }
.combo-map-legend span:nth-child(5) { color: #ecc28b; }
@media (max-width: 600px) { .combo-map-viewport { height: min(420px, 60dvh); } #comboMapDetails { max-height: 40dvh; } }