/* Integer-scale originals; presentation only, no gameplay changes. */
.collection-dock .tarot:hover .card-hover-info,.collection-dock .tarot:focus-visible .card-hover-info{display:none}
.collection-dock .tarot:hover,.collection-dock .tarot:focus-visible{transform:none}
.collection-dock .card-sprite.original-card{width:64px;height:64px;object-fit:contain;image-rendering:pixelated;filter:none;max-width:none}
#card-detail .card-sprite.original-card{width:128px;height:128px;object-fit:contain;image-rendering:pixelated;filter:none}
#card-detail .card-illustration{height:144px;min-height:144px}
#card-detail .card-kind{font-size:12px;color:#bcb1cf;margin:0}
#card-detail .card-flavor{font:italic 14px/1.45 Georgia,serif;color:#c7bca7;border-top:1px solid #605a63;padding-top:9px}
@media(max-height:750px) and (min-width:1000px){.collection-dock .card-sprite.original-card{width:32px;height:32px}}
@media(max-width:600px){.collection-dock .card-sprite.original-card{width:32px;height:32px}}

/* The approved pilot frame, around the whole card and inset portrait. */
.collection-dock .tarot{--metal:#aa8351;--portrait:#292032;--bevel:#49364f;border:7px solid transparent;border-image:url('card-art/frame-common.png') 8 fill / 7px / 0 stretch;border-radius:0;padding:3px;background:#352937;box-shadow:2px 3px 0 #09080d;overflow:hidden}
.collection-dock .tarot.rank-1{border-image-source:url('card-art/frame-silver.png');--metal:#8dabbd;--bevel:#3b5363;background:#263642}
.collection-dock .tarot.rank-2{border-image-source:url('card-art/frame-gold.png');--metal:#c59a42;--bevel:#65502d;background:#413426}
.collection-dock .tarot .card-illustration,.collection-dock .tarot.rank-1 .card-illustration,.collection-dock .tarot.rank-2 .card-illustration{width:100%;aspect-ratio:auto;min-height:0;position:relative;overflow:hidden;border:4px double var(--bevel);background:var(--portrait);box-shadow:0 0 0 1px #171219,inset 2px 2px #171219,inset -2px -2px #171219;margin:2px 0 0;padding:2px}
.collection-dock .card-sprite.original-card{max-width:100%;max-height:100%;flex-shrink:1;object-fit:contain}
.collection-dock .tarot h3{border-top:1px solid var(--metal);padding-top:3px;margin-top:4px;flex-shrink:0}
.collection-dock .tarot.undiscovered{border-image-source:url('card-art/frame-common.png')}
#card-detail{--metal:#aa8351;--bevel:#49364f;--portrait:#292032;border:10px solid transparent;border-image:url('card-art/frame-common.png') 8 fill / 10px / 0 stretch;border-radius:0;background:#352937;padding:14px;box-shadow:0 12px 48px #000b}
#card-detail[data-rank="1"]{border-image-source:url('card-art/frame-silver.png');--metal:#8dabbd;--bevel:#3b5363;background:#263642}
#card-detail[data-rank="2"]{border-image-source:url('card-art/frame-gold.png');--metal:#c59a42;--bevel:#65502d;background:#413426}
#card-detail .card-illustration{width:100%;height:168px;min-height:168px;flex-shrink:0;aspect-ratio:auto;display:grid;place-items:center;border:8px double var(--bevel);background:var(--portrait);box-shadow:0 0 0 2px #171219,inset 3px 3px #171219,inset -3px -3px #171219;margin:4px 0;padding:8px;overflow:hidden}
#card-detail h2{border-top:1px solid var(--metal);padding-top:8px;text-align:center}
#card-detail .close-detail{background:#171219;color:#e8dcc4;right:2px;top:2px;z-index:2}
.collection-dock .tarot:has(img[src*="predadores"]),#card-detail:has(img[src*="predadores"]){--portrait:#222a21;--bevel:#4b4c32}
.collection-dock .tarot:has(img[src*="herbario"]),#card-detail:has(img[src*="herbario"]){--portrait:#202d29;--bevel:#51405a}
.collection-dock .tarot:has(img[src*="observatorio"]),#card-detail:has(img[src*="observatorio"]){--portrait:#1c2440;--bevel:#43516f}
.collection-dock .tarot:has(img[src*="pico-abissal"]),#card-detail:has(img[src*="pico-abissal"]){--portrait:#171629;--bevel:#493660}
.collection-dock .tarot{border-width:4px;border-image-width:4px;padding:2px}
.collection-dock .tarot .card-top{position:absolute;top:4px;left:7px;right:7px;z-index:3;pointer-events:none;font-size:10px;line-height:12px;min-height:12px;text-shadow:0 1px 2px #000,1px 0 #000}
.collection-dock .tarot .card-illustration,.collection-dock .tarot.rank-1 .card-illustration,.collection-dock .tarot.rank-2 .card-illustration{border-width:2px;padding:0;margin-top:10px}
.collection-dock .tarot h3{padding-top:2px;margin-top:3px}