/* Original artwork lives on a layered display; its pixels are never filtered or cropped. */
.card-art{height:270px;background:radial-gradient(ellipse at 50% 42%,var(--glow,#30555a),#0b131b 72%)}
.card-art:before{inset:37px 24px 48px;border-radius:0;transform:rotate(45deg) scale(.68);border-color:#b9d6dc24}
.card-art:after{background:linear-gradient(0deg,#0e161e,transparent 24%)}
.trophy-visual{inset:0;filter:none;background:none;transform-style:preserve-3d;transition:none}
.card:hover .trophy-visual{transform:none}
.artwork-atmosphere{position:absolute;inset:0;background-position:center;background-size:cover;filter:blur(28px) saturate(.6);opacity:.16;transform:scale(1.2);pointer-events:none}
.relic-stage{position:absolute;inset:45px 30px 51px;display:flex;align-items:center;justify-content:center;perspective:800px}
.relic-frame{position:relative;display:flex;align-items:center;justify-content:center;width:174px;height:174px;padding:10px;border:1px solid #bad7dd70;background:linear-gradient(145deg,#70858a44,#0a141ced 26%,#263d47 77%,#aecbd02b);box-shadow:inset 0 0 0 3px #0c1922,0 8px 0 -4px #283b45,0 9px 0 -4px #8ea5ad66,0 20px 28px #0008,0 0 24px #a8d9d415;transform:translate(var(--art-x,0px),var(--art-y,0px));transition:transform .18s ease-out}
.relic-frame:before,.relic-frame:after{content:'';position:absolute;z-index:1;pointer-events:none;width:16px;height:16px;border-color:#d5e8e7;border-style:solid;filter:drop-shadow(0 0 5px #d2eaf055)}
.relic-frame:before{top:-2px;left:-2px;border-width:2px 0 0 2px}
.relic-frame:after{bottom:-2px;right:-2px;border-width:0 2px 2px 0}
.relic-image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:none;border:1px solid #aacbd12a;background:#071018}
.relic-glass{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--light-x,25%) var(--light-y,15%),#e3f7ff1f,transparent 57%),linear-gradient(125deg,transparent 38%,#e9faff0b 40%,transparent 60%);opacity:.6;transition:opacity .2s}
.card:hover .relic-glass,.card:focus-within .relic-glass{opacity:1}
.game-stage .relic-frame{width:186px;height:174px;padding:7px;background:#101b24}
.game-stage .relic-image{background:transparent;border:0}
.artwork-caption{position:absolute;bottom:16px;left:17px;right:38px;z-index:1;line-height:1.45;pointer-events:none}
.artwork-caption span{display:block;color:#8ba6af;font-size:6px;letter-spacing:1.5px;text-transform:uppercase}
.artwork-caption b{display:block;margin-top:4px;color:#d7e5e7;font-family:var(--serif);font-size:13px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-numeral,.card-badge{z-index:2}
.favorite{bottom:15px}
.dossier-art{min-height:355px;overflow:hidden;background:radial-gradient(ellipse,#29454c66,transparent 73%)}
.dossier-art:after{background:linear-gradient(0deg,#0c141b,transparent 15%);pointer-events:none}
.dossier-art .relic-stage{inset:40px 35px 67px}
.dossier-art .relic-frame{width:222px;height:222px;padding:15px;transform:rotateY(-7deg) rotateX(3deg)}
.dossier-art .game-stage .relic-frame{width:260px;height:235px;padding:10px}
.dossier-art .artwork-caption{bottom:25px;text-align:center;left:25px;right:25px}
.dossier-art .artwork-caption b{font-size:19px;margin-top:7px}
.dossier-art .artwork-caption span{font-size:8px}
.artwork-provenance{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:0 0 25px;margin-bottom:25px;border-bottom:1px solid var(--line)}
.artwork-provenance b{font-size:10px;font-weight:500;color:var(--mint)}
.artwork-provenance p{font-size:9px;margin:6px 0 0;max-width:480px;color:var(--muted)}
.artwork-provenance>div:last-child{display:flex;flex-direction:column;align-items:start;gap:10px;flex-shrink:0}
.artwork-pending{position:absolute;inset:50px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#a1b7c0}
.artwork-pending span{font:64px var(--serif);color:#c5d9da}
.artwork-pending small{font-size:8px;letter-spacing:1px;text-transform:uppercase}
.no-motion .relic-frame{transform:none!important;transition:none!important}
@media(min-width:1600px){.card-art{height:300px}.relic-frame{width:196px;height:196px}.game-stage .relic-frame{width:226px;height:196px}}
@media(max-width:1100px){.card-art{height:270px}}
@media(max-width:760px){.card-art{height:215px}.relic-stage{inset:44px 16px 48px}.relic-frame{width:130px;height:130px;padding:7px}.game-stage .relic-frame{width:130px;height:130px;padding:5px}.artwork-caption{left:12px;bottom:15px;right:30px}.artwork-caption span{font-size:5px;letter-spacing:1px}.artwork-caption b{font-size:11px}.dossier-art{min-height:290px;height:290px}.dossier-art .relic-stage{inset:35px 35px 60px}.dossier-art .relic-frame{width:182px;height:182px;padding:10px}.dossier-art .game-stage .relic-frame{width:220px;height:190px}.dossier-art .artwork-caption{bottom:19px}.dossier-art .artwork-caption b{font-size:17px}.artwork-provenance{align-items:start;flex-direction:column;gap:14px}.artwork-provenance>div:last-child{flex-direction:row;gap:20px}.artwork-provenance p{font-size:9px}}
@media(max-width:390px){.card-art{height:190px}.relic-stage{inset:42px 14px 45px}.relic-frame{width:106px;height:106px;padding:5px}.game-stage .relic-frame{width:106px;height:106px}.card-numeral{font-size:16px}.artwork-caption b{font-size:10px}.artwork-caption span{font-size:4.8px}}
@media(prefers-reduced-motion:reduce){.relic-frame{transform:none!important;transition:none!important}}

.card:is(:hover,:focus-within) .artwork-atmosphere,.dossier-art .artwork-atmosphere{background-image:var(--artwork-image)}