.sp-avatar{--avatar-size:40px;--avatar-shell-size:var(--avatar-size);--avatar-rank-ring:2px;--avatar-core-inset:calc(var(--avatar-rank-ring) + 2px);--avatar-limited-space:0px;--avatar-limited-ring:0px;--avatar-badge-size:16px;--avatar-badge-font:8px;--tier-deep:#334155;--tier-main:#64748b;--tier-soft:#cbd5e1;--tier-glow:transparent;--limited-a:transparent;--limited-b:transparent;--limited-c:transparent;--limited-glow:transparent;--limited-duration:12s;width:var(--avatar-shell-size);height:var(--avatar-shell-size);isolation:isolate;contain:layout style;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.sp-avatar__visual{border-radius:inherit;position:absolute;inset:0}button.sp-avatar__visual{appearance:none;cursor:pointer;color:inherit;background:0 0;border:0;padding:0}button.sp-avatar__visual:active{transform:scale(.98)}button.sp-avatar__visual:focus-visible{outline:none;box-shadow:0 0 0 3px #fff,0 0 0 6px #1a56db4d}.sp-avatar[data-size=xs]{--avatar-size:24px;--avatar-rank-ring:2px;--avatar-core-inset:calc(var(--avatar-rank-ring) + 1px);--avatar-badge-size:0px;--avatar-badge-font:0px}.sp-avatar[data-size=sm]{--avatar-size:32px;--avatar-rank-ring:2px;--avatar-core-inset:calc(var(--avatar-rank-ring) + 2px);--avatar-badge-size:0px;--avatar-badge-font:0px}.sp-avatar[data-size=md]{--avatar-size:40px}.sp-avatar[data-size=lg]{--avatar-size:56px;--avatar-rank-ring:3px;--avatar-core-inset:calc(var(--avatar-rank-ring) + 3px);--avatar-badge-size:19px;--avatar-badge-font:9px}.sp-avatar[data-size=xl]{--avatar-size:80px;--avatar-rank-ring:3px;--avatar-core-inset:calc(var(--avatar-rank-ring) + 4px);--avatar-badge-size:26px;--avatar-badge-font:11px}.sp-avatar[data-size=xxl]{--avatar-size:120px;--avatar-rank-ring:3px;--avatar-core-inset:calc(var(--avatar-rank-ring) + 5px);--avatar-badge-size:32px;--avatar-badge-font:12px}.sp-avatar[data-has-limited-border=true]{--avatar-limited-space:2.5px;--avatar-limited-ring:2.5px}.sp-avatar[data-has-limited-border=true][data-size=xs],.sp-avatar[data-has-limited-border=true][data-size=sm]{--avatar-limited-space:2px;--avatar-limited-ring:2px}.sp-avatar[data-has-limited-border=true][data-size=md]{--avatar-limited-space:2.5px;--avatar-limited-ring:2.5px}.sp-avatar[data-has-limited-border=true][data-size=lg]{--avatar-limited-space:3.5px;--avatar-limited-ring:3.5px}.sp-avatar[data-has-limited-border=true][data-size=xl]{--avatar-limited-space:5px;--avatar-limited-ring:5px}.sp-avatar[data-has-limited-border=true][data-size=xxl]{--avatar-limited-space:7px;--avatar-limited-ring:7px}.sp-avatar[data-tier=unranked]{--tier-deep:#334155;--tier-main:#64748b;--tier-soft:#cbd5e1}.sp-avatar[data-tier=bronze]{--tier-deep:#7c2d12;--tier-main:#b45309;--tier-soft:#f1c18d}.sp-avatar[data-tier=silver]{--tier-deep:#64748b;--tier-main:#a8b3c2;--tier-soft:#f8fafc}.sp-avatar[data-tier=gold]{--tier-deep:#92400e;--tier-main:#d97706;--tier-soft:#fde68a;--tier-glow:#d9770629}.sp-avatar[data-tier=platinum]{--tier-deep:#0e7490;--tier-main:#0891b2;--tier-soft:#cffafe;--tier-glow:#0891b229}.sp-avatar[data-tier=diamond]{--tier-deep:#5b21b6;--tier-main:#7c3aed;--tier-soft:#ddd6fe;--tier-glow:#7c3aed2e}.sp-avatar[data-tier=champion]{--tier-deep:#0f172a;--tier-main:#2563eb;--tier-soft:#fef3c7;--tier-glow:#2563eb33}.sp-avatar[data-limited-border=streak5]{--limited-a:#f59e0b;--limited-b:#ef4444;--limited-c:#f97316;--limited-glow:#ef444447;--limited-duration:11s}.sp-avatar[data-limited-border=streak7]{--limited-a:#8b5cf6;--limited-b:#ec4899;--limited-c:#a855f7;--limited-glow:#8b5cf64d;--limited-duration:10s}.sp-avatar[data-limited-border=streak10]{--limited-a:#06b6d4;--limited-b:#3b82f6;--limited-c:#8b5cf6;--limited-glow:#3b82f652;--limited-duration:9s}.sp-avatar[data-limited-border=mvp]{--limited-a:#f59e0b;--limited-b:#fbbf24;--limited-c:#d97706;--limited-glow:#f59e0b4d;--limited-duration:13s}.sp-avatar[data-limited-border=topWeekly]{--limited-a:#10b981;--limited-b:#34d399;--limited-c:#059669;--limited-glow:#10b98147;--limited-duration:12s}.sp-avatar[data-limited-border=underdog]{--limited-a:#38bdf8;--limited-b:#7dd3fc;--limited-c:#bae6fd;--limited-glow:#38bdf847;--limited-duration:14s}.sp-avatar[data-limited-border=gradient]{--limited-a:#ff4545;--limited-b:#00d4aa;--limited-c:#2563eb;--limited-glow:#2563eb3d;--limited-duration:5s}.sp-avatar[data-limited-border=electric]{--limited-a:#06b6d4;--limited-b:#f59e0b;--limited-c:#7c3aed;--limited-glow:#06b6d44d;--limited-duration:3.5s}.sp-avatar[data-limited-border=tierPromotion]{--limited-a:#16a34a;--limited-b:#fbbf24;--limited-c:#1a56db;--limited-glow:#1a56db3d;--limited-duration:6s}.sp-avatar[data-limited-border=fire]{--limited-a:#fb923c;--limited-b:#dc2626;--limited-c:#fbbf24;--limited-glow:#f9731673;--limited-duration:8s}.sp-avatar[data-limited-border=frozen]{--limited-a:#1e40af;--limited-b:#22d3ee;--limited-c:#f0f9ff;--limited-glow:#7dd3fc8c;--limited-duration:14s}.sp-avatar[data-limited-border=monthlyPodium]{--limited-a:#b45309;--limited-b:#fbbf24;--limited-c:#fef3c7;--limited-glow:#b4530966;--limited-duration:10s}.sp-avatar__limited-border,.sp-avatar__rank-frame{border-radius:inherit;pointer-events:none;position:absolute}.sp-avatar__limited-border{z-index:0;background:radial-gradient(circle, var(--limited-glow) 0%, transparent 62%);filter:drop-shadow(0 0 3px var(--limited-glow));animation:4s ease-in-out infinite sp-avatar-limited-glow;inset:0}.sp-avatar__limited-border:before,.sp-avatar__limited-border:after{border-radius:inherit;content:"";-webkit-mask:radial-gradient(circle, transparent calc(50% - var(--avatar-limited-ring) - 1px), #000 calc(50% - var(--avatar-limited-ring)), #000 calc(50% + var(--avatar-limited-ring)), transparent calc(50% + var(--avatar-limited-ring) + 1px));mask:radial-gradient(circle, transparent calc(50% - var(--avatar-limited-ring) - 1px), #000 calc(50% - var(--avatar-limited-ring)), #000 calc(50% + var(--avatar-limited-ring)), transparent calc(50% + var(--avatar-limited-ring) + 1px));position:absolute;inset:0}.sp-avatar__limited-border:before{background:conic-gradient(from 0deg, transparent 0deg 10deg, var(--limited-a) 28deg, var(--limited-b) 74deg, var(--limited-c) 118deg, transparent 150deg 198deg, color-mix(in srgb, var(--limited-c) 76%, transparent) 216deg, color-mix(in srgb, var(--limited-a) 88%, transparent) 252deg, transparent 286deg 360deg), conic-gradient(from 0deg, color-mix(in srgb, var(--limited-a) 18%, transparent) 0deg 360deg);opacity:.96;animation:sp-avatar-limited-spin var(--limited-duration) linear infinite;will-change:transform}.sp-avatar__limited-border:after{background:conic-gradient(from 180deg, transparent 0deg 24deg, color-mix(in srgb, var(--limited-b) 82%, transparent) 40deg, var(--limited-a) 78deg, transparent 108deg 218deg, color-mix(in srgb, var(--limited-c) 72%, transparent) 246deg, transparent 284deg 360deg);opacity:.62;animation:sp-avatar-limited-spin calc(var(--limited-duration) * 1.35) linear infinite reverse;will-change:transform}.sp-avatar[data-size=xs] .sp-avatar__limited-border,.sp-avatar[data-size=sm] .sp-avatar__limited-border{opacity:.72;animation:none}.sp-avatar[data-size=xs] .sp-avatar__limited-border:before,.sp-avatar[data-size=xs] .sp-avatar__limited-border:after,.sp-avatar[data-size=sm] .sp-avatar__limited-border:before,.sp-avatar[data-size=sm] .sp-avatar__limited-border:after{animation:none}.sp-avatar__rank-frame{inset:var(--avatar-limited-space);z-index:1;border:var(--avatar-rank-ring) solid var(--tier-main);box-shadow:0 0 0 1px color-mix(in srgb, var(--tier-main) 24%, transparent), 0 0 7px var(--tier-glow)}.sp-avatar[data-tier=diamond] .sp-avatar__rank-frame,.sp-avatar[data-tier=champion] .sp-avatar__rank-frame{animation:2.4s ease-in-out infinite sp-avatar-tier-shimmer}.sp-avatar__core{inset:calc(var(--avatar-limited-space) + var(--avatar-core-inset));z-index:2;border-radius:inherit;background:#f8fafc;display:flex;position:absolute;overflow:hidden;box-shadow:inset 0 1px 2px #ffffffb8,inset 0 -1px 3px #0f172a24}.sp-avatar__base{background:0 0;width:100%;height:100%}.sp-avatar__fallback{background:linear-gradient(145deg, #ffffffc7, #fff0), color-mix(in srgb, var(--tier-main) 16%, #f8fafc);width:100%;height:100%;color:color-mix(in srgb, var(--tier-deep) 88%, #0f172a)}.sp-avatar__badge{right:calc(var(--avatar-limited-space) - 2px);bottom:calc(var(--avatar-limited-space) - 2px);z-index:3;width:var(--avatar-badge-size);height:var(--avatar-badge-size);background:linear-gradient(145deg, #ffffffb3, #fff0), linear-gradient(145deg, var(--tier-soft), var(--tier-main));color:#0f172a;font-size:var(--avatar-badge-font);border:2px solid #fff;border-radius:9999px;justify-content:center;align-items:center;font-weight:800;line-height:1;display:inline-flex;position:absolute;box-shadow:0 2px 7px #0f172a38}button.sp-avatar__badge{appearance:none;cursor:pointer;padding:0;transition:background-color .15s,box-shadow .15s,transform .15s}button.sp-avatar__badge:active{transform:scale(.94)}button.sp-avatar__badge:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 5px #1a56db4d}.sp-avatar__badge{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif}button.sp-avatar__badge[data-badge=edit]{color:#475569;background:#f8fafc;border:2px dashed #94a3b8}button.sp-avatar__badge[data-badge=edit]:active{background:#e2e8f0}.sp-avatar__badge[data-badge$=_bronze]{background:linear-gradient(135deg,#78350f 0%,#b45309 55%,#d97706 100%);box-shadow:inset 0 1px #ffffff2e,0 2px 6px #0f172a38}.sp-avatar__badge[data-badge$=_silver]{background:linear-gradient(135deg,#475569 0%,#94a3b8 50%,#e2e8f0 100%);box-shadow:inset 0 1px #ffffff8c,0 2px 6px #0f172a38}.sp-avatar__badge[data-badge$=_gold]{background:linear-gradient(135deg,#b45309 0%,#fbbf24 35%,#fef3c7 50%,#fbbf24 65%,#d97706 100%);box-shadow:inset 0 1px #ffffffb3,0 2px 6px #b4530973,0 0 12px #fbbf2473}@keyframes sp-avatar-limited-spin{to{transform:rotate(1turn)}}@keyframes sp-avatar-limited-glow{0%,to{filter:drop-shadow(0 0 4px var(--limited-glow));opacity:.9}50%{filter:drop-shadow(0 0 8px var(--limited-glow));opacity:1}}@keyframes sp-avatar-tier-shimmer{0%,to{box-shadow:0 0 0 1px color-mix(in srgb, var(--tier-main) 24%, transparent), 0 0 7px var(--tier-glow)}50%{box-shadow:0 0 0 2px color-mix(in srgb, var(--tier-main) 32%, transparent), 0 0 12px var(--tier-glow)}}@media (prefers-reduced-motion:reduce){.sp-avatar[data-tier=diamond] .sp-avatar__rank-frame,.sp-avatar[data-tier=champion] .sp-avatar__rank-frame,.sp-avatar__limited-border{animation:none}.sp-avatar__limited-border:before,.sp-avatar__limited-border:after{content:none}}body[data-animations-paused=true] .sp-avatar__limited-border,body[data-animations-paused=true] .sp-avatar__limited-border:before,body[data-animations-paused=true] .sp-avatar__limited-border:after,body[data-animations-paused=true] .sp-avatar[data-tier=diamond] .sp-avatar__rank-frame,body[data-animations-paused=true] .sp-avatar[data-tier=champion] .sp-avatar__rank-frame{animation-play-state:paused}