/* Text is an alternate presentation of the same grouped card and popup link. */
.deck-card-text,
.deck-view-select[hidden] { display: none; }

:is([data-deck-view="text"], [data-deck-view="compact-text"]) .deck-card-grid {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 23rem), 1fr));
    gap: .5rem 1.5rem;
}
:is([data-deck-view="text"], [data-deck-view="compact-text"]) .unified-card-tile {
    border-radius: .4rem;
    overflow: visible;
}
:is([data-deck-view="text"], [data-deck-view="compact-text"]) .deck-card-image {
    display: block;
    box-sizing: border-box;
    min-height: 44px;
    padding: .5rem;
    aspect-ratio: auto;
    place-items: normal;
    text-align: left;
    background: transparent;
    color: var(--text);
    overflow: visible;
}
:is([data-deck-view="text"], [data-deck-view="compact-text"]) .deck-card-image:hover { background: var(--surface-muted); }
:is([data-deck-view="text"], [data-deck-view="compact-text"]) .deck-card-image:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}
:is([data-deck-view="text"], [data-deck-view="compact-text"]) .deck-card-image::after,
:is([data-deck-view="text"], [data-deck-view="compact-text"]) [data-card-art],
:is([data-deck-view="text"], [data-deck-view="compact-text"]) [data-card-image-fallback],
:is([data-deck-view="text"], [data-deck-view="compact-text"]) .card-tile-controls { display: none !important; }
:is([data-deck-view="text"], [data-deck-view="compact-text"]) .deck-card-text { display: block; }
.deck-card-text-heading { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .35rem .75rem; }
.deck-card-text-title { display: flex; align-items: baseline; gap: .35rem; min-width: 0; flex: 1 1 12rem; font-size: 1rem; line-height: 1.35; }
.deck-card-text-quantity { flex: 0 0 auto; font-weight: 650; font-variant-numeric: tabular-nums; }
.deck-card-text-name { overflow-wrap: anywhere; font-weight: 650; }
.deck-card-text-mana { display: inline-flex; flex-wrap: wrap; align-items: center; gap: .15rem; max-width: 100%; font-size: 1.1rem; line-height: 1.4; }
.deck-card-text-mana > span { display: inline-flex; align-items: center; }
.deck-card-text-rules { display: block; margin: .25rem 0 0 1.5rem; color: var(--muted); font-size: .8125rem; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; }

[data-deck-view="compact-text"] .deck-card-text-rules { display: none; }