.animation-tile[data-slug=itf-tennis] .animation-tile-inner{--itf-surface: #FFFFFF;--itf-bg: #E4F2EB;--itf-border: #E6E6E6;--itf-border-soft: #EFEFEF;--itf-ink: #161616;--itf-mute: #6A7676;--itf-mute-soft: #B7C0BC;--itf-primary: #009A7B;--itf-primary-soft: #D5EFE7;--itf-left: #DA291C;--itf-left-soft: #FBE3E0;--itf-right: #0C4076;--itf-right-soft: #DCE3EE}.itf-mock{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:clamp(14px,2.6vw,28px)}.itf-card{position:relative;width:100%;max-width:clamp(280px,36vw,400px);aspect-ratio:1 / 1;background:var(--itf-surface);border-radius:16px;padding:clamp(18px,2vw,24px);box-shadow:0 1px #16161605,0 14px 30px -22px #16161640;display:flex;flex-direction:column;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;color:var(--itf-ink);overflow:hidden;container-type:inline-size}.itf-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:3cqi;margin:calc(-1*clamp(18px,2vw,24px)) calc(-1*clamp(18px,2vw,24px)) 0;padding:4.5cqi 6cqi;border-bottom:1px solid var(--itf-border-soft)}.itf-brand-logo{display:block;height:6cqi;width:auto;justify-self:start}.itf-brand-title{justify-self:center;font-size:4.25cqi;font-weight:600;color:var(--itf-mute);letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.itf-share{display:inline-flex;align-items:center;justify-content:center;width:7.5cqi;height:7.5cqi;border-radius:50%;background:transparent;color:var(--itf-mute);transition:color .22s ease,background .22s ease;justify-self:end}.itf-share svg{width:55%;height:55%;display:block}.itf-players{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:4cqi;position:relative;margin:auto 0}.itf-player{display:flex;flex-direction:column;align-items:center;gap:3cqi;min-width:0;text-align:center}.itf-avatar{position:relative;width:24cqi;aspect-ratio:1;border-radius:50%;background:var(--itf-border-soft);display:flex;align-items:center;justify-content:center;transition:background .38s cubic-bezier(.2,.7,.2,1)}.itf-avatar-empty,.itf-avatar-filled{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:opacity .32s cubic-bezier(.2,.7,.2,1),transform .38s cubic-bezier(.2,.7,.2,1)}.itf-avatar-empty{color:var(--itf-mute-soft);border:1.5px dashed var(--itf-mute-soft);background:transparent}.itf-avatar-empty svg{width:50%;height:50%;display:block}.itf-avatar-filled{opacity:0;transform:scale(.86);overflow:hidden;background:var(--itf-border-soft)}.itf-avatar-photo{width:100%;height:100%;object-fit:cover;object-position:center 18%;transform:scale(1.22);transform-origin:center 30%;display:block;border-radius:50%}.itf-player[data-side=left] .itf-avatar-photo{object-position:center 14%;transform:scale(1.4);transform-origin:center 22%}.itf-avatar-rank{position:absolute;right:-.5cqi;bottom:-.5cqi;min-width:8cqi;height:8cqi;padding:0 1.75cqi;border-radius:999px;background:var(--itf-surface);color:var(--itf-ink);box-shadow:0 1px #00000005,0 4px 10px -6px #00000040,inset 0 0 0 1.5px var(--itf-primary);display:inline-flex;align-items:center;justify-content:center;gap:1px;font-weight:700;font-size:3.25cqi;line-height:1;opacity:0;transform:scale(.6) translateY(4px);transition:opacity .24s cubic-bezier(.2,.7,.2,1),transform .32s cubic-bezier(.34,1.45,.64,1)}.itf-avatar-rank-hash{color:var(--itf-primary);margin-right:1px}.itf-player[data-state=filled] .itf-avatar-empty{opacity:0;transform:scale(.94)}.itf-player[data-state=filled] .itf-avatar-filled{opacity:1;transform:scale(1)}.itf-player[data-state=filled] .itf-avatar{background:transparent}.itf-player[data-state=filled] .itf-avatar-rank{opacity:1;transform:scale(1) translateY(0);transition-delay:.24s}.itf-player-info{display:flex;flex-direction:column;align-items:center;gap:1cqi;min-width:0;width:100%}.itf-player-name{font-size:3.5cqi;font-weight:600;color:var(--itf-ink);line-height:1.2;letter-spacing:-.01em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .24s ease}.itf-player[data-state=empty] .itf-player-name{color:var(--itf-mute);font-weight:400}.itf-player-flag{display:inline-flex;align-items:center;gap:1.5cqi;font-size:2.75cqi;color:var(--itf-mute);letter-spacing:.06em;font-weight:500;line-height:1}.itf-flag{position:relative;display:inline-block;width:4.5cqi;aspect-ratio:4 / 3;border-radius:2px;overflow:hidden;background:var(--itf-border-soft);box-shadow:0 0 0 1px var(--itf-border);flex-shrink:0;opacity:0;transform:scale(.7);transition:opacity .22s ease,transform .28s cubic-bezier(.34,1.45,.64,1)}.itf-player[data-state=filled] .itf-flag{opacity:1;transform:scale(1)}.itf-flag-code{opacity:0;transform:translateY(2px);transition:opacity .22s ease,transform .28s cubic-bezier(.2,.7,.2,1)}.itf-player[data-state=filled] .itf-flag-code{opacity:1;transform:translateY(0)}.itf-flag[data-flag=sui]{background:#da291c}.itf-flag[data-flag=sui] .itf-flag-cross-v,.itf-flag[data-flag=sui] .itf-flag-cross-h{position:absolute;background:#fff}.itf-flag[data-flag=sui] .itf-flag-cross-v{top:22%;bottom:22%;left:44%;width:12%}.itf-flag[data-flag=sui] .itf-flag-cross-h{left:22%;right:22%;top:44%;height:12%}.itf-flag[data-flag=srb] .itf-flag-band{position:absolute;left:0;right:0;height:33.4%}.itf-flag[data-flag=srb] .itf-flag-band--top{top:0;background:#c6363c}.itf-flag[data-flag=srb] .itf-flag-band--mid{top:33.3%;background:#0c4076}.itf-flag[data-flag=srb] .itf-flag-band--bot{bottom:0;background:#fff}.itf-profile-link{font-size:3cqi;color:var(--itf-primary);font-weight:600;letter-spacing:.01em;display:inline-flex;align-items:center;gap:1cqi;opacity:0;transform:translateY(4px);transition:opacity .28s ease 80ms,transform .32s cubic-bezier(.2,.7,.2,1) 80ms}.itf-profile-arrow{display:inline-block;transition:transform .24s cubic-bezier(.2,.7,.2,1)}.itf-player[data-state=filled] .itf-profile-link{opacity:1;transform:translateY(0)}.itf-vs{display:flex;align-items:center;justify-content:center;align-self:start;padding-top:7.5cqi}.itf-vs-disc{width:9cqi;aspect-ratio:1;border-radius:50%;background:var(--itf-primary);color:#fff;font-weight:700;font-size:3cqi;letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 14px -8px #007d5f8c}.itf-stats-slot{max-height:0;overflow:hidden;transition:max-height .72s cubic-bezier(.65,0,.35,1)}.itf-stats{display:flex;flex-direction:column;gap:3cqi;padding-top:8cqi;box-shadow:inset 0 1px 0 var(--itf-border-soft);opacity:0;transform:translateY(6px);transition:opacity .32s cubic-bezier(.2,.7,.2,1) 80ms,transform .38s cubic-bezier(.2,.7,.2,1) 80ms}.itf-stats-slot[data-stats-state=visible] .itf-stats{opacity:1;transform:translateY(0)}.itf-stat{display:flex;flex-direction:column;align-items:stretch;gap:1.5cqi;opacity:0;transform:translateY(4px);transition:opacity .32s cubic-bezier(.2,.7,.2,1),transform .36s cubic-bezier(.2,.7,.2,1)}.itf-stat-meta{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:3cqi;font-size:2.75cqi;font-weight:500;color:var(--itf-mute);letter-spacing:.04em;line-height:1}.itf-stat-meta--top .itf-stat-label{justify-self:start;letter-spacing:.01em}.itf-stat-meta--top .itf-stat-games{justify-self:center;color:var(--itf-ink);font-weight:600}.itf-stat-meta--top .itf-stat-surfaces{justify-self:end}.itf-stat-surfaces{display:inline-flex;align-items:center;gap:1cqi}.itf-surface{display:inline-flex;width:3.5cqi;height:2.25cqi}.itf-surface svg{width:100%;height:100%;display:block}.itf-surface[data-surface=grass]{color:#2d8049}.itf-surface[data-surface=clay]{color:#c77039}.itf-surface[data-surface=indoor]{color:#2b3d6e}.itf-stat-meta--bot .itf-stat-wins--left{justify-self:start;color:var(--itf-left)}.itf-stat-meta--bot .itf-stat-wins--right{justify-self:end;color:var(--itf-right);grid-column:3}.itf-stat-wins{font-weight:600;font-size:3.25cqi;letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums}.itf-stats-slot[data-stats-state=visible] .itf-stat{opacity:1;transform:translateY(0)}.itf-stats-slot[data-stats-state=visible] .itf-stat[data-stat=h2h]{transition-delay:60ms}.itf-stat-row{display:block;width:100%}.itf-stat-track{position:relative;height:2.5cqi;border-radius:999px;background:var(--itf-border-soft);overflow:hidden;display:flex}.itf-stat-fill{height:100%;width:0%;transition:width 1.1s cubic-bezier(.2,.7,.2,1)}.itf-stat-fill--left{background:var(--itf-left)}.itf-stat-fill--right{background:var(--itf-right);margin-left:auto}@media(prefers-reduced-motion:reduce){.itf-stat-fill,.itf-avatar-empty,.itf-avatar-filled,.itf-flag,.itf-flag-code,.itf-profile-link,.itf-stats,.itf-stat{transition:none}}