/* *
 * Widget: Recent Ranked Players (Style MyRank Clone) */
.widget-recent-ranked-players { width: 100%; max-width: 320px; padding: 0; background: rgba(0, 0, 0, 0.85); border: 1px solid rgba(255, 255, 255, 0.15); font-family: "JetBrains Mono", "Courier New", monospace; color: #fff; pointer-events: none; user-select: none; border-radius: 12px; overflow: hidden; /* Smart Scaler Context - On retire les transforms qui floutent sur Safari */ transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.terminal-path-prefix { opacity: 0.4; font-size: 9px; text-transform: lowercase; letter-spacing: 0px; display: inline-block; }
.terminal-hud-header { padding: 5px 12px; color: rgba(255, 255, 255, 0.8); font-size: 10px; text-transform: uppercase; border-bottom: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.05); letter-spacing: 0.5px; }
.myrank-clone-container { padding: 10px; }
/* CLONE DU STYLE MYRANK AVATAR CONTAINER */
.myrank-avatar-container { position: relative; width: 100%; aspect-ratio: 21/9; border-radius: 10px; background: #000; /* On force Safari à utiliser le rendu natif sans isoler le calque */ -webkit-mask-image: -webkit-radial-gradient(white, black); /* Fix pour le radius sans overflow flou */ overflow: hidden; }
.user-avatar__fused-image { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; /* DESTROY GPU LAYERS (The Blur Culprit) */ transform: none !important; will-change: auto !important; filter: none !important; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; /* Native Sharpness */ image-rendering: -webkit-optimize-contrast !important; image-rendering: auto !important; }
.myrank-stats-overlay { position: absolute; inset: 0; background: linear-gradient(to right, transparent, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0.8)); pointer-events: none; z-index: 10; }
/* LUEUR PREMIUM à l'INTÉRIEUR du container avatar */
.myrank-avatar-container.is-premium-glow { box-shadow: inset 0 0 25px rgba(108, 99, 255, 0.5), inset 0 0 50px rgba(108, 99, 255, 0.3); border: 1px solid rgba(108, 99, 255, 0.6) !important; animation: myrank-glow-pulse 3s ease-in-out infinite; }
@keyframes myrank-glow-pulse {
  0%, 100% { box-shadow: inset 0 0 25px rgba(108, 99, 255, 0.5), inset 0 0 50px rgba(108, 99, 255, 0.3); }
  50% { box-shadow: inset 0 0 35px rgba(108, 99, 255, 0.7), inset 0 0 60px rgba(108, 99, 255, 0.4); }
}
/* BADGE PREMIUM MYRANK - juste l'image, pas de texte */
.premium-pass-badge-myrank { position: absolute; top: -2px; left: -2px; width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; z-index: 20; animation: myrank-badge-pulse 2s ease-in-out infinite; overflow: hidden; }
.premium-pass-badge-myrank img { width: 32px; height: 32px; object-fit: contain; filter: drop-shadow(0 0 4px rgba(250, 204, 21, 0.6)); }
@keyframes myrank-badge-pulse {
  0%, 100% { box-shadow: 0 0 10px rgba(108, 99, 255, 0.5); }
  50% { box-shadow: 0 0 15px rgba(108, 99, 255, 0.7); }
}
/* Infos Joueur */
.player-name-clone { color: #fff; font-weight: 900; font-size: 15px; text-transform: uppercase; text-shadow: 0 1px 2px rgba(0,0,0,0.8); font-family: "Kanit", sans-serif; line-height: 1; margin-bottom: 4px; /* Un peu plus d'air entre nom et titre */ }
.player-title-badge { font-size: 8.2px; /* Réduit pour l'élégance */ padding: 3px 8px; /* Beaucoup plus d'air à l'intérieur */ border: 1px solid; border-radius: 3px; display: inline-block; width: fit-content; background: rgba(0, 0, 0, 0.65); line-height: 1; letter-spacing: 0.4px; text-transform: uppercase; font-weight: 700; }
/* Optimisation Rendu Badge pour éviter le flou */
.terminal-rank-badge-crisp { image-rendering: -webkit-optimize-contrast; image-rendering: auto; /* On laisse le navigateur gérer le lissage propre */ filter: drop-shadow(0 2px 4px rgba(0,0,0,0.6)); transform: none; }
/* Premium Pass Badge (Clone MyRank) */
.premium-pass-badge { position: absolute; top: 5px; left: 5px; background: linear-gradient(135deg, #fb923c 0%, #ea580c 100%); padding: 1px 6px; border-radius: 4px; z-index: 30; box-shadow: 0 2px 4px rgba(0,0,0,0.3); }
.premium-pass-text { font-size: 8px; font-weight: 900; color: #fff; letter-spacing: 0.5px; }
/* Lueur Premium */
.is-premium-avatar { box-shadow: inset 0 0 15px rgba(251, 146, 60, 0.3); }
/* Smart Scaler Context - Safari Fix */
@media (min-width: 1024px) {
  .widget-recent-ranked-players { /* On utilise zoom uniquement si on doit redimensionner, sinon on laisse tel quel */ zoom: 1; transform: none !important; }
}
/* ID-GUESS dans recent_ranked_players - Correction taille badge PASS */
.widget-recent-ranked-players .id-guess__premium-wrapper { top: 5px; left: 5px; }
.widget-recent-ranked-players .id-guess__premium-badge { font-size: 7px; padding: 1px 4px; }