.deck-panel { display: flex; flex-direction: column; gap: 12px; padding: 16px; }
.deck-panel__missing { margin: 0; padding: 10px 12px; border-radius: var(--radius-m); border: 1px dashed var(--border-strong); font-size: 12px; }
.deck-panel__tabs { display: flex; gap: 4px; }
.deck-panel__tab { padding: 5px 10px; border: 0; border-radius: 6px; background: transparent; color: var(--text-muted); font: 500 12px var(--font); cursor: pointer; }
.deck-panel__tab[aria-selected="true"] { background: var(--surface-2); color: var(--text); }

.deck-zone { display: flex; flex-direction: column; gap: 8px; }
.deck-zone__title { margin: 0; font: 600 10px var(--font-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--text-muted); }
.tabs--ready .deck-zone__title { display: none; }
.tabs--ready .deck-zone:not([data-tabs-active]) { display: none; }
.deck-zone__types { margin: 0; color: var(--text-muted); font-size: 11px; }
.deck-zone__empty { margin: 0; color: var(--text-muted); font-size: 13px; }
.deck-zone__rows { display: flex; flex-direction: column; gap: 4px; list-style: none; margin: 0; padding: 0; }

.deck-row { display: flex; align-items: center; gap: 10px; min-height: 38px; }
.deck-row__image { width: 20px; height: 28px; object-fit: cover; border-radius: 3px; flex: none; }
.deck-row__name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.deck-row__owned { padding: 2px 6px; border-radius: 4px; background: var(--strong); color: var(--on-strong); font: 600 10px var(--font-mono); white-space: nowrap; }