/* Temporary portraits above the real stats page; never occupies page layout. */
#content .stats-player-intro{position:fixed;inset:0;z-index:45;display:grid;place-items:center;margin:0;padding:clamp(14px,4vw,64px);pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at center,#152236eb,#09111de8);animation:stats-intro-clear 2400ms both;animation-delay:var(--intro-elapsed)}
#content .stats-intro-portraits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:clamp(6px,2vw,35px);width:min(1100px,100%);margin:0;padding:0}
#content .stats-intro-player{--intro-accent:#c8a4ff;position:relative;min-width:0;margin:0;padding:0;aspect-ratio:1/1.25;isolation:isolate;animation:stats-portrait-pop 2000ms cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--intro-order)*100ms + var(--intro-elapsed))}
#content .stats-intro-player.intro-rb{--intro-accent:#77dfb3}#content .stats-intro-player.intro-wr{--intro-accent:#90c6ff}#content .stats-intro-player.intro-te{--intro-accent:#f3ce83}
#content .stats-intro-player:before{content:'';position:absolute;inset:15% -10% 0;z-index:-1;background:radial-gradient(ellipse,color-mix(in srgb,var(--intro-accent) 25%,transparent),transparent 68%);transform:skew(-8deg)}
#content .stats-intro-player .player-avatar{position:relative;display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:none;overflow:visible;box-shadow:none}
#content .stats-intro-player .player-avatar>span{display:none}
#content .stats-intro-player .player-avatar img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;margin:0;border:0;border-radius:0;object-fit:contain;object-position:center;filter:drop-shadow(0 14px 22px #0008)}
@keyframes stats-portrait-pop{0%{opacity:0;transform:translateY(48px) scale(.74) rotate(-4deg)}25%,78%{opacity:1;transform:translateY(0) scale(1) rotate(0)}100%{opacity:0;transform:translateY(-22px) scale(1.06)}}
@keyframes stats-intro-clear{0%,82%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@media(max-width:600px){#content .stats-intro-portraits{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;max-width:420px}#content .stats-intro-player{max-height:32vh;aspect-ratio:1.1}}
@media(prefers-reduced-motion:reduce){#content .stats-player-intro{display:none;animation:none}#content .stats-intro-player{animation:none}}