.page-header{isolation:isolate;color:#fff;background:rgb(var(--ck-court-hard));border-radius:26px;gap:16px;padding:24px 20px 22px;display:grid;position:relative;overflow:hidden;box-shadow:0 2px 4px #0c1a2e0f,0 18px 40px #0c1a2e1f}.page-header[data-surface=clay]{background:rgb(var(--ck-court-clay))}.page-header[data-surface=grass]{background:rgb(var(--ck-court-grass))}.page-header-court{z-index:-1;color:#ffffff29;width:calc(100% - 28px);height:calc(100% - 28px);position:absolute;inset:14px}.page-header-court .court-net{color:#ffffff3d}.page-header-copy{z-index:2;max-width:34rem;position:relative}.page-header h1{font-family:var(--font-display,inherit);letter-spacing:-.03em;text-wrap:balance;font-size:clamp(2rem,8vw,3rem);font-weight:700;line-height:1.02}.page-header-body{color:#ffffffeb;max-width:46ch;margin-top:12px;font-size:1rem;line-height:1.55}.page-header-body p+p{margin-top:8px}.page-header-body :is(p,span,div){color:inherit}.page-header-body :is(.page-sub,[class*=text-cockpit-]){color:#ffffffeb}.page-header-body .page-sub{max-width:none;margin-top:0}.page-header-stats{z-index:2;flex-wrap:wrap;gap:12px 28px;display:flex;position:relative}.page-header-stats>div{gap:4px;display:grid}.page-header-stats dd{font-family:var(--font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;letter-spacing:-.03em;margin:0;font-size:1.75rem;font-weight:700;line-height:1}.page-header-stats dt{color:#ffffffe0;font-size:.8125rem;font-weight:600}.page-header-lineup{--slot:74px;z-index:1;grid-auto-flow:column;grid-auto-columns:var(--slot);pointer-events:none;align-items:end;gap:6px;display:grid;position:absolute;bottom:0;right:20px}.page-header-lineup img{width:var(--slot);height:var(--slot);-o-object-fit:contain;object-fit:contain;-o-object-position:50% 100%;object-position:50% 100%;filter:drop-shadow(0 6px 10px #00000047);-webkit-user-select:none;user-select:none;display:block;-webkit-mask-image:linear-gradient(#000 70%,#0000 98%);mask-image:linear-gradient(#000 70%,#0000 98%)}.page-header[data-lineup=true]{padding-bottom:calc(var(--lineup-slot,74px) + 24px)}.page-header .slate-links{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.page-header .slate-links a{color:#fff;-webkit-backdrop-filter:blur(10px)saturate(1.4);backdrop-filter:blur(10px)saturate(1.4);background:linear-gradient(#ffffff3d,#ffffff1a);border-radius:999px;align-items:center;gap:6px;min-height:44px;padding:0 16px;font-size:.875rem;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffff73,inset 0 -1px #0000001f,0 0 0 1px #ffffff3d}.page-header .slate-links a:hover{background:linear-gradient(#ffffff57,#ffffff29)}.page-header a:focus-visible{outline-offset:3px;outline:2px solid #fff}@media (min-width:720px){.page-header{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px 32px;padding:36px 36px 32px}.page-header[data-lineup=true]{padding-bottom:32px}.page-header[data-lineup=true] .page-header-stats{grid-column:1;max-width:none}.page-header-lineup{--slot:clamp(104px, 10vw, 132px);grid-area:1/2/span 2;align-self:end;gap:8px;margin-bottom:-32px;position:relative;bottom:auto;right:auto}.page-header-stats{justify-content:flex-start}}@media (max-width:380px){.page-header-lineup{--slot:64px;right:16px}.page-header[data-lineup=true]{padding-bottom:88px}}@media (max-width:639px){.chip-scroll{padding-right:24px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000)}}
