/* Uses the existing museum foil gradients, timing and language indicator. */
.card-reference-surface{position:relative;display:block;width:100%;height:100%;max-width:100%;aspect-ratio:488/680;min-width:0;overflow:hidden;isolation:isolate;background:transparent;border-radius:3.688525% / 2.647059%}
.card-reference-surface.is-alpha{border-radius:0}
/* A neutral mat separates the original transparent card corners from the dark UI. */
.card-image:has(>.card-reference-surface),.card-open-image:has(>.card-reference-surface){background:#737b86;padding:8px;aspect-ratio:auto}
.card-image>.card-reference-surface,.card-open-image>.card-reference-surface{height:auto}
.card-detail-image:has(>.card-reference-surface){background:transparent}
.card-detail-image>.card-reference-surface.is-alpha{background:#737b86}
.card-reference-surface>img{display:block;width:100%;height:100%;object-fit:contain}
.card-reference-surface>.card-language-badge{position:absolute;z-index:3;left:.65rem;bottom:.65rem;pointer-events:none;display:inline-flex;align-items:center;justify-content:center;min-width:1.8em;padding:.22em .4em;border:1px solid rgba(218,190,126,.55);border-radius:.35em;background:rgba(20,24,31,.9);color:#f4e5c5;font:600 10px/1.2 system-ui,sans-serif;letter-spacing:.06em;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.card-reference-surface>.card-image-missing{display:grid;place-items:center;width:100%;height:100%;min-height:0;font-size:12px;text-align:center}
.card-reference-surface:hover>.museum-foil-light{opacity:1;background-position:67% 50%}
.card-reference-surface:hover>.museum-foil-light:before,.card-reference-surface:hover>.museum-foil-light:after{animation-duration:4.2s}
.card-quick-actions>.card-project-remove{grid-column:1 / -1}
.collection-compact-thumb>.card-reference-surface{height:auto}
.inventory-detail-image>.card-reference-surface{height:auto}
.card-reference-surface.has-foil-preview>.museum-foil-light{display:block;position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:inherit;background:linear-gradient(118deg,transparent 8%,#b2f0ea1a 20%,#93d8f142 34%,#e6aff237 47%,#f3d98c40 61%,#abd3a624 72%,transparent 86%);background-size:210% 160%;background-position:48% 50%;mix-blend-mode:screen;opacity:.85;transition:background-position .3s,opacity .3s;z-index:1}
.card-reference-surface.has-foil-preview>.museum-foil-light:before{content:'';position:absolute;inset:-35% -55%;border-radius:inherit;background:linear-gradient(112deg,transparent 25%,#96dbed33 35%,#e2b2f2a3 43%,#fff5c9bb 49%,#b6e9e6a6 56%,#9aabd84d 64%,transparent 74%);opacity:.6;transform:translateX(-30%) rotate(-8deg);animation:museum-public-foil-sweep 8.4s ease-in-out infinite;will-change:transform}
.card-reference-surface.has-foil-preview>.museum-foil-light:after{content:'';position:absolute;inset:-30% -65%;background:linear-gradient(112deg,transparent 42%,#f8ffff8a 47%,#fffef5e8 49%,#ecffff85 51%,transparent 56%);opacity:.37;transform:translateX(-33%) rotate(-8deg);animation:museum-public-foil-specular 8.4s ease-in-out infinite;will-change:transform}
@keyframes museum-public-foil-sweep{0%,100%{transform:translateX(-30%) rotate(-8deg);opacity:.38}25%{opacity:.65}50%{transform:translateX(30%) rotate(-8deg);opacity:.6}75%{opacity:.55}}
@keyframes museum-public-foil-specular{0%,100%{transform:translateX(-33%) rotate(-8deg);opacity:.2}35%{opacity:.46}50%{transform:translateX(33%) rotate(-8deg);opacity:.37}75%{opacity:.36}}
@media(prefers-reduced-motion:reduce){.card-reference-surface.has-foil-preview>.museum-foil-light{transition:none;background-position:48% 50%}.card-reference-surface.has-foil-preview>.museum-foil-light:before{animation:none;transform:translateX(-5%) rotate(-8deg);opacity:.45;will-change:auto}.card-reference-surface.has-foil-preview>.museum-foil-light:after{animation:none;transform:translateX(5%) rotate(-8deg);opacity:.24;will-change:auto}}