/* Supplemental rules are readable beneath the card; its art keeps its space. */
.card-copy .card-tribe-line{display:block;font-size:8px;line-height:1.25;color:#bfd5cc;overflow-wrap:anywhere}
.card-copy .card-synergy-hint{display:block;font-size:8px;line-height:1.3;color:#a9e0cf}
.pack-card-surface .card-copy .card-tribe-line{font-size:3.8cqw;line-height:1.3}
.pack-card-surface .card-copy .card-synergy-hint{font-size:3.8cqw;line-height:1.3}
.showcase-archetypes{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;min-width:0}
.showcase-archetypes>span{border:1px solid color-mix(in srgb,var(--tag-color),transparent 65%);color:var(--tag-color);border-radius:20px;padding:5px 9px;font-size:11px;line-height:1.2}
.showcase-archetypes>.family{background:#23383b}
.showcase-synergy{min-width:0;border:1px solid #9ed5c635;border-radius:12px;background:#142a30;padding:12px;margin-top:10px;text-align:left}
.showcase-synergy>b{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#a9e0cf}
.showcase-synergy p{font-size:13px!important;line-height:1.55!important;margin:7px 0 0!important;color:#d4e4df;overflow-wrap:anywhere}
.showcase-synergy summary{display:flex;align-items:center;min-height:44px;font-size:12px;color:#add8ce;cursor:pointer;touch-action:manipulation}
.showcase-synergy summary:focus-visible{outline:3px solid #9ce2d8;outline-offset:2px;border-radius:4px}
.showcase-synergy details p,.showcase-synergy .legacy-synergy-note{font-size:11px!important;color:#a4bfc3}
@media(max-height:480px) and (min-width:600px){
 .modal.card-inspection,.exp-modal.inspect{display:block;width:min(650px,100%);max-width:650px;height:auto;padding:42px 20px 18px}
 .card-showcase{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:start;max-width:none;width:100%;gap:10px 16px}
 .card-showcase>.showcase-stage{grid-column:1;grid-row:1/20;width:160px;max-width:160px;align-self:start;justify-self:start}
 .card-showcase>:not(.showcase-stage){grid-column:2;min-width:0}
 .card-showcase .showcase-tools{flex-direction:row}
 .card-inspection>.end-turn{position:static;width:150px;margin:16px 0 0 auto}
 .showcase-synergy{margin-top:0}
}