/* Separate child overlays preserve every existing frame and its pseudo-elements. */
.card.holographic-card{isolation:isolate;outline:1px solid #8bc8d0;outline-offset:1px}.card.holographic-card>.holo-foil{position:absolute;display:block;pointer-events:none;inset:3px;z-index:4;border-radius:inherit;overflow:hidden;opacity:.65;clip-path:polygon(0 0,100% 0,100% 83%,50% 100%,0 83%);background:linear-gradient(120deg,transparent 20%,#78ddd820%,#c4a1ed44 37%,#edc99e55 43%,#9bcedc44 49%,transparent 62%);background-size:280% 100%;animation:holoFoilSweep 3.5s ease-out 1;mix-blend-mode:screen;mask-image:linear-gradient(#000c,#000b 55%,#0002 70%,transparent 80%)}.card.holographic-card>.holo-mark{position:absolute;right:7px;top:28px;z-index:8;pointer-events:none;font-family:Arial,sans-serif;font-size:7px;font-weight:900;letter-spacing:.5px;color:#e6e4fb;background:#18243ce8;border:1px solid #a8b4d9;border-radius:4px;padding:3px 4px;line-height:1.1}.card.holographic-card:hover>.holo-foil,.card.holographic-card:focus-visible>.holo-foil{animation:holoFoilHover 2.5s ease-out 1}.holo-info{padding:18px;margin-top:18px}.holo-info h2,.holo-info h3{color:#bcb5dc}@keyframes holoFoilSweep{0%{background-position:110% 0;opacity:.2}45%{opacity:.95}100%{background-position:0 0;opacity:.65}}@keyframes holoFoilHover{0%{background-position:110% 0}100%{background-position:0 0}}@media(prefers-reduced-motion:reduce){.card.holographic-card>.holo-foil{animation:none!important;opacity:.5}}