html:has(.race),body:has(.race){overscroll-behavior:none;background:var(--deep);height:100%;margin:0;overflow:hidden}body:has(.race){font-family:var(--body);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:block}.race{--rival:#e0563b;--amber:#f2a93b;--num:clamp(4.5rem, 24vw, 20rem);--pad:max(20px, 7vw);touch-action:none;background:linear-gradient(var(--sky-1), var(--sky-2) 58%);color:var(--ink);font-family:var(--display);position:fixed;inset:0;overflow:hidden}.r-back,.r-front,.r-sheet,.r-dry,.r-wet{position:absolute;inset:0}.r-back,.r-front{pointer-events:none;width:100%;height:100%;display:block}.r-sheet{pointer-events:none;overflow:hidden}.r-s1{--line:58%}.r-s2{--line:112%}.r-s3{--line:130%}.r-wet{clip-path:inset(var(--line) 0 0 0)}.r-s1 .r-wet{background:var(--surface)}.r-s2 .r-wet{background:color-mix(in oklab, color-mix(in oklab, var(--surface), var(--deep) 34%) 66%, transparent)}.r-s3 .r-wet{background:color-mix(in oklab, color-mix(in oklab, var(--surface), var(--deep) 68%) 72%, transparent)}.w-caustics{pointer-events:none;mix-blend-mode:screen;opacity:.75;width:100%;position:absolute;top:0;left:0}.race .boat{visibility:hidden;width:180px;height:70px;color:var(--ink);--oar:var(--oar-ink);will-change:transform;position:absolute;top:0;left:0}.r-wet .boat{color:var(--sunk-ink);--oar:color-mix(in oklab, var(--oar-ink), #000 35%)}.r-s2 .boat{color:var(--rival);--oar:var(--rival)}.r-s2 .r-wet .boat{color:color-mix(in oklab, var(--rival), var(--deep) 45%);--oar:color-mix(in oklab, var(--rival), var(--deep) 45%)}.r-hud{left:max(16px,5vw);top:max(16px, env(safe-area-inset-top));pointer-events:none;position:absolute}.r-now{font:800 clamp(1.1rem, 4.4vw, 1.6rem)/1 var(--display);letter-spacing:-.03em;margin:0}.r-meta,.r-lead,.r-home{font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.r-meta{margin:9px 0 0}.r-home{right:max(16px,5vw);top:max(18px, env(safe-area-inset-top));color:inherit;opacity:.8;padding:4px 0;text-decoration:none;position:absolute}.race a:focus-visible{outline:2px solid var(--amber);outline-offset:4px;border-radius:3px}.r-track{left:max(22px,7vw);right:max(22px,7vw);top:calc(max(16px, env(safe-area-inset-top)) + 64px);background:color-mix(in oklab, var(--ink) 22%, transparent);pointer-events:none;height:2px;position:absolute}.r-track:after{content:"";background:var(--ink);width:2px;height:16px;position:absolute;top:-7px;right:-1px}.r-dot{background:var(--ink);will-change:left;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;top:50%}.r-dot.them{background:var(--rival)}.r-lead{left:0;right:0;top:calc(max(16px, env(safe-area-inset-top)) + 84px);text-align:center;pointer-events:none;margin:0;position:absolute}.r-lead.down{color:var(--rival)}.r-track[hidden],.r-lead[hidden],.r-banner[hidden],.r-say[hidden],.r-tip[hidden],.r-safety[hidden]{display:none}.r-banner{text-align:center;pointer-events:none;margin:0;padding:0 5vw;position:absolute;top:20%;left:0;right:0}.r-banner b{font:800 clamp(2.3rem, 11vw, 6rem)/1 var(--display);letter-spacing:-.04em;display:block}.r-banner span{font:500 11px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;margin-top:14px;display:block}.r-banner.in,.r-tip.in{animation:.45s cubic-bezier(.2,.8,.2,1) both r-in}@keyframes r-in{0%{opacity:0;transform:translateY(10px)}}.r-say{--tail:24px;box-sizing:border-box;pointer-events:none;background:var(--page);max-width:min(80vw,350px);color:var(--page-ink);font:500 clamp(.9rem, 2.2vw, 1rem)/1.4 var(--body);box-shadow:0 0 0 1px color-mix(in oklab, var(--page-ink) 12%, transparent);border-radius:14px;margin:0;padding:13px 16px;position:absolute;bottom:50%;left:12px}.r-say:after{content:"";left:calc(var(--tail) - 8px);background:inherit;width:16px;height:16px;box-shadow:1px 1px 0 color-mix(in oklab, var(--page-ink) 12%, transparent);border-radius:0 0 3px;position:absolute;bottom:-8px;transform:rotate(45deg)}.r-say.in{transform-origin:var(--tail) 100%;animation:.3s cubic-bezier(.2,.8,.2,1) both r-say}@keyframes r-say{0%{opacity:0;transform:scale(.92)translateY(6px)}}.r-tip{text-align:center;pointer-events:none;width:max-content;max-width:min(84vw,420px);margin:0;position:absolute;top:20%;left:50%;translate:-50%}.r-tip b{font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--page-link);margin-bottom:10px;display:block}.r-tip span{font:600 clamp(1rem, 3.6vw, 1.35rem)/1.3 var(--display);letter-spacing:-.02em}.r-stroke{left:50%;bottom:max(22px, env(safe-area-inset-bottom));text-align:center;width:84px;color:var(--sub);pointer-events:none;position:absolute;translate:-50%}.r-ring{width:76px;height:76px;margin:0 auto;position:relative}.r-ring svg{width:100%;height:100%;display:block;transform:rotate(-90deg)}.r-ring circle{fill:none;stroke-width:5px}.r-ring .r-rim{stroke:currentColor;opacity:.25}.r-arc{stroke:currentColor;stroke-linecap:round;stroke-dasharray:188.5;stroke-dashoffset:188.5px}.r-ring.now .r-arc{stroke:var(--amber)}.r-ring.now{animation:.5s ease-in-out infinite alternate r-now}@keyframes r-now{to{transform:scale(1.06)}}.r-ring.hit{animation:.28s ease-out r-hit}@keyframes r-hit{0%{transform:scale(1.14)}}.r-ring.wait{opacity:.45}.r-rate{font:800 1.35rem/1 var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;place-items:center;display:grid;position:absolute;inset:0}.r-label{font:500 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;opacity:.85;margin:8px 0 0}.r-word{width:max-content;font:600 .8rem/1 var(--display);letter-spacing:.02em;margin:0;position:absolute;bottom:calc(100% + 10px);left:50%;translate:-50%}.r-word.bad{color:var(--amber)}.race[data-intro]:not(.clear){--sky-1:#0a0f1a;--sky-2:#1c2738;--surface:#0f2f4a;--ink:#e9eff6;--sunk-ink:#54809f;--oar-ink:#fff;--sub:#fff;--deep:#0a2238;--page-link:#6fd3ff}.r-num{left:var(--pad);top:calc(var(--line) - var(--num) * .56);white-space:nowrap;will-change:transform;font:800 var(--num)/1 var(--display);letter-spacing:-.04em;color:#fff;margin:0;position:absolute}.r-wet .r-num{color:#54809f}.r-safety{left:var(--pad);top:calc(58% + var(--num) * .3 + 26px);color:#fff;will-change:transform;position:absolute}.r-safety-go{font:600 clamp(.85rem, 1.6vw, 1.1rem)/1 var(--display);letter-spacing:.22em;text-transform:uppercase;margin:0}.r-safety-how{max-width:30em;font:500 11px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:12px 0 0}.r-safety-out{font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:inherit;margin-top:18px;padding:6px 0;display:inline-block}@media (height<=720px){.race[data-intro]:not(.clear) .r-stroke{left:auto;right:max(16px,5vw);translate:none}.r-safety-how{max-width:calc(100vw - var(--pad) - max(16px, 5vw) - 100px)}}.r-skip{left:var(--pad);bottom:max(18px, env(safe-area-inset-bottom));cursor:pointer;color:#fff;opacity:.6;font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;background:0 0;border:0;margin:0 0 0 -14px;padding:12px 14px;position:absolute}.r-skip:hover{opacity:1}.r-skip:focus-visible{outline:2px solid var(--amber);outline-offset:-4px;opacity:1;border-radius:6px}.r-skip[hidden]{display:none}.race[data-intro]:not(.clear) .r-hud,.race[data-intro]:not(.clear) .r-home{visibility:hidden}@media (prefers-reduced-motion:reduce){.r-banner.in,.r-tip.in,.r-say.in,.r-ring.now,.r-ring.hit{animation:none}}
