@font-face{font-family:Outfit;src:url(/fonts/Outfit-Variable.ttf) format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:Bebas Neue;src:url(/fonts/BebasNeue-Regular.ttf) format("truetype");font-weight:400;font-display:swap}:root{color-scheme:dark;--home-bg: #101713;--home-panel: #19231d;--home-ink: #f3f5ee;--home-muted: #b7c4b9;--home-line: #39463d;--home-lime: #c4ff36;--home-body: "Outfit", system-ui, sans-serif;--home-display: "Bebas Neue", sans-serif;--ease-out: cubic-bezier(.23, 1, .32, 1);--gutter: 16px;font-family:var(--home-body);color:var(--home-ink);background:var(--home-bg);font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:280px;background:var(--home-bg)}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--home-lime);outline-offset:4px}h1,p{margin:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}img{display:block}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@property --seam{syntax: "<percentage>"; inherits: true; initial-value: 50%;}.skip{position:absolute;left:16px;top:8px;padding:12px;background:var(--home-lime);color:var(--home-bg);transform:translateY(-160%);z-index:9}.skip:focus{transform:none}.masthead{position:absolute;top:0;left:0;right:0;z-index:6;min-height:60px;padding:env(safe-area-inset-top) max(var(--pad),env(safe-area-inset-right)) 8px max(var(--pad),env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(to bottom,#0a0f0cdb,#0a0f0c00)}.wordmark{font-family:var(--home-display);font-size:26px;letter-spacing:.025em;line-height:1;min-height:44px;display:inline-flex;align-items:center}.wordmark span{color:var(--home-lime)}.masthead-actions{display:flex;align-items:center;gap:0;margin-right:-12px}.quiet-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 12px;border:0;background:none;color:#c3cdc4;font-size:14px;font-weight:500;transition:color .16s ease}.quiet-link[aria-busy=true]{opacity:.6;cursor:progress}.account-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:600;max-width:160px}.account-chip [data-account-name]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-initial{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--home-lime);color:var(--home-bg);font-size:13px;font-weight:700;flex-shrink:0}.auth-status{position:absolute;top:64px;left:50%;z-index:6;transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);padding:10px 16px;border-radius:12px;background:#0a0f0cf0;color:var(--home-ink);font-size:14px;line-height:1.5;text-align:center}.auth-status:empty{display:none}.status-link{display:inline;padding:0;border:0;background:none;color:var(--home-lime);font-size:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px}:root{--pad: clamp(16px, 4.5vw, 72px)}.split{--seam: 50%;--tilt: 3.2vw;--edge: 1.5px;position:relative;height:100vh;height:100svh;min-height:340px;overflow:hidden;background:var(--home-bg);transition:--seam .56s var(--ease-out)}.split:has(.half-cricket:focus-visible){--seam: 58%}.split:has(.half-tennis:focus-visible){--seam: 42%}.half{position:absolute;top:0;right:0;bottom:0;left:0;display:block;outline:none}.half-cricket{clip-path:polygon(0 0,calc(var(--seam) + var(--tilt)) 0,calc(var(--seam) - var(--tilt)) 100%,0 100%)}.half-tennis{clip-path:polygon(calc(var(--seam) + var(--tilt)) 0,100% 0,100% 100%,calc(var(--seam) - var(--tilt)) 100%)}.half-bg{position:absolute;top:0;bottom:0;width:64%;overflow:hidden}.half-cricket .half-bg{left:0}.half-tennis .half-bg{right:0}.half-bg img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-out)}.half-cricket img{object-position:50% 50%}.half-tennis img{object-position:70% 50%}.half-shade{position:absolute;top:0;right:0;bottom:0;left:0}.half-cricket .half-shade{background:linear-gradient(90deg,#0a0f0cdb,#0a0f0c80,#0a0f0c00 40%),linear-gradient(to top,#0a0f0cbf,#0a0f0c00 45%)}.half-tennis .half-shade{background:linear-gradient(270deg,#0a0f0cdb,#0a0f0c80,#0a0f0c00 40%),linear-gradient(to top,#0a0f0cbf,#0a0f0c00 45%)}.half:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#080c0a80;opacity:0;transition:opacity .4s ease;pointer-events:none}.split:has(.half-cricket:focus-visible) .half-tennis:after,.split:has(.half-tennis:focus-visible) .half-cricket:after{opacity:1}.half-copy{position:absolute;bottom:var(--copy-bottom, 132px);z-index:1;display:grid;gap:10px;max-width:42vw}.half-cricket .half-copy{left:var(--pad);justify-items:start}.half-tennis .half-copy{right:var(--pad);justify-items:end;text-align:right}.half-name{font-family:var(--home-display);font-size:clamp(84px,11vw,184px);line-height:.8;letter-spacing:.01em;text-transform:uppercase;color:var(--home-ink);text-shadow:0 6px 30px rgb(0 0 0 / .35)}.half-line{color:#e3eae3;font-size:clamp(16px,1.4vw,21px);font-weight:500;line-height:1.35}.play{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:60px;margin-top:8px;padding-inline:30px;border-radius:999px;background:var(--home-lime);color:var(--home-bg);font-size:19px;font-weight:700;line-height:1.2;white-space:nowrap;box-shadow:0 10px 28px -10px #c4ff368c;transition:transform .16s var(--ease-out),background-color .16s ease}.play svg{width:20px;height:20px;flex-shrink:0;transition:transform .2s var(--ease-out)}.half:active .play{transform:scale(.95)}.half:focus-visible .play{outline:3px solid var(--home-ink);outline-offset:4px}.seam{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;filter:drop-shadow(0 0 8px rgb(196 255 54 / .75))}.seam-line{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--home-lime);clip-path:polygon(calc(var(--seam) + var(--tilt) - var(--edge)) 0,calc(var(--seam) + var(--tilt) + var(--edge)) 0,calc(var(--seam) - var(--tilt) + var(--edge)) 100%,calc(var(--seam) - var(--tilt) - var(--edge)) 100%)}.vs{position:absolute;left:var(--seam);top:50%;z-index:3;display:grid;place-items:center;width:76px;height:76px;padding-top:3px;border-radius:50%;background:var(--home-bg);border:3px solid var(--home-lime);color:var(--home-lime);font-family:var(--home-display);font-size:36px;line-height:1;transform:translate(-50%,-50%) rotate(-8deg);box-shadow:0 8px 24px -6px #000000b3;pointer-events:none}.tagline{position:absolute;left:50%;bottom:22px;z-index:4;width:max-content;max-width:calc(100% - 32px);padding:12px 26px 13px;border-radius:16px;background:#0a0f0ce6;border:1px solid rgb(196 255 54 / .22);text-align:center;transform:translate(-50%);pointer-events:none}h1{font-family:var(--home-display);font-weight:400;font-size:30px;line-height:1;letter-spacing:.02em;text-transform:uppercase}h1 span{color:var(--home-lime)}.assure{margin-top:4px;color:var(--home-muted);font-size:14px;line-height:1.4}.arc{position:absolute;z-index:1;width:14px;height:14px;pointer-events:none}.ball{display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f1ffc2,var(--home-lime) 55%,#8fbf1a);box-shadow:0 0 12px #c4ff36b3}.arc-cricket{left:33%;top:64%;--fly-x: 12vw;--fly-y: -48vh}.arc-tennis{left:58%;top:46%;--fly-x: 20vw;--fly-y: -14vh}@media(hover:hover)and (pointer:fine){.quiet-link:hover{color:var(--home-ink)}.split:has(.half-cricket:hover){--seam: 58%}.split:has(.half-tennis:hover){--seam: 42%}.split:has(.half-cricket:hover) .half-tennis:after,.split:has(.half-tennis:hover) .half-cricket:after{opacity:1}.half:hover img{transform:scale(1.06)}.half:hover .play{background:var(--home-ink)}.half:hover .play svg{transform:translate(4px)}}@media(max-height:600px)and (orientation:landscape){.masthead{min-height:48px}.half-name{font-size:clamp(56px,9vw,96px)}.half-line{font-size:14px}.half-copy{--copy-bottom: 78px;gap:6px}.play{min-height:46px;margin-top:4px;padding-inline:20px;font-size:16px}.tagline{bottom:8px;padding:7px 18px 8px}h1{font-size:20px}.assure{margin-top:2px;font-size:12px}.vs{width:56px;height:56px;font-size:26px;top:42%}}@media(orientation:portrait){.split{--tilt: 2.6vh}.half-cricket{clip-path:polygon(0 0,100% 0,100% calc(var(--seam) - var(--tilt)),0 calc(var(--seam) + var(--tilt)))}.half-tennis{clip-path:polygon(0 calc(var(--seam) + var(--tilt)),100% calc(var(--seam) - var(--tilt)),100% 100%,0 100%)}.seam-line{clip-path:polygon(0 calc(var(--seam) + var(--tilt) - var(--edge)),100% calc(var(--seam) - var(--tilt) - var(--edge)),100% calc(var(--seam) - var(--tilt) + var(--edge)),0 calc(var(--seam) + var(--tilt) + var(--edge)))}.half-bg{left:0;right:0;width:auto;height:60%}.half-cricket .half-bg{top:0;bottom:auto}.half-tennis .half-bg{top:auto;bottom:0}.half-cricket img{object-position:50% 70%}.half-tennis img{object-position:72% 50%}.half-cricket .half-shade{background:linear-gradient(to bottom,#0a0f0ceb,#0a0f0c99 26%,#0a0f0c00 44%)}.half-tennis .half-shade{background:linear-gradient(to top,#0a0f0cf2,#0a0f0cb3 24%,#0a0f0c00 40%)}.half-copy{left:var(--pad);right:var(--pad);max-width:none;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:12px;row-gap:4px}.half-cricket .half-copy{top:calc(env(safe-area-inset-top) + 58px);bottom:auto}.half-tennis .half-copy{left:var(--pad);right:var(--pad);bottom:var(--copy-bottom, 92px);justify-items:start;text-align:left}.half-name{grid-column:1;font-size:clamp(52px,16vw,96px)}.half-line{grid-column:1;font-size:13px}.play{grid-column:2;grid-row:1 / span 2;align-self:end;min-height:50px;margin-top:0;padding-inline:18px;font-size:16px}.vs{left:50%;top:var(--seam);width:58px;height:58px;font-size:28px}.tagline{left:0;right:0;bottom:0;width:auto;max-width:none;padding:10px var(--pad) calc(10px + env(safe-area-inset-bottom));border-radius:0;border-width:1px 0 0;transform:none}h1{font-size:clamp(19px,5.6vw,28px)}.assure{font-size:12px}.arc-cricket{left:30%;top:40%;--fly-x: 22vw;--fly-y: -16vh}.arc-tennis{left:18%;top:66%;--fly-x: 46vw;--fly-y: -7vh}}@media(prefers-reduced-motion:no-preference){.half-cricket .half-copy>*{animation:in-left .62s var(--ease-out) backwards}.half-tennis .half-copy>*{animation:in-right .62s var(--ease-out) backwards}.half-copy>:nth-child(2){animation-delay:80ms}.half-copy>:nth-child(3){animation-delay:.16s}.seam-line{animation:fade .5s ease .2s backwards}.vs{animation:vs-pop .46s cubic-bezier(.34,1.56,.64,1) .38s backwards}.tagline{animation:fade .5s ease .3s backwards}.arc-cricket{animation:six-x 2.8s linear 1s infinite backwards}.arc-cricket .ball{animation:six-y 2.8s cubic-bezier(.15,.7,.35,1) 1s infinite backwards}.arc-tennis{animation:rally-x 1.6s linear 1s infinite alternate backwards}.arc-tennis .ball{animation:rally-y .8s cubic-bezier(.22,.61,.36,1) 1s infinite alternate backwards}}@keyframes in-left{0%{opacity:0;transform:translate(-36px)}}@keyframes in-right{0%{opacity:0;transform:translate(36px)}}@keyframes fade{0%{opacity:0}}@keyframes vs-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.6) rotate(-30deg)}}@keyframes six-x{0%{opacity:0;transform:translate(0) scale(1)}8%{opacity:1}75%{opacity:1}to{opacity:0;transform:translate(var(--fly-x)) scale(.45)}}@keyframes six-y{0%{transform:translateY(0)}to{transform:translateY(var(--fly-y))}}@keyframes rally-x{0%{transform:translate(0)}to{transform:translate(var(--fly-x))}}@keyframes rally-y{0%{transform:translateY(0)}to{transform:translateY(var(--fly-y))}}@media(prefers-reduced-motion:reduce){.split{transition:none}.half-bg img,.play,.play svg{transition:background-color .16s ease}.half:hover img,.half:active .play,.half:hover .play svg{transform:none}.arc{display:none}}
