/* Padelly Matchday. Original design inspired by Swift and Plnta, October 2026. */
@font-face { font-family: 'Barlow Condensed'; src: url('/assets/fonts/barlow-condensed-bold.ttf') format('truetype'); font-style: normal; font-weight: 700; font-display: swap; }
:root:has(.sport-site) {
  --bg:#f4f4ed; --surface:#fffef8; --surface-soft:#e8ecdf; --text:#173b2b;
  --muted:#57655c; --muted-strong:#405449; --line:#173b2b26; --line-strong:#173b2b40;
  --accent:#285e3d; --accent-ink:#285e3d; --accent-rgb:40,94,61; --accent-2-rgb:213,237,88;
  --court:#174b36; --lime:#d5ed58; --sport-paper:#f4f4ed; --sport-ink:#173b2b;
  --focus:#638c37; --page:1360px; --nav-height:88px; --display:'Barlow Condensed','Arial Narrow',sans-serif;
}
:root[data-appearance="dark"]:has(.sport-site) {
  --bg:#111f19; --surface:#1b2d23; --surface-soft:#22382b; --text:#f4f4ed;
  --muted:#b5c4b7; --muted-strong:#cad4ca; --line:#f4f4ed26; --line-strong:#f4f4ed40; --accent-ink:#d5ed58;
}
@media (prefers-color-scheme:dark) {
  :root[data-appearance="system"]:has(.sport-site) {
    --bg:#111f19; --surface:#1b2d23; --surface-soft:#22382b; --text:#f4f4ed;
    --muted:#b5c4b7; --muted-strong:#cad4ca; --line:#f4f4ed26; --line-strong:#f4f4ed40; --accent-ink:#d5ed58;
  }
}
.sport-site { background:var(--bg); font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif; }
.sport-site .site-header { position:sticky; top:0; z-index:100; isolation:isolate; padding:0; background:var(--bg); border-bottom:1px solid var(--line); }
.sport-site .header-bar { position:relative; width:min(calc(100% - 80px),var(--page)); min-height:88px; padding:12px 0; gap:25px; background:transparent; border:0; border-radius:0; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; }
.sport-site .brand { font-size:28px; font-weight:800; letter-spacing:-.055em; color:var(--text); }
.sport-site .brand span { display:inline; position:static; width:auto; height:auto; overflow:visible; clip:auto; clip-path:none; }.sport-site .brand-icon { width:35px; height:35px; border-radius:9px; box-shadow:none; }
.sport-site .header-nav { gap:26px; font-size:12px; font-weight:650; }
.sport-site .header-nav a { display:inline-flex; align-items:center; min-height:44px; color:var(--muted-strong); white-space:nowrap; }
.sport-site .header-nav a:hover,.sport-site .header-nav a[aria-current="page"] { color:var(--accent-ink); }
.sport-site .global-controls { border:0; padding:0; gap:2px; background:transparent; }
.sport-site .picker-trigger { min-height:44px; min-width:44px; border:0; border-radius:4px; background:transparent; box-shadow:none; color:var(--text); }
.sport-site .picker-trigger:hover { background:var(--surface-soft); }.sport-site .control-value { font-size:11px; }
.sport-site .picker-menu { background:var(--surface); color:var(--text); border-radius:8px; }
.sport-menu-trigger { display:none; }.sport-site .site-footer { width:min(calc(100% - 80px),var(--page)); margin-top:0; border-top:1px solid var(--line); }
.sport-site .footer-main { padding-block:30px; min-height:100px; }.sport-site .dedication { color:var(--muted); font-size:12px; }
.sport-home { overflow:clip; }.sport-wrap { width:min(calc(100% - 80px),var(--page)); margin-inline:auto; }
.sport-home h1,.sport-home h2,.sport-home h3,.sport-home p { margin:0; }
.sport-home h1,.sport-home h2 { font-family:var(--display); font-weight:700; letter-spacing:-.015em; text-transform:uppercase; line-height:.91; }
.sport-home h3 { font-weight:750; font-size:clamp(36px,3.9vw,58px); letter-spacing:-.045em; line-height:1.04; }
.sport-home a { text-decoration:none; }.sport-home a:focus-visible,.sport-home button:focus-visible { outline:3px solid var(--focus); outline-offset:6px; }
.sport-eyebrow { font-size:11px; font-weight:700; letter-spacing:.14em; line-height:1.5; text-transform:uppercase; }
.sport-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--accent-ink); margin-right:10px; }
.sport-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px 24px; }
.sport-button { display:inline-flex; align-items:center; justify-content:space-between; gap:24px; min-height:52px; padding:0 23px; border-radius:4px; font-size:13px; font-weight:700; transition:background .2s,transform .2s; }
.sport-button>span { font-size:20px; font-weight:400; }.sport-button-primary { background:var(--sport-ink); color:var(--sport-paper); }
.sport-button-primary:hover { background:#2c5d3f; transform:translateY(-2px); }.sport-button-secondary { color:var(--text); border-bottom:1px solid var(--line-strong); border-radius:0; padding-inline:0; }
.sport-button-secondary:hover { color:var(--accent-ink); }
/* One immersive opening, with the genuine app clearly in view. */
.matchday-site .site-header { position:fixed; inset:0 0 auto; border:0; background:#0d291e; }
.matchday-site.nav-ready .site-header:not(.is-scrolled) { background:transparent; }
.matchday-site .site-header.is-scrolled { background:#0d291ef5; border-bottom:1px solid #f4f4ed25; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); }
:root:has(.sport-site) { scroll-padding-top:calc(var(--nav-height) + 16px); }
.matchday-site .brand,.matchday-site .header-nav a,.matchday-site .picker-trigger { color:#f4f4ed; }
.matchday-site .header-nav a:hover,.matchday-site .header-nav a[aria-current="page"] { color:var(--lime); }
.matchday-site .control-icon { color:var(--lime); }
.matchday-site .picker-trigger:hover,.matchday-site .picker.is-open .picker-trigger { background:#ffffff15; color:#fff; }
.sport-hero { position:relative; isolation:isolate; height:max(760px,100svh); max-height:1000px; min-height:760px; background:#0d291e; color:var(--sport-paper); }
.sport-hero-scene,.sport-hero-shade { position:absolute; inset:0; z-index:-1; overflow:hidden; }
.sport-hero-scene img { width:100%; height:100%; object-fit:cover; object-position:50% 65%; transform:scale(1.03) translateY(var(--scene-shift,0px)); }
.sport-hero-shade { background:linear-gradient(180deg,#061c1580,transparent 22%),linear-gradient(90deg,#061c15ed 0%,#061c15b8 38%,#061c1545 74%,#061c153b),linear-gradient(0deg,#061c15a8,transparent 45%); }
.sport-hero-inner { height:100%; display:flex; flex-direction:column; padding-top:110px; }
.sport-hero-content { flex:1; display:grid; grid-template-columns:1.05fr 1fr; gap:30px; align-items:center; min-height:0; }
.sport-hero-copy { max-width:640px; padding-block:20px 30px; z-index:2; }
.sport-hero-copy>.sport-eyebrow { color:#e1e8d5; margin-bottom:26px; }.sport-hero-copy .sport-dot { background:var(--lime); }
.sport-home h1 { font-size:clamp(110px,11.7vw,178px); line-height:.83; letter-spacing:-.016em; }
.sport-home h1 span { color:var(--lime); white-space:nowrap; }.sport-hero-description { max-width:445px; font-size:17px; line-height:1.65; color:#e1e8de; margin-block:29px 28px !important; }
.sport-hero .sport-button-primary { background:var(--lime); color:var(--sport-ink); }.sport-hero .sport-button-primary:hover { background:#e6fa8a; }
.sport-hero .sport-button-secondary { color:var(--sport-paper); border-color:#ffffff44; }.sport-hero .sport-button-secondary:hover { color:var(--lime); }
.sport-trust { display:flex; flex-wrap:wrap; gap:8px 19px; margin:22px 0 0; padding:0; list-style:none; font-size:10px; color:#dde6d7; }
.sport-trust li::before { content:'✓'; color:var(--lime); margin-right:6px; }
.sport-court { position:relative; height:100%; min-height:570px; min-width:0; perspective:1200px; }
.sport-device-pair { position:absolute; left:50%; top:50%; width:520px; height:580px; transform:translate(-50%,-50%) translateY(var(--sport-shift,0px)) scale(var(--device-scale,1)); }
.sport-phone { position:relative; width:270px; padding:7px; border:2px solid #8c968b; border-radius:43px; background:#141a16; box-shadow:18px 30px 50px #061a1940,inset 0 0 0 2px #222b23; }
.sport-phone::before { content:''; position:absolute; left:-5px; top:105px; height:32px; width:3px; border-radius:3px; background:#7b867b; }
.sport-phone img { display:block; width:100%; height:auto; border-radius:34px; }
.sport-device-pair>.sport-phone { position:absolute; top:5px; left:60px; transform:rotate(-9deg); animation:phone-breathe 7s ease-in-out infinite; }
.sport-watch { position:relative; width:215px; padding:9px; border:3px solid #9b9d8e; border-radius:49px; background:#202720; box-shadow:16px 25px 35px #061a1950,inset 0 0 0 3px #101510; }
.sport-watch::after { content:''; position:absolute; right:-10px; top:59px; width:9px; height:27px; background:linear-gradient(90deg,#5a6658,#bcc2ae,#5a6658); border-radius:3px; }
.sport-watch img { position:relative; z-index:1; display:block; width:100%; height:auto; border-radius:35px; }
.sport-device-pair>.sport-watch { position:absolute; right:0; top:273px; transform:rotate(10deg); animation:watch-breathe 7s ease-in-out infinite; }
.sport-watch-strap { position:absolute; z-index:-1; left:50%; top:50%; width:140px; height:410px; transform:translate(-50%,-50%); border-radius:55px; border:2px solid #7b8d6c; background:repeating-linear-gradient(0deg,#a9b68d 0 3px,#919f78 3px 5px); }
.sport-device-note { position:absolute; bottom:20px; left:50%; transform:translateX(-50%); display:flex; align-items:center; white-space:nowrap; padding:12px 17px; border:1px solid #d5ed5845; background:#103023ba; color:var(--sport-paper); border-radius:3px; font-size:9px; letter-spacing:.12em; font-weight:650; }
.sport-device-note .sport-dot { width:5px; height:5px; background:var(--lime); }
.sport-hero-bottom { min-height:77px; display:flex; align-items:center; justify-content:space-between; gap:25px; border-top:1px solid #f4f4ed30; font-size:11px; color:#e1e8de; }
.sport-hero-bottom>a { display:flex; align-items:center; gap:18px; color:var(--sport-paper); font-size:12px; }
.sport-scroll-arrow { width:34px; height:34px; border:1px solid #f4f4ed60; border-radius:50%; display:grid; place-items:center; }
.sport-hero-index { font-size:9px; letter-spacing:.12em; }
@keyframes phone-breathe { 0%,100% { transform:rotate(-9deg) translateY(0); } 50% { transform:rotate(-8deg) translateY(-7px); } }
@keyframes watch-breathe { 0%,100% { transform:rotate(10deg) translateY(0); } 50% { transform:rotate(9deg) translateY(6px); } }
/* Native chapter navigation also works without JavaScript. */
.sport-flow { display:grid; grid-template-columns:repeat(3,1fr); width:min(calc(100% - 80px),var(--page)); margin:0 auto; padding:0; list-style:none; border-bottom:1px solid var(--line); }
.sport-flow li { min-width:0; }.sport-flow a { display:grid; grid-template-columns:28px 1fr 22px; gap:6px 12px; padding:32px 28px; color:var(--text); transition:background .2s; }
.sport-flow li:first-child a { padding-left:0; }.sport-flow li+li { border-left:1px solid var(--line); }
.sport-flow a:hover { background:var(--surface-soft); }.sport-flow a>span:first-child { grid-row:span 2; align-self:center; font-size:11px; color:var(--muted); }
.sport-flow strong { font-size:16px; font-weight:700; letter-spacing:-.02em; }.sport-flow small { grid-column:2; font-size:12px; color:var(--muted); }
.sport-flow-arrow { grid-column:3; grid-row:1 / 3; align-self:center; font-size:22px; font-weight:400; }
.sport-features { padding-block:110px 90px; scroll-margin-top:25px; }.sport-section-intro { max-width:850px; margin-bottom:55px; }
.sport-section-intro .sport-eyebrow { margin-bottom:24px; color:var(--muted); }.sport-home h2 { font-size:clamp(56px,6.7vw,96px); }
.sport-section-intro>p:last-child { max-width:490px; margin-top:25px; color:var(--muted-strong); font-size:17px; line-height:1.65; }
.sport-chapters { display:grid; gap:26px; }.sport-chapter { position:relative; display:grid; grid-template-columns:1fr 1fr; min-height:650px; background:var(--surface); overflow:hidden; scroll-margin-top:25px; }
.sport-chapter-copy { align-self:center; padding:65px clamp(30px,4.5vw,75px); position:relative; z-index:2; }
.sport-chapter-copy>.sport-eyebrow { margin-bottom:30px; color:var(--muted); }.sport-chapter-copy>p:not(.sport-eyebrow) { margin-top:24px; font-size:16px; line-height:1.7; color:var(--muted-strong); max-width:430px; }
.sport-chapter-art { position:relative; display:grid; place-items:center; min-width:0; min-height:650px; background:var(--surface-soft); overflow:hidden; }
.sport-chapter-art>.sport-phone { width:274px; margin:70px 0 -34px; transform:rotate(-7deg); }
.sport-chapter-number { position:absolute; right:25px; bottom:-50px; font:700 400px/.9 var(--display); letter-spacing:-.04em; color:#173b2b0e; }
.sport-art-caption { position:absolute; top:28px; inset-inline:30px; display:flex; justify-content:space-between; gap:10px; font-size:10px; font-weight:600; z-index:2; color:var(--muted-strong); }
.sport-art-caption span { font-size:19px; font-weight:400; }
.sport-plan .sport-chapter-copy { order:2; }.sport-plan .sport-chapter-art { order:1; }
.sport-play { background:var(--lime); color:var(--sport-ink); min-height:730px; }
.sport-play .sport-chapter-copy>.sport-eyebrow,.sport-play .sport-chapter-copy>p:not(.sport-eyebrow) { color:#385332; }
.sport-play .sport-chapter-art { background:var(--lime); min-height:730px; }
.sport-play .sport-art-caption { color:var(--sport-ink); }.sport-play .sport-chapter-number { color:#173b2b0c; }
.sport-play .sport-chapter-art>.sport-watch { width:295px; transform:rotate(8deg); box-shadow:18px 35px 50px #597c3038; }
.sport-play .sport-chapter-art::before { content:''; position:absolute; width:360px; height:360px; border:1px solid #173b2b25; border-radius:50%; }
.sport-review .sport-chapter-art { background:#dfe6d8; }.sport-review .sport-art-caption { color:#405449; }.sport-review .sport-chapter-art>.sport-phone { transform:rotate(7deg); }
.sport-review .sport-chapter-copy { order:2; }.sport-review .sport-chapter-art { order:1; }
/* A labelled website demo, separate from the real app screenshots. */
.sport-demo { margin-top:30px; padding-top:24px; max-width:430px; border-top:1px solid #173b2b45; }
.sport-demo-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; }.sport-demo-heading strong { font-size:15px; font-weight:700; }
.sport-demo-heading>span { border:1px solid #173b2b45; border-radius:3px; padding:4px 6px; font-size:8px; font-weight:700; letter-spacing:.1em; }
.sport-demo-note { font-size:11px; color:#385332; line-height:1.5; margin-top:6px !important; }
.sport-demo-score { display:block; margin-block:10px 14px; font:700 76px/1 var(--display); text-align:center; font-variant-numeric:tabular-nums; }
.sport-demo-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.sport-demo-actions button { display:flex; justify-content:space-between; align-items:center; gap:8px; min-height:46px; border:1px solid var(--sport-ink); border-radius:3px; background:var(--sport-ink); color:var(--sport-paper); font-family:inherit; font-size:11px; font-weight:650; line-height:1.3; padding:10px 13px; cursor:pointer; }
.sport-demo-actions button+button { color:var(--sport-ink); background:transparent; }.sport-demo-actions button:hover { background:#2b583a; color:#fff; }.sport-demo-actions button>span { font-size:20px; font-weight:400; }
.sport-demo-bottom { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:12px; font-size:9px; color:#385332; }
.sport-demo-bottom>div { display:flex; gap:12px; }.sport-demo-bottom button { border:0; border-bottom:1px solid currentColor; padding:3px 0; background:transparent; color:var(--sport-ink); font-size:10px; cursor:pointer; min-height:44px; }
.sport-demo-bottom button:disabled { opacity:.42; cursor:default; }
.sport-statement { display:flex; justify-content:space-between; align-items:center; gap:30px; padding:38px max(40px,calc((100vw - 1360px)/2)); background:var(--court); color:var(--sport-paper); font:700 clamp(46px,7.5vw,115px)/.95 var(--display); text-transform:uppercase; letter-spacing:-.01em; }
.sport-statement>span:last-child { color:var(--lime); font:400 .75em/1 sans-serif; }
.sport-rules { display:grid; grid-template-columns:1.1fr 1fr; gap:12%; padding-block:115px; }
.sport-rules .sport-eyebrow { margin-bottom:24px; color:var(--muted); }.sport-rules h2 { font-size:clamp(50px,5.3vw,76px); }
.sport-rules p:not(.sport-eyebrow),.sport-private p:not(.sport-eyebrow) { color:var(--muted-strong); margin-block:25px; max-width:520px; font-size:16px; line-height:1.7; }
.sport-link { display:inline-flex; justify-content:space-between; align-items:center; gap:40px; min-height:44px; padding-bottom:10px; border-bottom:1px solid var(--line-strong); color:inherit; font-size:13px; font-weight:650; }
.sport-rule-list { align-self:center; margin:0; padding:0; list-style:none; counter-reset:rules; }
.sport-rule-list li { display:flex; gap:24px; align-items:baseline; padding:22px 0; border-bottom:1px solid var(--line); counter-increment:rules; font-size:clamp(18px,1.8vw,25px); font-weight:600; letter-spacing:-.025em; }
.sport-rule-list li::before { content:'0' counter(rules); color:var(--muted); font-size:10px; }
.sport-private { padding-block:95px; background:var(--surface-soft); }.sport-private-inner { display:grid; grid-template-columns:1.2fr 1fr; gap:15%; align-items:center; }
.sport-private h2 { margin-top:25px; }.sport-private-symbol { display:grid; justify-items:center; gap:30px; font-size:10px; font-weight:700; letter-spacing:.2em; }
.sport-private-symbol svg { width:170px; height:190px; }.sport-royal { display:flex; gap:35px; align-items:center; padding-block:55px; border-bottom:1px solid var(--line); }
.sport-royal>span { color:#92762f; font-size:60px; }.sport-royal .sport-eyebrow { font-size:9px; color:var(--muted); margin-bottom:9px; }
.sport-royal h2 { font-family:inherit; text-transform:none; font-size:25px; font-weight:700; letter-spacing:-.03em; }
.sport-royal p:not(.sport-eyebrow) { margin-top:10px; max-width:740px; color:var(--muted-strong); font-size:14px; line-height:1.6; }
.sport-end { padding-top:100px; }.sport-end h2 { margin-top:28px; font-size:clamp(76px,10vw,145px); }.sport-end h2 span { color:var(--accent-ink); }
.sport-end>p:not(.sport-eyebrow) { max-width:500px; margin-block:26px; font-size:16px; line-height:1.65; color:var(--muted-strong); }
.sport-end-word { display:flex; justify-content:space-between; align-items:center; gap:25px; margin-top:90px; padding-bottom:25px; font:700 clamp(100px,23vw,340px)/.85 var(--display); letter-spacing:-.015em; }
.sport-end-word>span { font:400 .5em/1 sans-serif; }
/* Shared styling for the rest of the site. */
.sport-site .content-header { padding-inline:0; border:0; border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; }
.sport-site .content-header h1 { letter-spacing:-.04em; }.sport-site .button-link,.sport-site .support-submit { border-radius:4px; box-shadow:none; }
.sport-site .button-link.primary,.sport-site .support-submit { color:var(--sport-paper); background:var(--sport-ink); }
.sport-site .support-card,.sport-site .related-panel { border-radius:6px; background:var(--surface); box-shadow:none; }
@supports (animation-timeline:view()) {
  @media (prefers-reduced-motion:no-preference) and (min-width:900px) {
    .sport-chapter-art>.sport-phone { animation:device-arrive linear both; animation-timeline:view(); animation-range:entry 0% exit 100%; }
    @keyframes device-arrive { from { translate:0 40px; rotate:-3deg; } to { translate:0 -30px; rotate:3deg; } }
  }
}
@media (max-width:1150px) {
  .sport-site .header-nav { gap:17px; font-size:11px; }.sport-site .control-value { display:none; }
  .sport-home h1 { font-size:clamp(100px,13vw,148px); }.sport-hero-content { gap:0; }.sport-device-pair { --device-scale:.85; transform-origin:50% 50%; }
  .sport-hero-description { font-size:16px; max-width:385px; }.sport-hero .sport-actions { gap:14px; }.sport-hero .sport-button { padding-inline:17px; gap:15px; font-size:12px; }
  .sport-hero .sport-button-secondary { padding-inline:0; }.sport-demo-actions button { font-size:10px; }
}
@media (max-width:900px) {
  :root:has(.sport-site) { --nav-height:80px; }
  .sport-site .header-bar { gap:10px; min-height:80px; flex-wrap:wrap; }.sport-site .brand { margin-right:auto; }.sport-site .global-controls { margin-left:auto; }
  .sport-site.nav-ready .sport-menu-trigger { order:4; display:flex; align-items:center; justify-content:center; gap:10px; min-height:44px; padding:0 12px; border:1px solid var(--line-strong); border-radius:4px; color:var(--text); background:transparent; font-family:inherit; font-size:11px; font-weight:600; line-height:1; }
  .sport-menu-trigger i { display:block; position:relative; width:15px; height:8px; border-top:1px solid currentColor; border-bottom:1px solid currentColor; }
  .sport-menu-trigger[aria-expanded="true"] i { height:0; border-bottom:0; rotate:45deg; }.sport-menu-trigger[aria-expanded="true"] i::after { content:''; position:absolute; width:15px; left:0; top:-1px; border-top:1px solid currentColor; rotate:-90deg; }
  .matchday-site.nav-ready .sport-menu-trigger { color:var(--sport-paper); border-color:#ffffff50; }
  .sport-site .header-nav { order:5; width:100%; justify-content:space-between; font-size:11px; gap:16px; }
  .sport-site.nav-ready .header-nav { display:none; position:absolute; top:calc(100% - 5px); left:0; right:0; width:auto; flex-direction:column; align-items:stretch; gap:0; padding:12px 22px; max-height:calc(100dvh - var(--nav-height) - 24px); overflow-y:auto; overscroll-behavior:contain; z-index:2; border:1px solid var(--line); background:var(--surface); box-shadow:0 20px 45px #07190e30; border-radius:6px; }
  .sport-site.nav-ready .header-nav[data-open="true"] { display:flex; }.sport-site.nav-ready .header-nav a { color:var(--text); min-height:48px; }
  .sport-site.nav-ready .header-nav a+a { border-top:1px solid var(--line); }.sport-site.nav-ready .header-nav a[aria-current="page"] { color:var(--accent-ink); }
  .sport-hero { min-height:850px; height:auto; max-height:none; }.sport-hero-inner { padding-top:120px; }.sport-hero-content { grid-template-columns:1fr 1fr; min-height:650px; }
  .sport-home h1 { font-size:112px; }.sport-device-pair { --device-scale:.75; }.sport-hero .sport-actions { align-items:start; flex-direction:column; }.sport-hero-description { max-width:320px; }
  .sport-hero-index { display:none; }.sport-chapter { min-height:610px; }.sport-chapter-copy { padding:45px 30px; }.sport-chapter-art { min-height:610px; }
  .sport-chapter-art>.sport-phone { width:225px; }.sport-play .sport-chapter-art>.sport-watch { width:245px; }
  .sport-play .sport-chapter-art,.sport-play { min-height:740px; }.sport-demo { margin-top:20px; }.sport-demo-actions { grid-template-columns:1fr; }
}
@media (max-width:650px) {
  :root:has(.sport-site) { --nav-height:76px; }
  .sport-wrap,.sport-flow,.sport-site .header-bar,.sport-site .site-footer { width:calc(100% - 40px); }.sport-site .header-bar { min-height:76px; padding-block:12px; gap:2px; }
  .sport-site .brand { font-size:25px; gap:8px; }.sport-site .brand-icon { width:29px; height:29px; }.sport-site .picker-trigger { padding-inline:6px; min-width:37px; }.sport-site .control-chevron { display:none; }
  .sport-site.nav-ready .sport-menu-trigger { padding:0 9px; margin-left:6px; }.sport-menu-trigger>span { display:none; }.sport-site .header-nav { gap:8px; font-size:10px; }
  .sport-hero { min-height:0; }.sport-hero-inner { padding-top:118px; }.sport-hero-content { display:flex; flex-direction:column; align-items:stretch; min-height:0; }
  .sport-hero-copy { max-width:none; padding-block:10px 0; }.sport-hero-copy>.sport-eyebrow { font-size:9px; margin-bottom:20px; }
  .sport-home h1 { font-size:clamp(76px,22vw,130px); line-height:.84; }.sport-hero-description { font-size:15px; line-height:1.6; max-width:390px; margin-block:22px 22px !important; }
  .sport-hero .sport-actions { flex-direction:row; align-items:center; gap:15px; }.sport-hero .sport-button { min-height:48px; padding-inline:16px; font-size:11px; gap:14px; }.sport-hero .sport-button-secondary { padding-inline:0; }
  .sport-trust { gap:8px 15px; font-size:9px; margin-top:18px; }.sport-court { min-height:440px; height:440px; margin-top:20px; }
  .sport-device-pair { width:420px; height:510px; --device-scale:.82; top:46%; }.sport-device-pair>.sport-phone { width:228px; left:47px; top:0; padding:6px; border-radius:37px; }.sport-device-pair>.sport-phone img { border-radius:29px; }
  .sport-device-pair>.sport-watch { width:183px; top:231px; right:5px; padding:7px; border-radius:42px; }.sport-device-pair>.sport-watch img { border-radius:29px; }.sport-watch-strap { width:119px; height:350px; }
  .sport-device-note { bottom:10px; padding:9px 11px; font-size:8px; }.sport-hero-scene img { object-position:58% 70%; }.sport-hero-shade { background:linear-gradient(180deg,#061c15df,#061c15b0 35%,#061c1560 75%,#061c15cb); }
  .sport-hero-bottom { min-height:70px; margin-top:10px; gap:15px; font-size:9px; }.sport-hero-bottom>a { font-size:10px; gap:10px; }.sport-scroll-arrow { width:29px; height:29px; }
  .sport-flow a { display:flex; flex-direction:column; align-items:start; gap:8px; padding:25px 15px; position:relative; }.sport-flow strong { font-size:13px; }.sport-flow small { font-size:10px; line-height:1.4; }
  .sport-flow .sport-flow-arrow { position:absolute; top:22px; right:12px; font-size:15px; }.sport-flow a>span:first-child { align-self:start; font-size:9px; }
  .sport-features { padding-block:75px 60px; }.sport-section-intro { margin-bottom:35px; }.sport-home h2 { font-size:clamp(52px,13.5vw,76px); }.sport-section-intro>p:last-child { font-size:15px; margin-top:20px; }
  .sport-chapters { gap:20px; }.sport-chapter { grid-template-columns:1fr; min-height:0; }.sport-chapter-copy { padding:35px 26px; }.sport-home h3 { font-size:36px; }.sport-chapter-copy>.sport-eyebrow { font-size:9px; margin-bottom:20px; }
  .sport-chapter-copy>p:not(.sport-eyebrow) { margin-top:18px; font-size:15px; line-height:1.65; }
  .sport-plan .sport-chapter-copy,.sport-review .sport-chapter-copy { order:0; }.sport-plan .sport-chapter-art,.sport-review .sport-chapter-art { order:1; }
  .sport-chapter-art { min-height:440px; }.sport-chapter-art>.sport-phone { width:225px; margin:70px 0 -100px; }.sport-chapter-number { font-size:310px; bottom:-40px; }
  .sport-art-caption { inset-inline:25px; top:22px; font-size:9px; }.sport-play { min-height:0; }.sport-play .sport-chapter-art { min-height:400px; }.sport-play .sport-chapter-art>.sport-watch { width:235px; margin-top:15px; }.sport-play .sport-chapter-art::before { width:290px; height:290px; }
  .sport-demo { margin-top:25px; padding-top:22px; max-width:none; }.sport-demo-actions { grid-template-columns:1fr 1fr; }.sport-demo-actions button { min-height:48px; font-size:10px; }.sport-demo-bottom { font-size:8px; }
  .sport-statement { padding:30px 20px; gap:15px; font-size:clamp(36px,9vw,57px); }.sport-rules { grid-template-columns:1fr; gap:35px; padding-block:70px; }.sport-rules h2 { font-size:54px; }.sport-rules p:not(.sport-eyebrow) { font-size:15px; }
  .sport-rule-list li { padding-block:18px; font-size:18px; gap:20px; }.sport-private { padding-block:65px; }.sport-private-inner { grid-template-columns:1fr; gap:40px; }.sport-private h2 { font-size:62px; }.sport-private p:not(.sport-eyebrow) { font-size:15px; }
  .sport-private-symbol { justify-items:start; gap:22px; }.sport-private-symbol svg { width:100px; height:115px; }.sport-royal { align-items:start; gap:23px; padding-block:45px; }.sport-royal>span { font-size:40px; }.sport-royal h2 { font-size:22px; }
  .sport-end { padding-top:70px; }.sport-end h2 { font-size:clamp(67px,17vw,100px); }.sport-end>p:not(.sport-eyebrow) { font-size:15px; }.sport-end .sport-actions { gap:15px; }.sport-end .sport-button { font-size:11px; padding-inline:17px; gap:15px; }.sport-end .sport-button-secondary { padding-inline:0; }
  .sport-end-word { margin-top:65px; font-size:23vw; gap:10px; }.sport-site .footer-main { gap:20px; align-items:start; }.sport-site .footer-links { gap:12px; flex-wrap:wrap; font-size:11px; }
  .matchday-site:not(.nav-ready) .sport-hero-inner { padding-top:175px; }
}
@media (max-width:360px) {
  .sport-site .brand { font-size:23px; }.sport-site .brand-icon { width:25px; height:25px; }.sport-site .picker-trigger { min-width:33px; padding-inline:4px; }
  .sport-device-pair { --device-scale:.68; }.sport-court { height:400px; min-height:400px; }.sport-hero .sport-actions { gap:10px; }.sport-hero .sport-button { font-size:10px; padding-inline:12px; gap:10px; }.sport-hero .sport-button-secondary { padding-inline:0; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }.sport-home *,.sport-home *::before,.sport-home *::after { animation:none !important; transition:none !important; }
  .sport-chapter,.sport-chapter:nth-child(2),.sport-chapter:nth-child(3) { position:relative; top:auto; }
}

.sport-hero[data-in-view="false"] .sport-device-pair>.sport-phone,
.sport-hero[data-in-view="false"] .sport-device-pair>.sport-watch { animation-play-state:paused; }