.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=md].sp-avatar--summary-leaderboard{--avatar-size:38px}.sp-avatar[data-size=lg].sp-avatar--summary-podium-side{--avatar-size:56px}.sp-avatar[data-size=xl].sp-avatar--summary-podium-winner{--avatar-size:72px;--avatar-badge-size:22px;--avatar-badge-font:9px}.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:var(--avatar-tier-bronze-deep);--tier-main:var(--avatar-tier-bronze-main);--tier-soft:var(--avatar-tier-bronze-soft);--tier-glow:var(--avatar-tier-bronze-glow)}.sp-avatar[data-tier=silver]{--tier-deep:#64748b;--tier-main:#a8b3c2;--tier-soft:#f8fafc}.sp-avatar[data-tier=gold]{--tier-deep:var(--avatar-tier-gold-deep);--tier-main:var(--avatar-tier-gold-main);--tier-soft:var(--avatar-tier-gold-soft);--tier-glow:var(--avatar-tier-gold-glow)}.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{will-change:auto;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:after,.sp-avatar[data-tier=champion] .sp-avatar__rank-frame:after{content:"";inset:calc(var(--avatar-rank-ring) * -1);border-radius:inherit;pointer-events:none;opacity:0;box-shadow:0 0 0 2px color-mix(in srgb, var(--tier-main) 32%, transparent), 0 0 12px var(--tier-glow);animation:2.4s ease-in-out infinite sp-avatar-tier-shimmer;position:absolute}.sp-avatar[data-size=xs] .sp-avatar__rank-frame:after,.sp-avatar[data-size=sm] .sp-avatar__rank-frame:after{content:none}.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{opacity:0}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.sp-avatar[data-tier=diamond] .sp-avatar__rank-frame:after,.sp-avatar[data-tier=champion] .sp-avatar__rank-frame:after{content:none}.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:after,body[data-animations-paused=true] .sp-avatar[data-tier=champion] .sp-avatar__rank-frame:after{animation-play-state:paused}.sp-focused-court-card{box-sizing:border-box;border:1px solid var(--focus-court-card-border);background:linear-gradient(180deg, var(--focus-court-card-start) 0%, var(--focus-court-card-end) 100%);min-height:0;box-shadow:0 16px 38px var(--focus-court-card-shadow);color:var(--focus-court-foreground);border-radius:22px;flex-direction:column;padding:clamp(10px,2cqh,18px) clamp(12px,2cqw,20px);display:flex;overflow:hidden;container-type:size}.sp-focused-court-header{flex:none;justify-content:space-between;align-items:flex-start;gap:clamp(10px,2cqw,18px);display:flex}.sp-focused-court-heading{flex-wrap:wrap;align-items:baseline;gap:clamp(6px,1.2cqw,12px);min-width:0;display:flex}.sp-focused-court-title{color:var(--focus-court-foreground);font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:clamp(22px,4.3cqw,40px);font-weight:800;line-height:1}.sp-focused-court-round{color:var(--focus-court-muted);font-family:var(--font-body);font-size:clamp(12px,1.8cqw,17px);font-weight:800;line-height:1.2}.sp-focused-court-live-pill{border:1px solid var(--focus-court-live-border);background:var(--focus-court-live-bg);color:var(--focus-court-live-fg);font-family:var(--font-body);letter-spacing:.04em;border-radius:999px;flex:none;align-items:center;gap:6px;padding:clamp(4px,.8cqh,7px) clamp(8px,1.5cqw,13px);font-size:clamp(10px,1.5cqw,14px);font-weight:800;display:inline-flex}.sp-focused-court-live-dot{background:var(--focus-court-live-dot);border-radius:50%;width:6px;height:6px}.sp-focused-court-divider{background:var(--focus-court-divider);width:100%;height:1px;margin-top:clamp(8px,1.8cqh,16px)}.sp-focused-court-matchup{flex:1;grid-template-rows:minmax(0,1fr) 0 minmax(0,1fr);align-items:stretch;min-height:0;padding:clamp(8px,2.2cqh,24px) 0 clamp(4px,1.2cqh,12px);display:grid}.sp-focused-team-panel{border-style:solid;border-width:1px;border-radius:clamp(14px,2.5cqw,22px);justify-content:center;align-items:center;width:100%;min-width:0;min-height:0;padding:clamp(6px,1.6cqh,16px) clamp(8px,2cqw,18px);display:flex;position:relative;overflow:hidden}.sp-focused-team-panel[data-team=A]{border-color:var(--focus-court-team-blue-border);background:var(--focus-court-team-blue-bg)}.sp-focused-team-panel[data-team=B]{border-color:var(--focus-court-team-orange-border);background:var(--focus-court-team-orange-bg)}button.sp-focused-team-panel{text-align:left;transition:transform .14s var(--ease-out-strong), background-color .14s ease}button.sp-focused-team-panel[data-team=A]:hover{background:var(--focus-court-team-blue-hover)}button.sp-focused-team-panel[data-team=B]:hover{background:var(--focus-court-team-orange-hover)}button.sp-focused-team-panel:active{transform:scale(.99)}.sp-focused-team-row{flex-direction:column;justify-content:center;align-items:center;gap:clamp(8px,3cqw,24px);width:100%;min-width:0;max-width:28rem;height:100%;min-height:0;display:flex}.sp-focused-player-tile{flex-direction:row;grid-template-columns:clamp(2.5rem,min(14cqw,16cqh),6.5rem) minmax(0,1fr);justify-content:flex-start;align-items:center;gap:clamp(12px,3cqw,24px);width:100%;min-width:0;height:auto;min-height:0;padding-block:clamp(4px,1.4cqh,14px);display:grid}.sp-avatar.sp-focused-court-avatar[data-size]{--avatar-size:clamp(2.5rem, min(14cqw, 16cqh), 6.5rem)}.sp-focused-court-player-name{min-width:0;color:var(--focus-court-foreground);font-family:var(--font-display);text-align:left;overflow-wrap:anywhere;flex:1;margin:0;font-size:clamp(1.125rem,min(6cqw,7cqh),3rem);font-weight:800;line-height:1.2}.sp-focused-vs-divider{z-index:1;justify-content:center;align-items:center;width:100%;height:0;display:flex;position:relative}.sp-focused-vs-divider>span{border:1px solid var(--focus-court-vs-border);background:var(--focus-court-card-end);width:clamp(34px,6cqh,52px);height:clamp(34px,6cqh,52px);color:var(--focus-court-foreground);font-family:var(--font-display);border-radius:999px;justify-content:center;align-items:center;font-size:clamp(13px,2.2cqw,22px);font-weight:800;line-height:1;display:flex}.sp-focused-court-empty{min-height:0;color:var(--focus-court-muted);font-family:var(--font-body);text-align:center;flex:1;justify-content:center;align-items:center;font-size:clamp(14px,2.3cqw,18px);display:flex}@container (height<=340px){.sp-focused-court-matchup{padding-block:8px 4px}.sp-focused-team-row{gap:clamp(10px,4cqh,16px)}.sp-focused-team-panel{padding-block:5px}.sp-focused-player-tile{grid-template-columns:clamp(36px,min(9cqw,12cqh),52px) minmax(0,1fr);padding-block:3px}.sp-avatar.sp-focused-court-avatar[data-size]{--avatar-size:clamp(36px, min(9cqw, 12cqh), 52px)}.sp-focused-court-player-name{font-size:clamp(1.375rem,min(5cqw,8cqh),1.75rem)}.sp-focused-vs-divider>span{width:28px;height:28px;font-size:12px}}.sp-focused-team-panel:has(>.sp-focused-team-score){grid-template-columns:minmax(0,1fr) 3.5rem;column-gap:clamp(8px,2cqw,16px);display:grid}.sp-focused-team-score{min-height:3rem;font:800 1.5rem var(--font-display);font-variant-numeric:tabular-nums;border-radius:12px;justify-content:center;align-items:center;display:flex}.sp-focused-team-score[data-team=A]{background:var(--team-blue-bg);color:var(--team-blue-fg)}.sp-focused-team-score[data-team=B]{background:var(--team-orange-bg);color:var(--team-orange-fg)}.sp-pending-focus-live-status{display:none}@supports (grid-template-columns:subgrid){.sp-focused-court-matchup{--focus-avatar-width:clamp(2.5rem, min(14cqw, 16cqh), 6.5rem);grid-template-columns:minmax(0, 1fr) var(--focus-avatar-width) minmax(0, max-content) minmax(0, 1fr);column-gap:clamp(12px,3cqw,24px)}:is(.sp-focused-team-panel,.sp-focused-team-panel:has(>.sp-focused-team-score)){grid-column:1/-1;grid-template-columns:subgrid;width:auto;display:grid}.sp-focused-team-row{grid-column:2/4;grid-template-columns:subgrid;align-content:center;width:auto;max-width:none;display:grid}.sp-focused-player-tile{grid-column:1/-1;grid-template-columns:subgrid;width:auto}.sp-focused-vs-divider{grid-column:1/-1}.sp-focused-court-matchup:has(.sp-focused-team-score){grid-template-columns:minmax(3.5rem, 1fr) var(--focus-avatar-width) minmax(0, max-content) minmax(3.5rem, 1fr)}.sp-focused-team-score{grid-area:1/4;justify-self:end;width:3.5rem}@container (height<=340px){.sp-focused-court-matchup{--focus-avatar-width:clamp(36px, min(9cqw, 12cqh), 52px)}}}@container (width>=28rem){.sp-pending-focus-live-status{display:flex}}@media (orientation:landscape){.sp-focused-court-card[data-focus-surface=live-share] .sp-focused-team-row{max-width:none;padding-inline:16px}@supports (width:1cqw){.sp-focused-court-card[data-focus-surface=live-share] .sp-focused-team-row{padding-inline:clamp(8px,6cqw,40px)}}@supports (grid-template-columns:subgrid){.sp-focused-court-card[data-focus-surface=live-share] .sp-focused-court-matchup{grid-template-columns:clamp(8px, 6cqw, 40px) var(--focus-avatar-width) minmax(0, 1fr) clamp(8px, 2cqw, 20px)}.sp-focused-court-card[data-focus-surface=live-share] .sp-focused-team-row{padding-inline:0}}}
