/* Optional foil overlay: the underlying high.webp is never changed. */
.atlas-foil-card{position:relative;display:inline-block;overflow:hidden;max-width:100%;line-height:0;border-radius:4.2%;isolation:isolate;--fx:50%;--fy:50%;--tilt:0deg}
.atlas-foil-base{display:block;width:100%;height:auto;object-fit:contain}
.atlas-foil-layer,.atlas-etch-layer,.atlas-foil-glint{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;border-radius:inherit}
.atlas-foil-layer{object-fit:fill;mix-blend-mode:screen;opacity:.38;filter:saturate(1.45) brightness(1.1)}
.atlas-etch-layer{object-fit:fill;mix-blend-mode:soft-light;opacity:.45}
.atlas-foil-glint{background:linear-gradient(calc(115deg + var(--tilt)),transparent 10%,rgba(255,255,255,.06) 30%,rgba(255,255,255,.55) 49%,rgba(255,255,255,.06) 65%,transparent 85%);background-size:210% 210%;background-position:var(--fx) var(--fy);mix-blend-mode:screen;opacity:.45;transition:opacity .2s}
.atlas-foil-card.is-foil:hover .atlas-foil-glint,.atlas-foil-card.is-foil.is-active .atlas-foil-glint{opacity:.8}
.atlas-foil-card.foil-small{width:100%}
.atlas-foil-card.foil-small .atlas-foil-glint{opacity:.23}
@media(prefers-reduced-motion:reduce){.atlas-foil-glint{transition:none}}

/* Mobile tilt permission control */
.atlas-tilt-controls{display:flex;flex-direction:column;align-items:center;gap:7px;margin:14px auto 6px;line-height:1.35;text-align:center}
.atlas-tilt-controls[hidden]{display:none}
.atlas-tilt-button{font:inherit;font-size:.9rem;font-weight:600;border:1px solid #c5b9ed;background:#f5f0ff;color:#3f2879;border-radius:999px;padding:10px 16px;cursor:pointer;touch-action:manipulation}
.atlas-tilt-button:disabled{opacity:.65;cursor:wait}
.atlas-tilt-note{font-size:.8rem;color:#6d6580;max-width:270px}

/* 3D perspective tilt for the detail card only */
.atlas-image-wrap{perspective:1000px;overflow:visible}
.atlas-image-wrap .atlas-foil-card{transform:rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg));transform-style:preserve-3d;transition:transform .12s ease-out;will-change:transform}
@media(prefers-reduced-motion:reduce){.atlas-image-wrap .atlas-foil-card{transition:none}}

/* Landscape notice: ordinary browser tabs cannot force orientation. */
.atlas-portrait-note{display:none;margin:8px auto;padding:10px 14px;max-width:340px;text-align:center;border-radius:10px;background:#f5f0ff;color:#3f2879;font-size:.9rem}
.atlas-landscape .atlas-portrait-note{display:block}
.atlas-image-wrap .atlas-foil-card{transform-origin:center center;backface-visibility:hidden}

/* v3.0: allow visible card edges when the card rotates. */
.atlas-image-wrap .atlas-foil-card.is-foil{overflow:hidden;transform-style:preserve-3d;transition:transform 90ms ease-out!important;backface-visibility:hidden;}
.atlas-image-wrap{overflow:visible!important;}