/* Ownership changes the artwork, not the ability to inspect or acquire it. */
:root {
  --ownership-missing: #b2bdca;
  --ownership-partial: #eed49f;
  --ownership-complete: #8ee8d2;
}
.ownership-art > img { filter: none; opacity: 1; transition: filter .2s, opacity .2s; }
.ownership-art[data-ownership="missing"] > img { filter: grayscale(1) brightness(.78); opacity: .48; }
.ownership-art[data-ownership="complete"] { outline: 1px solid #8ee8d250; outline-offset: -1px; }
.ownership-art[data-ownership="partial"] { outline: 2px solid #eed49fb0; outline-offset: -2px; }
.ownership-art[data-ownership="missing"] { outline: 1px dashed #b2bdca50; outline-offset: -1px; }
.card-art.ownership-art[data-ownership="missing"]:hover { box-shadow: 0 18px 40px #0008, 0 0 0 1px #b2bdca50; }
.ownership-art[data-ownership="missing"] .art-fallback { background: #19232d; }
.ownership-art[data-ownership="missing"] .art-fallback .symbol { color: var(--ownership-missing); }
.ownership-icon { position: absolute; right: 5px; bottom: 5px; display: grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: #10202de8; border: 1px solid #ffffff40; color: var(--ownership-missing); font-size: 16px; font-weight: 700; backdrop-filter: blur(12px); }
[data-ownership="complete"] > .ownership-icon { color: var(--ownership-complete); border-color: #8ee8d260; }
[data-ownership="partial"] > .ownership-icon { color: var(--ownership-partial); border-color: #eed49f80; }
.ownership-label { display: inline-flex; align-items: center; gap: 8px; padding: 6px 10px; border: 1px solid #b2bdca40; border-radius: 12px; color: var(--ownership-missing); background: #b2bdca08; font-size: .875rem; line-height: 1.4; }
.ownership-label[data-ownership="complete"] { color: var(--ownership-complete); border-color: #8ee8d24d; background: #8ee8d20b; }
.ownership-label[data-ownership="partial"] { color: var(--ownership-partial); border-color: #eed49f66; background: #eed49f0b; }
#inspect-ownership { margin: 12px 0 0; }
.card[data-ownership="missing"] .card-title { color: #bdc7d3; }
.art-status.missing { color: #d1d7df; border-color: #b2bdca50; background: #101922e0; }
.card-ownership-key { display: flex; flex-wrap: wrap; gap: 10px; margin: -8px 0 20px; }
.deck-card[data-ownership="missing"] { border-style: dashed; border-color: #b2bdca36; background: #ffffff02; }
.deck-card[data-ownership="partial"] { border-color: #eed49f70; box-shadow: inset 3px 0 0 #eed49f; }
.deck-card[data-ownership="complete"] { border-color: #8ee8d255; box-shadow: inset 3px 0 0 #8ee8d2; }
.deck-card .ownership-label { margin: 8px 0 2px; }
.deck-card[data-ownership="missing"] .need { color: #c3cdd9; }
.deck-card[data-ownership="partial"] .need { color: var(--ownership-partial); }
.deck-card[data-ownership="complete"] .need { color: var(--ownership-complete); }
@media (prefers-reduced-motion: reduce) {
  .ownership-art > img { transition: none; }
}