.joker-pack-art {
    position: relative;
    isolation: isolate;
    width: 156px;
    max-width: 60%;
    aspect-ratio: 509 / 799;
    margin: 16px auto 22px;
}
.joker-pack-art::before {
    content: '';
    position: absolute;
    inset: 4px;
    z-index: -1;
    border: 1px solid rgba(216, 180, 254, 0.5);
    border-radius: 15px;
    background: linear-gradient(150deg, #7834a4, #152735 65%, #537d7e);
    transform: translateX(9px) rotate(7deg);
    box-shadow: 0 0 32px rgba(176, 38, 255, 0.28);
}
.joker-pack-art img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 14px;
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.45), 0 0 20px rgba(192, 132, 252, 0.16);
    transform: rotate(-4deg);
}
.joker-pack-art--compact { width: 102px; margin: 12px auto 18px; }
.joker-pack-card {
    border: 1px solid rgba(192, 132, 252, 0.55);
    background: radial-gradient(ellipse at 50% 18%, rgba(168, 85, 247, 0.2), transparent 65%), linear-gradient(155deg, #241534, #101823);
}
.joker-pack-card .pack-name { color: #f3e8ff; }
.joker-pack-icon {
    display: block;
    width: 32px;
    height: 32px;
    object-fit: cover;
    border-radius: 9px;
    box-shadow: 0 0 12px rgba(192, 132, 252, 0.35);
}
.joker-paste-icon img { display: block; width: 22px; height: 22px; border-radius: 6px; }