/* ===== StarrKit — effet "3D feinte" pour personnages 2D ===== */
.brawler3d { perspective: 900px; width: 100%; max-width: 300px; aspect-ratio: 3 / 4; margin: 0 auto; }
.brawler3d__inner {
    position: relative; width: 100%; height: 100%; transform-style: preserve-3d;
    transition: transform .12s ease-out; will-change: transform;
    border-radius: 22px; overflow: hidden; border: 3px solid var(--border);
    box-shadow: 0 16px 30px rgba(0, 0, 0, .5);
}
.brawler3d__fallback {
    position: absolute; inset: 0; display: grid; place-items: center;
    font-family: var(--display); font-size: 5rem; color: var(--accent-contrast);
    background: linear-gradient(160deg, var(--accent), var(--accent-2));
}
.brawler3d__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.brawler3d.no-img .brawler3d__img { display: none; }
.brawler3d__shine { position: absolute; inset: 0; pointer-events: none; mix-blend-mode: overlay; transition: background .12s; }
.brawler3d__name {
    position: absolute; left: 0; right: 0; bottom: 0; padding: 12px; text-align: center;
    font-family: var(--display); background: linear-gradient(transparent, rgba(0, 0, 0, .65));
}