@font-face{font-family:Gambarino;src:url(/fonts/gambarino.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--ink: #17262c;--cream: #f6e6cd;--cream-dim: #d8c3a4;--amber: #f0b070;--silver: #dde6ed;--gold: #ffcf6a;--lift: 0 1px 2px rgba(12, 22, 26, .85), 0 3px 14px rgba(12, 22, 26, .5);--gutter: clamp(18px, 3.4vw, 40px)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#16303a;color:var(--cream);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}body.has-pointer{cursor:none}#stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.hud{position:fixed;top:0;right:0;bottom:0;left:0;padding:max(var(--gutter),env(safe-area-inset-top)) max(var(--gutter),env(safe-area-inset-right)) max(var(--gutter),env(safe-area-inset-bottom)) max(var(--gutter),env(safe-area-inset-left));display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}.tally{max-width:22ch}.tally-n{font-family:Gambarino,Georgia,serif;font-size:clamp(58px,11vw,116px);line-height:.88;letter-spacing:.012em;color:var(--cream);text-shadow:var(--lift);font-variant-numeric:lining-nums tabular-nums}.tally-sub{margin:.55em 0 0;font-size:clamp(12px,1.5vw,14.5px);line-height:1.5;color:var(--cream-dim);text-shadow:var(--lift)}.tally-sub .sep{padding:0 .5em;opacity:.5}.nowrap{white-space:nowrap}.tally-laps{margin:.85em 0 0;font-size:clamp(11.5px,1.35vw,13px);line-height:1.5;color:var(--cream-dim);opacity:.78;text-shadow:var(--lift);font-variant-numeric:lining-nums tabular-nums}.tally-laps:empty{display:none}.meta{position:absolute;top:max(var(--gutter),env(safe-area-inset-top));right:max(var(--gutter),env(safe-area-inset-right));display:flex;align-items:center;gap:18px;font-size:12.5px;color:var(--cream-dim);text-shadow:var(--lift)}.meta-item:empty{display:none}.pick{pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:4px 0;margin:-4px 0;font:inherit;font-size:12.5px;letter-spacing:.005em;color:var(--cream-dim);text-shadow:var(--lift);cursor:pointer;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--cream-dim) 45%,transparent);text-underline-offset:4px;transition:color .18s ease,text-decoration-color .18s ease}body.has-pointer .pick{cursor:none}.pick:hover{color:var(--cream);text-decoration-color:var(--amber)}.pick:focus-visible{outline:2px solid var(--amber);outline-offset:4px;border-radius:2px}.sound{pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:4px;margin:-4px;color:var(--cream-dim);cursor:pointer;display:grid;place-items:center;transition:color .18s ease}body.has-pointer .sound{cursor:none}.sound:hover{color:var(--cream)}.sound:focus-visible{outline:2px solid var(--amber);outline-offset:4px;border-radius:2px}.sound svg{width:22px;height:16px;overflow:visible;filter:drop-shadow(0 1px 2px rgba(12,22,26,.8))}.s-body{fill:currentColor}.s-wave{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;transition:opacity .18s ease}.s-off{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;opacity:1;transition:opacity .18s ease}.sound[aria-pressed=true] .s-off{opacity:0}.sound[aria-pressed=true] .s-w1{animation:wave 2.1s ease-in-out infinite}.sound[aria-pressed=true] .s-w2{animation:wave 2.1s ease-in-out infinite .28s}.sound[aria-pressed=false] .s-wave{opacity:.18}@keyframes wave{0%,to{opacity:.45}50%{opacity:1}}.hint{position:fixed;left:50%;bottom:calc(max(var(--gutter),env(safe-area-inset-bottom)) + 4px);transform:translate(-50%);font-size:12.5px;white-space:nowrap;color:var(--cream-dim);text-shadow:var(--lift);pointer-events:none;opacity:1;transition:opacity .6s ease}.hint.gone{opacity:0}@media(max-aspect-ratio:19/20){.hint{top:calc(max(var(--gutter),env(safe-area-inset-top)) + 30px);bottom:auto}}.card{position:fixed;z-index:5;pointer-events:none;transform:translate(-50%,-100%);text-align:center;white-space:nowrap}.card-date{font-family:Gambarino,Georgia,serif;font-size:clamp(19px,2.6vw,27px);line-height:1.1;color:var(--cream);text-shadow:var(--lift)}.card-rank{font-size:11.5px;line-height:1.4;margin-bottom:3px;color:var(--amber);text-shadow:var(--lift)}.card-laps{margin-top:4px;font-size:11.5px;line-height:1.45;color:var(--cream-dim);text-shadow:var(--lift);font-variant-numeric:lining-nums tabular-nums}.card-laps:empty{display:none}.card-rank:empty{display:none}.card-rank[data-metal=silver]{color:var(--silver)}.card-rank[data-metal=gold]{color:var(--gold)}.follow{position:fixed;z-index:6;top:max(var(--gutter),env(safe-area-inset-top));left:max(var(--gutter),env(safe-area-inset-left));width:min(268px,calc(100vw - 2 * var(--gutter)));padding:16px 18px 15px;border-radius:14px;background:#141f22ed;box-shadow:0 2px 10px #0a121480;color:var(--cream);pointer-events:auto}.follow-close{position:absolute;top:10px;right:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:6px;color:var(--cream-dim);cursor:pointer;display:grid;place-items:center;transition:color .16s ease}body.has-pointer .follow-close{cursor:none}.follow-close:hover{color:var(--cream)}.follow-close:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:4px}.follow-close svg{width:11px;height:11px}.pick,.sound{position:relative}.pick:after,.sound:after,.follow-close:after{content:"";position:absolute;inset:50% auto auto 50%;width:max(100%,44px);height:44px;transform:translate(-50%,-50%)}.follow-close path{stroke:currentColor;stroke-width:1.7;stroke-linecap:round;fill:none}.follow-rank{font-size:11.5px;line-height:1.4;color:var(--amber)}.follow-rank:empty{display:none}.follow-rank[data-metal=silver]{color:var(--silver)}.follow-rank[data-metal=gold]{color:var(--gold)}.follow-date{margin:1px 0 13px;font-family:Gambarino,Georgia,serif;font-weight:400;font-size:23px;line-height:1.15;padding-right:18px}.follow-grid{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:11px 14px}.follow-grid>div{min-width:0}.follow-grid>.wide{grid-column:1 / -1}.follow-grid dt{font-size:10.5px;line-height:1.3;color:var(--cream-dim);opacity:.72}.follow-grid dd{margin:2px 0 0;font-size:15px;line-height:1.25;color:var(--cream);font-variant-numeric:lining-nums tabular-nums}.follow-grid .qual{opacity:.62;font-size:9.5px}body.following .tally-n{opacity:.4;transition:opacity .3s ease}body.following .tally-sub,body.following .tally-laps{opacity:.35;transition:opacity .3s ease}@media(max-width:520px){.follow{top:auto;bottom:max(var(--gutter),env(safe-area-inset-bottom));left:max(var(--gutter),env(safe-area-inset-left));right:max(var(--gutter),env(safe-area-inset-right));width:auto}body.following .tally{display:none}}.cursor{position:fixed;z-index:9;width:44px;height:44px;margin:-22px 0 0 -22px;pointer-events:none;color:var(--cream)}.cursor svg{width:100%;height:100%;overflow:visible}.c-ring{fill:none;stroke:currentColor;stroke-width:1.4;opacity:.55;transform-origin:22px 22px;transition:r .22s cubic-bezier(.2,.9,.3,1),opacity .2s ease,stroke-width .2s ease}.c-grain>circle{fill:currentColor;transform-origin:22px 22px;transition:transform .24s cubic-bezier(.2,.9,.3,1),opacity .2s ease}.cursor[data-mode=bird] .c-ring{stroke-width:2;opacity:.95}.cursor[data-mode=bird] .c-grain>circle{transform:scale(.12);opacity:0}.cursor[data-mode=wait] .c-ring{opacity:.22}.cursor[data-mode=wait] .c-grain>circle{opacity:.22}.cursor.press .c-grain>circle{transform:scale(1.55)}.failed{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;max-width:34ch;text-align:center;font-size:14px;line-height:1.6;color:var(--cream-dim);text-shadow:var(--lift)}.noscript{position:fixed;inset:auto 0 0;margin:0;padding:18px var(--gutter);text-align:center;font-size:14px;color:var(--cream)}@media(prefers-reduced-motion:reduce){.sound[aria-pressed=true] .s-w1,.sound[aria-pressed=true] .s-w2{animation:none;opacity:.9}.c-ring,.c-grain>circle{transition:none}}