/*
 * Cadres d'avatar VIP / VIP+ — rendu PNG local et stable.
 * Aucun masque, clip-path, filtre CSS ou animation n'est nécessaire :
 * l'affichage reste identique sur PC, mobile, tablette, PS4, PS5 et Xbox.
 */
.avatar-frame{
  position:relative!important;
  overflow:visible!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
.avatar-frame::before{
  content:"";
  position:absolute;
  z-index:4;
  left:-25%;top:-25%;width:150%;height:150%;right:auto;bottom:auto;
  pointer-events:none;
  background-position:center;
  background-repeat:no-repeat;
  background-size:100% 100%;
  margin:0!important;
  transform:none!important;
  transform-origin:center center!important;
}
.avatar-frame::after{content:none!important}

/* 7 cadres VIP */
.avatar-frame-vip-gold-orbit::before{background-image:url('/assets/frames/vip_gold_orbit.png?v=20260730-centered2')}
.avatar-frame-vip-emerald-runes::before{background-image:url('/assets/frames/vip_emerald_runes.png?v=20260730-centered2')}
.avatar-frame-vip-rose-crystal::before{background-image:url('/assets/frames/vip_rose_crystal.png?v=20260730-centered2')}
.avatar-frame-vip-midnight-neon::before{background-image:url('/assets/frames/vip_midnight_neon.png?v=20260730-centered2')}
.avatar-frame-vip-silver-moon::before{background-image:url('/assets/frames/vip_silver_moon.png?v=20260730-centered2')}
.avatar-frame-vip-crimson-seal::before{background-image:url('/assets/frames/vip_crimson_seal.png?v=20260730-centered2')}
.avatar-frame-vip-azure-wave::before{background-image:url('/assets/frames/vip_azure_wave.png?v=20260730-centered2')}

/* 7 cadres VIP+ — gamme plus premium */
.avatar-frame-vipplus-celestial-sovereign::before{background-image:url('/assets/frames/vipplus_celestial_sovereign.png?v=20260730-centered2')}
.avatar-frame-vipplus-royal-crown::before{background-image:url('/assets/frames/vipplus_royal_crown.png?v=20260730-centered2')}
.avatar-frame-vipplus-phantom-luxe::before{background-image:url('/assets/frames/vipplus_phantom_luxe.png?v=20260730-centered2')}
.avatar-frame-vipplus-cyber-prism::before{background-image:url('/assets/frames/vipplus_cyber_prism.png?v=20260730-centered2')}
.avatar-frame-vipplus-obsidian-diamond::before{background-image:url('/assets/frames/vipplus_obsidian_diamond.png?v=20260730-centered2')}
.avatar-frame-vipplus-aurora-wings::before{background-image:url('/assets/frames/vipplus_aurora_wings.png?v=20260730-centered2')}
.avatar-frame-vipplus-cosmic-eclipse::before{background-image:url('/assets/frames/vipplus_cosmic_eclipse.png?v=20260730-centered2')}

/* Sélecteur placé dans sa propre zone du profil */
.avatar-frame-zone-intro{margin:0 0 14px;color:#c9c9d2;line-height:1.5}
.avatar-frame-tier-section{margin-top:18px;padding:15px;border-radius:16px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.025)}
.avatar-frame-tier-section.vip{border-color:rgba(239,205,103,.28)}
.avatar-frame-tier-section.vip-plus{border-color:rgba(46,168,255,.42);background:linear-gradient(145deg,rgba(10,78,124,.18),rgba(5,20,42,.78));box-shadow:inset 0 0 24px rgba(46,168,255,.06)}
.avatar-frame-tier-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 5px;font-size:1.08rem;color:#fff}
.avatar-frame-tier-title .tier-chip{display:inline-flex;align-items:center;justify-content:center;min-width:74px;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.avatar-frame-tier-section.vip .tier-chip{color:#19140a;background:linear-gradient(180deg,#fff1b3,#d9a93c)}
.avatar-frame-tier-section.vip-plus .tier-chip{color:#f4fbff;background:linear-gradient(100deg,#0c6fb1,#2ea8ff 58%,#8cd7ff);box-shadow:0 0 14px rgba(46,168,255,.28)}
.avatar-frame-tier-help{margin:0 0 12px;color:#aaa;font-size:.83rem;line-height:1.45}
.avatar-frame-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:14px;margin-top:10px}
.avatar-frame-choice{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;min-height:196px;padding:15px 9px 12px;border:1px solid rgba(255,255,255,.14);border-radius:15px;background:rgba(255,255,255,.035);cursor:pointer;text-align:center}
.avatar-frame-choice:hover{border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.065)}
.avatar-frame-choice input{position:absolute;left:10px;top:10px;width:18px;height:18px;accent-color:#ff4b4b}
.avatar-frame-choice input:checked~.avatar-frame-demo{outline:3px solid rgba(255,255,255,.92);outline-offset:7px}
.avatar-frame-choice input:checked~strong{color:#ffd67b}
.avatar-frame-demo{width:82px;height:82px;min-width:82px;border-radius:50%;background:#080808 url('/neutre.png') center/cover no-repeat;margin-top:13px}
.avatar-frame-choice strong{font-size:.9rem;color:#fff;line-height:1.25}
.avatar-frame-choice small{font-size:.72rem;color:#b9b9bf;line-height:1.35}
.avatar-frame-category{display:inline-flex;align-items:center;justify-content:center;padding:3px 9px;border-radius:999px;font-size:.65rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.avatar-frame-category.vip{background:#f2d06c;color:#1e1708}
.avatar-frame-category.vip-plus{background:linear-gradient(90deg,#0e78bf,#2ea8ff,#9addff);color:#03233c}
.avatar-frame-none{border:2px dashed rgba(255,255,255,.32)!important;box-shadow:none!important}
.avatar-frame-none::before{background-image:none!important}
.avatar-frame-none-label{margin-top:auto}

/* Sur les très petits écrans, les proportions restent identiques. */
@media(max-width:620px){
  .avatar-frame-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .avatar-frame-choice{min-height:184px;padding:12px 6px 10px}
  .avatar-frame-demo{width:68px;height:68px;min-width:68px}
}
@media(max-width:360px){
  .avatar-frame-picker{grid-template-columns:1fr}
  .avatar-frame-choice{min-height:176px}
  .avatar-frame-demo{width:76px;height:76px;min-width:76px}
}

/* Les moteurs console ont parfois des règles forcées sur les pseudo-éléments. */
html.console-lite .avatar-frame::before,
html.playstation .avatar-frame::before,
html.xbox .avatar-frame::before{
  display:block!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}

/* Cadres réservés au staff — images locales, rendu identique sur tous les appareils */
.avatar-frame-staff-modo-shield::before{background-image:url('/assets/frames/staff_modo_shield.png?v=20260730-centered2')}
.avatar-frame-staff-chef-staff-wings::before{background-image:url('/assets/frames/staff_chef_staff_wings.png?v=20260730-centered2')}
.avatar-frame-staff-chef-admin-crown::before{background-image:url('/assets/frames/staff_chef_admin_crown.png?v=20260730-centered2')}
.avatar-frame-staff-directeur-prism::before{background-image:url('/assets/frames/staff_directeur_prism.png?v=20260829-directeur1')}
.avatar-frame-staff-admin-cosmic::before{background-image:url('/assets/frames/staff_admin_cosmic.png?v=20260730-centered2')}

.avatar-frame-tier-section.staff{border-color:rgba(105,190,255,.36);background:linear-gradient(145deg,rgba(25,75,130,.12),rgba(100,45,140,.08))}
.avatar-frame-tier-section.staff .tier-chip{color:#f8fbff;background:linear-gradient(100deg,#1f6ca8,#8b46c9);box-shadow:0 0 14px rgba(80,160,255,.28)}
.avatar-frame-category.staff{background:linear-gradient(90deg,#1c6fa8,#824bc4);color:#fff}
.avatar-frame-staff-enqueteur-eye::before{background-image:url('/assets/frames/staff_enqueteur_eye.png?v=20260730-centered2')}

/* ========================= MVP : 3 cadres exclusifs, silhouettes sans ressemblance ========================= */
.avatar-frame-mvp-solar-crown::before{background-image:url('/assets/frames/mvp_solar_crown.png?v=20260825-mvp-mvpplus-final2')}
.avatar-frame-mvp-inferno-core::before{background-image:url('/assets/frames/mvp_inferno_core.png?v=20260825-mvp-mvpplus-final2')}
.avatar-frame-mvp-phantom-orange::before{background-image:url('/assets/frames/mvp_phantom_orange.png?v=20260825-mvp-mvpplus-final2')}
.avatar-frame-tier-section.mvp{border-color:rgba(255,128,28,.64);background:linear-gradient(145deg,rgba(100,31,2,.24),rgba(255,131,30,.08));box-shadow:inset 0 0 28px rgba(255,111,12,.08)}
.avatar-frame-tier-section.mvp .tier-chip{color:#2b0d00;background:linear-gradient(100deg,#ff7b13,#ffd27c 58%,#ff8b22);box-shadow:0 0 18px rgba(255,112,17,.48)}
.avatar-frame-category.mvp{background:linear-gradient(90deg,#ff6a00,#ffb13b,#ffe0a1);color:#351000;box-shadow:0 0 13px rgba(255,112,12,.35)}
.avatar-frame-tier-section.mvp .avatar-frame-choice{border-color:rgba(255,142,50,.3);background:linear-gradient(160deg,rgba(97,27,1,.34),rgba(25,11,5,.68))}
.avatar-frame-tier-section.mvp .avatar-frame-choice:hover{border-color:#ff9b38;box-shadow:0 0 20px rgba(255,103,5,.24)}
.avatar-frame-tier-section.mvp .avatar-frame-demo{width:96px;height:96px;min-width:96px}

/* ========================= MVP+ : 5 cadres verts élégants ========================= */
.avatar-frame-mvpplus-neon-halo::before{background-image:url('/assets/frames/mvpplus_neon_halo.png?v=20260825-mvp-mvpplus-final2')}
.avatar-frame-mvpplus-quantum-hex::before{background-image:url('/assets/frames/mvpplus_quantum_hex.png?v=20260825-mvp-mvpplus-final2')}
.avatar-frame-mvpplus-emerald-wings::before{background-image:url('/assets/frames/mvpplus_emerald_wings.png?v=20260825-mvp-mvpplus-final2')}
.avatar-frame-mvpplus-plasma-rift::before{background-image:url('/assets/frames/mvpplus_plasma_rift.png?v=20260825-mvp-mvpplus-final2')}
.avatar-frame-mvpplus-crown-matrix::before{background-image:url('/assets/frames/mvpplus_crown_matrix.png?v=20260825-mvp-mvpplus-final2')}
.avatar-frame-tier-section.mvp-plus{border-color:rgba(34,197,94,.58);background:linear-gradient(145deg,rgba(20,83,45,.27),rgba(5,24,14,.80));box-shadow:inset 0 0 34px rgba(34,197,94,.07),0 0 20px rgba(34,197,94,.06)}
.avatar-frame-tier-section.mvp-plus .tier-chip{color:#ecfdf5;background:linear-gradient(100deg,#166534,#22c55e 58%,#15803d);box-shadow:0 0 16px rgba(34,197,94,.28)}
.avatar-frame-category.mvp-plus{background:linear-gradient(90deg,#166534,#22c55e,#86efac);color:#052e16;box-shadow:0 0 12px rgba(34,197,94,.22)}
.avatar-frame-tier-section.mvp-plus .avatar-frame-choice{border-color:rgba(34,197,94,.30);background:linear-gradient(160deg,rgba(20,83,45,.26),rgba(4,24,14,.74))}
.avatar-frame-tier-section.mvp-plus .avatar-frame-choice:hover{border-color:#4ade80;box-shadow:0 0 20px rgba(34,197,94,.20)}
.avatar-frame-tier-section.mvp-plus .avatar-frame-demo{width:96px;height:96px;min-width:96px}