.landing{--court-line:#fff;--free-zone-foreground:#f6f4f5;--free-zone-muted-foreground:#cbe5eb;--court-line-width:3px;--ease-landing:cubic-bezier(.2, .8, .2, 1);--court-max-width:30rem;background:var(--free-zone);color:var(--free-zone-foreground)}:where(.dark) .landing{--court-line:#f1eef0;--free-zone-muted-foreground:#b6d1d8}html:has(.landing){--landing-header-height:4rem;--free-zone:#10687e;background:var(--free-zone);scrollbar-color:#cbe5eb99 transparent;scrollbar-width:thin}html.dark:has(.landing){--free-zone:#0a2f38}html:has(.landing){scroll-padding-top:var(--landing-header-height)}html.landing-snap{scroll-snap-type:y mandatory}.landing-snap-point{scroll-snap-align:start}.landing ::selection{background:var(--court);color:var(--court-foreground)}.landing :focus-visible{outline:3px solid var(--court-line);outline-offset:3px}.landing-court{aspect-ratio:1/2;--court-meter:calc(100cqw / 9);--court-line-width:calc(.05 * var(--court-meter));position:relative;container-type:inline-size}.landing-square{aspect-ratio:1;--court-meter:calc(100cqw / 9);--court-line-width:calc(.05 * var(--court-meter));position:relative;container-type:inline-size}@media (min-width:64rem){.landing-square{aspect-ratio:2;--court-meter:5.5vw;width:calc(18 * var(--court-meter));flex:none;container-type:normal}}.landing-zone{top:calc(var(--zone-start-from-end-line) * var(--court-meter));height:calc((var(--zone-end-from-end-line) - var(--zone-start-from-end-line)) * var(--court-meter));left:calc(var(--zone-start-from-side-line,0) * var(--court-meter));width:calc((var(--zone-end-from-side-line,9) - var(--zone-start-from-side-line,0)) * var(--court-meter));position:absolute}@media (min-width:64rem){.landing-court{aspect-ratio:2;--court-meter:calc(100cqw / 18)}.landing-court .landing-zone,.landing-square .landing-zone{left:calc(var(--zone-start-from-end-line) * var(--court-meter));width:calc((var(--zone-end-from-end-line) - var(--zone-start-from-end-line)) * var(--court-meter));top:calc(var(--zone-start-from-side-line,0) * var(--court-meter));height:calc(( var(--zone-end-from-side-line,9) - var(--zone-start-from-side-line,0) ) * var(--court-meter))}}.landing-hero-court{width:min(100%, var(--court-max-width))}@media (min-width:64rem){.landing-hero-court{width:min(100%, calc((100svh - var(--landing-header-height) - 6rem) * 2), 92rem)}}.landing-hero-title{font-size:calc(.8 * var(--court-meter));line-height:1.15}.landing-hero-desc{font-size:max(1rem, calc(.38 * var(--court-meter)));line-height:1.55}@media (min-width:64rem){.landing-hero-title{font-size:calc(.95 * var(--court-meter));line-height:1.04}.landing-hero-desc{font-size:max(1rem, calc(.26 * var(--court-meter)))}}.landing-on-attack-line{top:calc(6.025 * var(--court-meter));left:calc(.5 * var(--court-meter));position:absolute;translate:0 -50%}@media (min-width:64rem){.landing-on-attack-line{top:calc(7 * var(--court-meter));left:calc(6.025 * var(--court-meter));translate:-50% -50%}}.landing-net-post{top:calc(9 * var(--court-meter));right:calc(.4 * var(--court-meter));position:absolute;translate:0 -50%}@media (min-width:64rem){.landing-net-post{top:0;right:auto;left:calc(9 * var(--court-meter));translate:-50% -50%}}.landing-entries{container-type:size}.landing-entry-rows{--rows-zoom:1;--row-pitch:calc(2.75rem * var(--rows-zoom));--row-gap:calc(.25rem * var(--rows-zoom));height:calc(min(round(down, 100cqh - .75rem + var(--row-gap), var(--row-pitch)), 10 * var(--row-pitch)) - var(--row-gap));position:relative;overflow:hidden}@container (max-width:312px){.landing-entry-rows{--rows-zoom:.85}}@container (max-width:277px){.landing-entry-rows{--rows-zoom:.72}}@container (max-width:240px){.landing-entry-rows{--rows-zoom:.62}}.landing-entry-row{inset-inline:0;zoom:var(--rows-zoom);transform:translateY(calc(var(--row-index) * 2.75rem));position:absolute;top:0}.landing-entry-row[data-is-animated]{transition:transform .5s var(--ease-landing) calc(var(--row-index) * 35ms), opacity .45s ease-out}.landing-mark{top:calc(var(--distance-from-end-line-portrait,var(--distance-from-end-line)) * var(--court-meter));left:calc(var(--distance-from-side-line-portrait,var(--distance-from-side-line)) * var(--court-meter));--mark-offset-x:calc(var(--mark-target-x,calc(1 * var(--court-meter))) - var(--distance-from-side-line-portrait,var(--distance-from-side-line)) * var(--court-meter));--mark-offset-y:calc(var(--mark-target-y,calc(11.9 * var(--court-meter))) - var(--distance-from-end-line-portrait,var(--distance-from-end-line)) * var(--court-meter));font-size:max(1rem, calc(.38 * var(--court-meter)));transform-origin:0 0;position:absolute}@media (min-width:64rem){.landing-mark{top:calc(var(--distance-from-side-line) * var(--court-meter));left:calc(var(--distance-from-end-line) * var(--court-meter));--mark-offset-x:calc(var(--mark-target-x,calc(12.4 * var(--court-meter))) - var(--distance-from-end-line) * var(--court-meter));--mark-offset-y:calc(var(--mark-target-y,calc(.9 * var(--court-meter))) - var(--distance-from-side-line) * var(--court-meter));font-size:max(1rem, calc(.25 * var(--court-meter)))}}.landing-mark-dot{width:calc(.5 * var(--court-meter));aspect-ratio:1;background:var(--court-line);border-radius:50%;display:block;position:relative;translate:-50% -50%}.landing-mark-ring{border:var(--court-line-width) solid var(--court-line);border-radius:50%;position:absolute;inset:0}.landing-mark-label{top:0;left:calc(.4 * var(--court-meter));white-space:nowrap;position:absolute;translate:0 -50%}@media (min-width:64rem){.landing-mark[data-lands-on-our-half] .landing-mark-label{left:auto;right:calc(.9 * var(--court-meter))}}.landing-mark[data-is-live]{animation:landing-land var(--rally-beat) both}.landing-mark[data-is-live] .landing-mark-ring{animation:landing-ripple calc(var(--rally-beat) * .4) ease-out both}@keyframes landing-land{0%{opacity:0;animation-timing-function:var(--ease-landing);transform:scale(2)}16%{opacity:1;transform:scale(1)}62%{opacity:1;animation-timing-function:cubic-bezier(.6,0,.3,1);transform:translate(0)scale(1)}92%{opacity:.6;transform:translate(var(--mark-offset-x), var(--mark-offset-y)) scale(.6)}to{opacity:0;transform:translate(var(--mark-offset-x), var(--mark-offset-y)) scale(.6)}}@keyframes landing-ripple{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(3)}}.landing-stats{--stats-card-height:19rem;--stats-card-top:calc(9 * var(--court-meter) - var(--stats-card-height) / 2);--stats-card-bottom:calc(9 * var(--court-meter) + var(--stats-card-height) / 2)}.landing-stats-head,.landing-stats-points,.landing-stats-list{position:absolute}.landing-stats-head{height:var(--stats-card-top);inset:0 0 auto}.landing-stats-points{top:var(--stats-card-top);height:var(--stats-card-height);inset-inline:calc(.3 * var(--court-meter))}.landing-stats-list{inset:var(--stats-card-bottom) 0 0}@media (max-width:23.74rem){.landing-stats{--stats-card-height:16rem}}@media (min-width:64rem){.landing-stats-head{width:calc(6 * var(--court-meter));height:auto;inset:0 auto 0 0}.landing-stats-points{inset:50% auto auto calc(6.45 * var(--court-meter));width:calc(5.1 * var(--court-meter));height:auto;translate:0 -50%}.landing-stats-list{inset:0 0 0 calc(12.05 * var(--court-meter))}}.landing-stats-slides{overscroll-behavior-x:contain;scrollbar-width:none;scroll-behavior:smooth}.landing-stats-slides::-webkit-scrollbar{display:none}.landing-stats-description{transition:opacity .16s ease-out}.landing-stats-description[data-is-fading-out]{opacity:0}.landing-stats-heading{font-size:max(1.5rem, calc(.7 * var(--court-meter)))}.landing-stats-lead{font-size:1rem}.landing-closing-heading{font-size:max(1.625rem, calc(.75 * var(--court-meter)))}.landing-closing-lead{font-size:1rem}@media (min-width:64rem){.landing-stats-heading{font-size:calc(.55 * var(--court-meter))}.landing-stats-lead{font-size:max(1rem, calc(.25 * var(--court-meter)))}.landing-closing-heading{font-size:calc(.62 * var(--court-meter))}.landing-closing-lead{font-size:max(1rem, calc(.24 * var(--court-meter)))}}@media (prefers-reduced-motion:reduce){.landing-stats-slides{scroll-behavior:auto}.landing-stats-description{transition:none}.landing-mark[data-is-live],.landing-mark[data-is-live] .landing-mark-ring,.landing-entry-row[data-is-animated]{transition:none;animation:none}}