@property --holo-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes holo-spin{to{--holo-angle:360deg}}@keyframes card-deal{0%{opacity:0;transform:translateY(24px)scale(.92)}}@keyframes card-rays{to{transform:rotate(360deg)}}.card-frame{border-radius:6cqw;padding:3cqw;position:absolute;inset:0;box-shadow:0 14px 34px -14px #00000073}.card-frame[data-tier=base]{background:#f4f4f2}.dark .card-frame[data-tier=base]{background:#d4d4d1}.card-frame[data-tier=foil]{background:linear-gradient(135deg,#e5e7eb,#9ca3af 30%,#f9fafb 50%,#9ca3af 70%,#e5e7eb)}.card-frame[data-tier=gold]{background:linear-gradient(135deg,#f6e27a,#b8860b 30%,#fff3b0 50%,#b8860b 70%,#f6e27a)}.card-frame[data-tier=holo]{background:conic-gradient(from var(--holo-angle), #ff6b6b, #ffd93d, #6bcb77, #4d96ff, #c77dff, #ff6b6b);animation:6s linear infinite holo-spin}.card-frame[data-tier=locked]{border:2px dashed var(--border);box-shadow:none}.card-shine,.card-foil{pointer-events:none;position:absolute;inset:0}.card-shine{opacity:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #fff6, transparent 55%);mix-blend-mode:overlay;transition:opacity .3s}.gym-card:hover .card-shine{opacity:1}.card-foil{mix-blend-mode:color-dodge;background-size:250% 250%;background-position:var(--mx,50%) var(--my,50%);display:none}[data-tier=foil] .card-foil{opacity:.25;background-image:repeating-linear-gradient(115deg,#0000 0 6%,#ffffffb3 9%,#0000 12%);display:block}[data-tier=gold] .card-foil{opacity:.35;background-image:repeating-linear-gradient(115deg,#0000 0 6%,#ffd250cc 9%,#0000 12%);display:block}[data-tier=holo] .card-foil{opacity:.4;background-image:repeating-linear-gradient(115deg,#ff6b6b 0%,#ffd93d 5%,#6bcb77 10%,#4d96ff 15%,#c77dff 20%,#ff6b6b 25%);display:block}@media (prefers-reduced-motion:reduce){.card-frame[data-tier=holo]{animation:none}}