/* Collection artwork: all frames and exact virtue names are already in each image. */
#collectionDialog .collection-card{position:relative;display:block;min-width:0;min-height:0;padding:0;border:0;border-radius:13px;background:transparent;color:#f2d4a0;box-shadow:none;overflow:visible;isolation:isolate;transition:transform .25s ease,filter .25s ease}
#collectionDialog .collection-card:hover{transform:translateY(-4px);filter:brightness(1.025)}
#collectionDialog .collection-card:focus-visible{outline:2px solid #8d623f;outline-offset:3px}
#collectionDialog .collection-art{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;border-radius:13px;box-shadow:0 4px 12px #223a4010}
/* Live HTML names keep small-screen text readable and cover the image's baked label. */
#collectionDialog .collection-card{--collection-bg:#233e47;--collection-ink:#f4dfb9}
#collectionDialog .collection-card.tone-1{--collection-bg:#4d6558}
#collectionDialog .collection-card.tone-2{--collection-bg:#865342}
#collectionDialog .collection-card.tone-3{--collection-bg:#7d633d}
#collectionDialog .collection-card.undiscovered{--collection-bg:#f8f1e5;--collection-ink:#233e47}
#collectionDialog .collection-name{position:absolute;left:7%;right:7%;top:80.5%;width:auto;height:11%;display:flex;align-items:center;justify-content:center;padding:0 2px;margin:0;overflow:visible;clip:auto;white-space:normal;border:0;background:var(--collection-bg);color:var(--collection-ink);font:clamp(14px,1.65vw,20px)/1.15 Georgia,serif;letter-spacing:-.2px;text-align:center}
#collectionDialog .collection-name.is-long-name{font-size:clamp(12px,1.4vw,18px)}
#collectionDialog .collection-marks{position:absolute;inset:0;display:block;height:auto;pointer-events:none;align-self:auto;color:#f5d8a7}
#collectionDialog .collection-marks>span{position:absolute;top:6.8%;display:grid;place-items:center;width:22px;height:22px}
#collectionDialog .collection-saved-mark{right:7%}
#collectionDialog .collection-reflection-mark{left:7%}
#collectionDialog .collection-marks svg{display:block;width:18px;height:18px;margin:0;fill:currentColor;stroke:none;opacity:1;filter:drop-shadow(0 1px 1px #20333a40)}
#collectionDialog .collection-reflection-mark svg{width:15px;height:15px}
#collectionDialog .collection-card.undiscovered .collection-marks{color:#8e653d}
#collectionDialog .collection-card.art-unavailable{min-height:250px;background:#f1e7d4;border:1px solid #c5a16c}
#collectionDialog .art-unavailable .collection-art{display:none}
#collectionDialog .art-unavailable .collection-name{position:static;display:grid;place-items:center;width:auto;height:auto;min-height:250px;padding:20px;margin:0;overflow:visible;clip:auto;white-space:normal;color:#233e47;font:25px/1.3 Georgia,serif}
#collectionDialog .collection-grid{gap:18px}
@media(max-width:750px){#collectionDialog .collection-grid{gap:12px}}
@media(max-width:600px){#collectionDialog .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#collectionDialog .collection-art{border-radius:10px}#collectionDialog .collection-marks>span{width:18px;height:18px}#collectionDialog .collection-marks svg{width:15px;height:15px}#collectionDialog .collection-reflection-mark svg{width:12px;height:12px}#collectionDialog .collection-card.art-unavailable,#collectionDialog .art-unavailable .collection-name{min-height:200px}}
@media(prefers-reduced-motion:reduce){#collectionDialog .collection-card{transition:none}#collectionDialog .collection-card:hover{transform:none}}