:root{--p:0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{color:#fff;background:#000;margin:0;font-family:Geist Mono,ui-monospace,monospace}.no-play,.no-play body{overscroll-behavior:none;height:100%;overflow:hidden}#court{z-index:0;image-rendering:pixelated;pointer-events:none;position:fixed;top:0}.hero{z-index:1;white-space:nowrap;transform:translate(-50%, -50%) translateY(calc(var(--p) * (3.5rem - 50vh))) scale(calc(1 - .5 * var(--p)));flex-direction:column;align-items:center;gap:1.5rem;display:flex;position:fixed;top:50%;left:50%}.hero h1{--pad-y:calc(.3em + .3em * var(--p));margin:calc(-1 * var(--pad-y)) 0;padding:var(--pad-y) calc(.8em + .6em * var(--p));background:rgb(0 0 0/var(--p));letter-spacing:.04em;color:#ffffffd9;font-size:clamp(1.5rem,4.5vw,2.5rem);font-weight:500;line-height:1}.hero p,.hero nav{opacity:calc(1 - 2 * var(--p))}.hero p{letter-spacing:.08em;color:#ffffff80;margin:-.25rem 0 0;font-size:clamp(.875rem,2vw,1rem);line-height:1}.hero nav{justify-content:center;gap:1.25rem;margin-top:.2rem;display:flex}.hero a{color:#ffffff80;transition:color .15s}.hero a:hover,.hero a:focus-visible{color:#ffffffd9}.hero svg{width:20px;height:20px;display:block}.hint{z-index:1;opacity:0;pointer-events:none;flex-direction:column;justify-content:space-between;font-size:.875rem;line-height:1;transition:opacity .3s;display:flex;position:fixed;transform:translate(-50%)}.hint.visible{opacity:.7}.scroll-cue{z-index:1;opacity:calc(.5 - 2 * var(--p));pointer-events:none;font-size:1rem;animation:1.8s ease-in-out infinite bounce;position:fixed;bottom:1.5rem;left:50%}@keyframes bounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,6px)}}@media (prefers-reduced-motion:reduce){.scroll-cue{animation:none;transform:translate(-50%)}}.scroll-space{height:160vh}.no-play .scroll-space,.no-play .scroll-cue{display:none}