@font-face{font-family:Bungee;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/bungee.ttf)format("truetype")}@font-face{font-family:Silkscreen;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/silkscreen.ttf)format("truetype")}:root{--font-brand:"Bungee", Impact, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.2rem;--text-xl:1.44rem;--text-2xl:1.728rem;--text-3xl:2.074rem;--text-display-s:1.44rem;--text-display:1.728rem;--text-section:1.2rem;--text-title:1rem;--text-lead:1rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--color-error:oklch(72% .15 27);--color-success:oklch(76% .13 150);--color-paper:oklch(14% .04 312);--color-paper-2:oklch(18.5% .042 312);--color-paper-3:oklch(23% .045 312);--color-ink:oklch(95% .014 315);--color-ink-2:oklch(87% .018 315);--color-muted:oklch(71% .024 315);--color-rule:oklch(34% .05 312);--color-accent:oklch(66% .215 40);--color-accent-2:oklch(88% .195 115);--color-accent-ink:oklch(14% .04 312);--color-focus:oklch(88% .195 115);--color-crt-r:oklch(63% .24 25);--color-crt-g:oklch(80% .25 140);--color-crt-b:oklch(60% .24 265);--color-crt-c:oklch(78% .14 200);--color-shade:oklch(8% .02 315);--font-display:Arial, ui-sans-serif, sans-serif;--font-body:"Arial", ui-sans-serif, sans-serif;--font-outlier:"Silkscreen", monospace;--radius-card:4px;--radius-pill:0;--shadow-card:6px 6px 0 var(--color-accent-2);--tracking-display:0}@font-face{font-family:Bungee;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/bungee.ttf)format("truetype")}@font-face{font-family:Silkscreen;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/silkscreen.ttf)format("truetype")}:root{--font-brand:"Bungee", Impact, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--space-4xl:144px;--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--container:1440px;--gutter:64px;--gap-columns:32px;--section-gap-s:120px;--section-gap:144px;--section-gap-l:176px;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-sticky-nav:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--rule-hair:1px;--rule-bar:2px;--display-weight:400}@media (width<=60rem){@font-face{font-family:Bungee;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/bungee.ttf)format("truetype")}@font-face{font-family:Silkscreen;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/silkscreen.ttf)format("truetype")}:root{--font-brand:"Bungee", Impact, sans-serif;--gutter:24px;--section-gap-s:80px;--section-gap:96px;--section-gap-l:120px}}@media (width<=40rem){@font-face{font-family:Bungee;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/bungee.ttf)format("truetype")}@font-face{font-family:Silkscreen;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/silkscreen.ttf)format("truetype")}:root{--font-brand:"Bungee", Impact, sans-serif;--gutter:16px;--section-gap-s:56px;--section-gap:72px;--section-gap-l:96px;--gap-columns:16px}}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html{scrollbar-color:var(--color-muted) var(--color-paper);scroll-padding-top:var(--space-3xl)}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);-webkit-font-smoothing:antialiased;caret-color:var(--color-accent);margin:0;line-height:1.55}::selection{background:color-mix(in oklab, var(--color-accent) 22%, transparent);color:var(--color-ink)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}a{color:inherit;text-underline-offset:.16em;text-decoration-thickness:1px}h1,h2,h3{font-family:var(--font-display);font-weight:var(--display-weight,700);font-synthesis:none;letter-spacing:var(--tracking-display);overflow-wrap:break-word;text-wrap:balance;min-width:0;margin:0;line-height:1.05}h1{max-width:20ch;font-size:var(--text-display)}h2{max-width:30ch;font-size:var(--text-section)}h3{max-width:40ch;font-size:var(--text-title);line-height:1.2}.lead{font-size:var(--text-lead);max-width:52ch;line-height:1.45}p{text-wrap:pretty;margin:0}p:not([class]){max-width:65ch}img,video{max-width:100%;height:auto;display:block}svg{display:block}[hidden]{display:none!important}button,input,select,textarea{font:inherit}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);box-sizing:border-box;margin-inline:auto}.num,.figure,td.num{font-variant-numeric:tabular-nums}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-slot]{background:linear-gradient(160deg, var(--color-paper-2,var(--color-paper)), var(--color-paper-3,var(--color-paper)));position:relative;overflow:hidden}[data-slot]>img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}[data-slot]:has(>img)>:not(img):not([data-keep]){display:none!important}@media (prefers-reduced-motion:reduce){:not(.keep-motion),:not(.keep-motion):before,:not(.keep-motion):after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-slot]:has(>img){isolation:isolate;background:var(--color-accent);outline:1px solid color-mix(in oklab, var(--color-ink) 8%, transparent);outline-offset:-1px}[data-slot]>img{z-index:0;filter:grayscale();mix-blend-mode:multiply}[data-slot]:has(>img):before{content:"";z-index:1;background:var(--color-paper);mix-blend-mode:lighten;pointer-events:none;position:absolute;inset:0}:root{--font-body:Arial, ui-sans-serif, sans-serif;--font-display:Arial, ui-sans-serif, sans-serif;--color-button:oklch(74% .195 47);--color-button-hover:oklch(78% .18 47);--color-transparent:transparent;--color-overlay:oklch(8% .02 315/.85);--color-score:oklch(92% .02 315);--color-button-shadow:oklch(44% .15 40)}body{min-height:100dvh}button{cursor:pointer}button,a,input{-webkit-tap-highlight-color:var(--color-transparent)}button{transition:transform .12s var(--ease-out), background-color .12s var(--ease-out)}button:disabled{opacity:.55;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.site-shell{max-width:1248px;margin-inline:auto;padding-inline:48px}.topbar{justify-content:space-between;align-items:center;gap:var(--space-lg);border-bottom:1px solid var(--color-rule);min-height:100px;display:flex}.wordmark{font-family:var(--font-display);font-size:25px;font-weight:900;line-height:1;text-decoration:none}.wordmark span{color:var(--color-accent-2);margin-left:var(--space-xs);font-family:var(--font-body);font-size:16px;font-weight:700}nav{align-items:center;gap:var(--space-md);display:flex}.quiet,.icon-button,.text-button{color:var(--color-ink);background:var(--color-transparent);border:0}.quiet{min-height:44px;padding:var(--space-xs) var(--space-sm);font-size:14px;font-weight:700}.quiet:hover,.icon-button:hover{background:var(--color-paper-3)}.icon-button{border-radius:4px;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.small-primary{justify-content:center;align-items:center;gap:var(--space-xs);min-height:44px;padding:var(--space-xs) var(--space-md);background:var(--color-button);color:var(--color-accent-ink);box-shadow:3px 3px 0 var(--color-accent-2);border:0;border-radius:4px;font-size:14px;font-weight:700;display:inline-flex}.small-primary:hover{background:var(--color-button-hover)}.small-primary:active{transform:translate(2px,2px)}.page-title{justify-content:space-between;align-items:flex-end;gap:32px;padding-block:36px 32px;display:flex}h1{font-size:40px;font-family:var(--font-display);letter-spacing:-.035em;font-weight:900;line-height:1.05}.page-title p{color:var(--color-muted);max-width:310px;padding-bottom:var(--space-2xs);font-size:16px}.arena{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch;gap:32px;display:grid}.play-area{background:var(--color-paper-2);padding:20px 32px var(--space-lg);text-align:center;border-radius:4px;position:relative}.play-top{color:var(--color-muted);justify-content:space-between;align-items:center;font-size:14px;display:flex}.score{font-family:var(--font-display);color:var(--color-score);font-variant-numeric:tabular-nums;padding-block:var(--space-2xs) var(--space-sm);overflow-wrap:anywhere;font-size:64px;font-weight:900;line-height:1.15}.button-stage{padding:var(--space-xs) var(--space-md) 28px;justify-content:center;display:flex;position:relative}.click-button{aspect-ratio:1;border:3px solid var(--color-accent-ink);background:var(--color-button);width:268px;color:var(--color-accent-ink);box-shadow:0 12px 0 var(--color-button-shadow), 0 15px 0 var(--color-accent-ink);justify-content:center;align-items:center;gap:var(--space-xs);touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:50%;flex-direction:column;display:flex}.click-button:hover{transform:translateY(-2px)}.click-button:active{box-shadow:0 3px 0 var(--color-button-shadow), 0 6px 0 var(--color-accent-ink);transform:translateY(9px)}.click-button .pointer{width:46px;height:46px}.click-button span{font-family:var(--font-display);letter-spacing:-.03em;font-size:48px;font-weight:900;line-height:1.15}.click-button small{font-size:12px;font-weight:700}.plus{color:var(--color-accent-2);pointer-events:none;animation:point .55s var(--ease-out) forwards;font-size:28px;font-weight:900;position:absolute;top:12%;right:8%}@keyframes point{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-32px)}}.play-metrics{max-width:340px;padding-top:var(--space-sm);border-top:1px solid var(--color-rule);grid-template-columns:repeat(2,minmax(0,1fr));margin-inline:auto;display:grid}.play-metrics>div{gap:var(--space-3xs);flex-direction:column;display:flex}.play-metrics>div+div{border-left:1px solid var(--color-rule)}.play-metrics strong{font-variant-numeric:tabular-nums;color:var(--color-accent-2);font-size:22px}.play-metrics span{color:var(--color-muted);font-size:12px}.save-status{color:var(--color-muted);min-height:20px;margin-top:20px;font-size:12px}.guest-note{color:var(--color-muted);margin-top:var(--space-3xs);font-size:12px}.text-button{text-underline-offset:3px;font-size:inherit;min-height:24px;color:var(--color-accent-2);padding:0;text-decoration:underline}.text-button:hover{color:var(--color-ink)}.leaderboard{flex-direction:column;min-width:0;display:flex}.board-title{align-items:center;gap:var(--space-sm);padding-block:var(--space-xs) var(--space-md);display:flex}.board-title svg{color:var(--color-accent-2)}h2{font-family:var(--font-body);letter-spacing:-.025em;font-size:23px;font-weight:700}.board-sub{color:var(--color-muted);padding-bottom:var(--space-lg);justify-content:space-between;font-size:13px;display:flex}.table-wrap{scrollbar-width:thin;flex:1;min-height:300px;max-height:370px;overflow-y:auto}table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:14px}th{text-align:left;color:var(--color-muted);padding:var(--space-sm);border-bottom:1px solid var(--color-rule);font-size:12px;font-weight:400}th:first-child{width:68px}th:last-child{text-align:right;width:115px}td{height:52px;padding:var(--space-sm);border-bottom:1px solid var(--color-rule)}.nickname{overflow-wrap:anywhere;font-weight:700}.click-total{text-align:right;font-variant-numeric:tabular-nums}.rank{color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:14px}.rank-1{color:var(--color-accent-2);font-weight:700}.my-row{background:var(--color-paper-3)}.you{margin-left:var(--space-xs);color:var(--color-accent-2);font-size:11px;font-weight:400}.empty{padding:var(--space-xl) var(--space-sm);text-align:center;color:var(--color-muted)}.empty svg{margin:0 auto var(--space-md)}.empty h3{font-family:var(--font-body);color:var(--color-ink);margin-bottom:var(--space-xs);font-size:20px}.empty p{font-size:14px}.empty button{margin-top:var(--space-md);text-underline-offset:4px;text-decoration:underline}.board-footer{justify-content:space-between;gap:var(--space-sm);padding:var(--space-md) var(--space-sm);background:var(--color-paper-2);color:var(--color-muted);border-bottom:2px solid var(--color-accent-2);margin-top:20px;font-size:13px;display:flex}.board-footer b{color:var(--color-accent-2)}.skeleton{background:var(--color-paper-3);width:80%;height:20px}.community{padding-block:var(--space-lg);border-top:1px solid var(--color-rule);justify-content:space-between;align-items:center;margin-top:32px;display:flex}.community p{font-size:20px;font-weight:700}.community>div{color:var(--color-muted);gap:32px;font-size:13px;display:flex}.community b{color:var(--color-ink);font-variant-numeric:tabular-nums;margin-right:var(--space-2xs);font-size:16px}footer{justify-content:space-between;gap:var(--space-lg);color:var(--color-muted);border-top:1px solid var(--color-rule);padding-block:20px 28px;font-size:12px;display:flex}.error-line{color:var(--color-error);padding-top:var(--space-md);font-size:14px}.profile{align-items:center;gap:var(--space-xs);overflow-wrap:anywhere;max-width:260px;display:flex}.avatar{background:var(--color-accent-2);width:28px;height:28px;color:var(--color-accent-ink);place-items:center;font-weight:700;display:grid}dialog{border:2px solid var(--color-rule);width:min(440px,100% - 32px);max-height:90dvh;padding:var(--space-lg);background:var(--color-paper-2);color:var(--color-ink);box-shadow:6px 6px 0 var(--color-accent-2);border-radius:4px;margin:auto;position:fixed;inset:0;overflow-y:auto}dialog::backdrop{background:var(--color-overlay)}.dialog-header{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:20px;display:flex}.dialog-header h2{font-size:24px}.auth-tabs{border-bottom:1px solid var(--color-rule);margin-bottom:var(--space-lg);display:flex}.auth-tabs button{background:var(--color-transparent);min-height:44px;color:var(--color-muted);border:0;border-bottom:2px solid var(--color-transparent);flex:1;font-size:14px}.auth-tabs button[aria-pressed=true]{color:var(--color-accent-2);border-bottom-color:var(--color-accent-2)}.auth-tabs button:hover{background:var(--color-paper-3)}form{gap:var(--space-md);flex-direction:column;display:flex}label{gap:var(--space-xs);flex-direction:column;font-size:14px;display:flex}input{background:var(--color-paper);width:100%;min-height:46px;color:var(--color-ink);padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-muted);border-radius:4px}input:hover{background:var(--color-paper-3)}input::placeholder{color:var(--color-muted)}label small,.form-help{color:var(--color-muted);font-size:12px}.form-help,.form-error{min-height:36px}.form-error{color:var(--color-error);font-size:13px}.form-submit{width:100%;margin-bottom:var(--space-2xs)}.skip{background:var(--color-accent-2);color:var(--color-accent-ink);padding:var(--space-sm);z-index:10;position:absolute;transform:translateY(-200%)}.skip:focus-visible{transform:none}@media (width<=900px){.site-shell{padding-inline:var(--space-lg)}.arena{gap:var(--space-lg)}.play-area{padding-inline:20px}.click-button{width:224px}.click-button span{font-size:40px}.page-title p{max-width:240px}}@media (width<=680px){.site-shell{padding-inline:20px}.topbar{gap:var(--space-xs);min-height:80px}.wordmark{font-size:23px}.wordmark span{margin:var(--space-2xs) 0 0;font-size:12px;display:block}nav{gap:var(--space-2xs)}nav .small-primary{padding-inline:var(--space-sm);font-size:12px}nav .small-primary svg{display:none}.page-title{align-items:flex-start;gap:var(--space-md);flex-direction:column;padding-block:28px}h1{font-size:36px}.page-title p{max-width:300px;font-size:14px}.arena{grid-template-columns:minmax(0,1fr);gap:32px}.score{font-size:56px}.click-button{width:240px}.community{align-items:flex-start;gap:var(--space-sm);flex-direction:column}.community>div{gap:var(--space-lg)}footer{gap:var(--space-xs);flex-direction:column}.profile{max-width:190px}.table-wrap{max-height:400px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.plus{display:none}}.click-button{white-space:nowrap}@media (width<=680px){.table-wrap{flex:initial;min-height:0}}.wordmark{font-family:var(--font-brand);font-weight:400}.score{font-family:var(--font-outlier);font-weight:700}