@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-grotesque-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--font-display:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-sm:1rem;--text-base:1.1875rem;--text-lg:1.3125rem;--text-xl:1.625rem;--text-2xl:clamp(2rem, 2.6vw + 1.1rem, 3rem);--text-hero:clamp(2.6rem, 5vw + 1.2rem, 4.75rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.75rem;--radius:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--max-width:74rem;--tap-min:3.5rem;--ease:cubic-bezier(.2, .8, .2, 1)}:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0c11;--bg-elev:#0f1219;--surface:#ffffff0a;--surface-solid:#131720;--surface-2:#ffffff12;--border:#ffffff17;--border-strong:#ffffff2e;--text:#f5f7fb;--text-muted:#a7b0c2;--accent:#ffb020;--accent-2:#ff7a1a;--accent-text:#1b1100;--accent-ink:#ffb020;--blue:#5b9dff;--link:#8db8ff;--link-hover:#b6d1ff;--success:#3ddc84;--danger:#ff6b6b;--gradient-accent:linear-gradient(135deg, #ffc23d 0%, #ff8a1f 100%);--gradient-text:linear-gradient(100deg, #ffd166 0%, #ffb020 40%, #ff7a1a 100%);--glow-amber:#ffb0202e;--glow-blue:#5b9dff2e;--header-bg:#0f1219f0;--shadow-1:0 1px 0 #ffffff0a inset, 0 8px 24px -12px #0009;--shadow-2:0 1px 0 #ffffff0f inset, 0 30px 60px -24px #000000bf;--shadow-accent:0 10px 30px -10px #ff8c1e99;--game-bg:#07090d;--game-road:#171c27;--game-edge:#e8eefad9;--game-center-line:#e8eefa33;--game-ball-b:#5b9dff;--game-ring:#0000008c}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f6f2;--bg-elev:#fff;--surface:#fff;--surface-solid:#fff;--surface-2:#efefea;--border:#0e111617;--border-strong:#0e11162e;--text:#0e1116;--text-muted:#4a5363;--accent:#f59e0b;--accent-2:#ea580c;--accent-text:#1b1100;--accent-ink:#b45309;--blue:#2563eb;--link:#1d4ed8;--link-hover:#1e40af;--success:#15803d;--danger:#c62828;--gradient-accent:linear-gradient(135deg, #ffc23d 0%, #ff8a1f 100%);--gradient-text:linear-gradient(100deg, #d97706 0%, #ea580c 100%);--glow-amber:#f59e0b29;--glow-blue:#2563eb1f;--header-bg:#fffffff2;--shadow-1:0 1px 2px #0e11160d, 0 8px 24px -12px #0e11161f;--shadow-2:0 2px 4px #0e11160a, 0 30px 60px -24px #0e111638;--shadow-accent:0 10px 30px -10px #ea580c73;--game-bg:#eef0f5;--game-road:#dce1ea;--game-edge:#3a4252;--game-center-line:#3a425247;--game-ball-b:#2563eb;--game-ring:#fffc}*,:before,:after{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100dvh;line-height:1.6;display:flex;overflow-x:clip}img,svg,canvas{max-width:100%;display:block}[hidden]{display:none!important}a{color:var(--link);text-underline-offset:.18em;text-decoration-thickness:.08em}a:hover{color:var(--link-hover)}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;font-weight:700;line-height:1.08}h3{letter-spacing:-.015em;line-height:1.2}p{text-wrap:pretty;max-width:65ch}:focus-visible{outline:3px solid var(--accent-ink);outline-offset:3px;border-radius:6px}.game__results:focus,.game__results:focus-visible{outline:none}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:-100%;left:var(--space-4);z-index:100;padding:var(--space-3) var(--space-5);background:var(--accent);color:var(--accent-text);border-radius:var(--radius-sm);font-weight:700;position:absolute}.skip-link:focus{top:var(--space-2)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.container{width:100%;max-width:var(--max-width);padding-inline:var(--space-5);margin-inline:auto}main{flex:1}.section{padding-block:var(--space-20);position:relative}.section-head{margin-bottom:var(--space-10);max-width:44rem}.section-head--center{text-align:center;margin-inline:auto}.section-head--center p{margin-inline:auto}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:var(--space-3);font-size:.875rem;font-weight:700;display:inline-block}.section-title{font-size:var(--text-2xl);margin-bottom:var(--space-4)}.section-lead{font-size:var(--text-lg);color:var(--text-muted)}.text-gradient{background:var(--gradient-text);color:#0000;-webkit-background-clip:text;background-clip:text}.site-header{top:var(--space-3);z-index:20;padding-inline:var(--space-3);margin-top:var(--space-3);position:sticky}.site-header__inner{max-width:calc(var(--max-width) - var(--space-6));align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-5);background:var(--header-bg);border:1px solid var(--border);-webkit-backdrop-filter:saturate(160%)blur(16px);box-shadow:var(--shadow-1);border-radius:1.75rem;flex-wrap:wrap;margin-inline:auto;display:flex}.site-header__brand{align-items:center;gap:var(--space-3);min-height:3rem;font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-size:1.25rem;font-weight:700;text-decoration:none;display:inline-flex}.site-header__brand:hover{color:var(--text)}.brand-mark{flex-shrink:0;width:2rem;height:2rem}.site-header__nav{scrollbar-width:none;min-width:0;max-width:100%;margin-left:auto;overflow-x:auto}.site-header__nav::-webkit-scrollbar{display:none}.site-header__nav ul{gap:var(--space-1);padding:0;list-style:none;display:flex}.site-header__nav a{min-height:3rem;padding:0 var(--space-4);color:var(--text-muted);white-space:nowrap;transition:color .15s var(--ease), background-color .15s var(--ease);border-radius:999px;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.site-header__nav a:hover{color:var(--text);background:var(--surface-2)}.site-header__nav a[aria-current=page]{color:var(--accent-ink);background:color-mix(in srgb, var(--accent-ink) 14%, transparent)}.site-header__actions{align-items:center;gap:var(--space-2);display:flex}.site-header__menu{width:var(--tap-min);height:var(--tap-min);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:background-color .15s var(--ease);border-radius:999px;justify-content:center;align-items:center;display:none}.site-header__menu:hover{background:var(--surface-2)}.site-header__menu svg{width:1.5rem;height:1.5rem}@media (width<=68.99rem){.site-header__inner{padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-radius:1.5rem;position:relative}.site-header__brand{gap:var(--space-2);font-size:1.0625rem}.site-header__actions{margin-left:auto}.site-header__menu{display:inline-flex}.site-header__backdrop{z-index:15;background:color-mix(in srgb, var(--bg) 60%, transparent);position:fixed;inset:0}.site-header__nav{inset-inline:0;top:calc(100% + var(--space-2));padding:var(--space-2);background:var(--surface-solid);border:1px solid var(--border);box-shadow:var(--shadow-2);border-radius:1.5rem;display:none;position:absolute;overflow:visible}.site-header__nav[data-open]{display:block}.site-header__nav ul{flex-direction:column;gap:.15rem}.site-header__nav a{width:100%;min-height:3.25rem;padding-inline:var(--space-4);justify-content:flex-start;font-size:1.0625rem}.site-header .site-header__cta{display:none}}@media (width<=22.5rem){.site-header__wordmark{display:none}}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap-min);padding:0 var(--space-6);font-family:inherit;font-size:var(--text-base);cursor:pointer;transition:transform .16s var(--ease), box-shadow .16s var(--ease), background-color .16s var(--ease), border-color .16s var(--ease), filter .16s var(--ease);border:1px solid #0000;border-radius:999px;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn svg{flex-shrink:0;width:1.25em;height:1.25em}.btn--primary{background:var(--gradient-accent);color:var(--accent-text);box-shadow:var(--shadow-accent), inset 0 1px 0 #ffffff59}.btn--primary:hover{color:var(--accent-text);filter:brightness(1.06)saturate(1.05);transform:translateY(-2px)}.btn--ghost{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn--ghost:hover{color:var(--text);background:var(--surface-2);transform:translateY(-2px)}.btn--sm{min-height:var(--tap-min);padding:0 var(--space-5);font-size:1rem}.btn--lg{min-height:4rem;padding:0 var(--space-8);font-size:var(--text-lg)}.theme-toggle{width:var(--tap-min);height:var(--tap-min);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:background-color .15s var(--ease);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.theme-toggle:hover{background:var(--surface-2)}.theme-toggle svg{width:1.375rem;height:1.375rem}:root[data-theme=dark] .theme-toggle__icon--sun,:root[data-theme=light] .theme-toggle__icon--moon{display:none}.chip{align-items:center;gap:var(--space-2);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);white-space:nowrap;border-radius:999px;padding:.4rem .9rem;font-size:.9375rem;font-weight:600;display:inline-flex}.chip--live:before{content:"";background:var(--success);border-radius:50%;width:.5rem;height:.5rem;box-shadow:0 0 0 4px #3ddc842e}.chip--soon{color:var(--accent-ink);border-color:color-mix(in srgb, var(--accent) 40%, transparent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.hero{padding-block:var(--space-16) var(--space-20);isolation:isolate;position:relative}.hero:before{content:"";z-index:-1;background:radial-gradient(38rem 26rem at 15% 10%, var(--glow-amber), transparent 70%), radial-gradient(42rem 30rem at 85% 30%, var(--glow-blue), transparent 70%);pointer-events:none;position:absolute;inset:-6rem 0 0}.hero:after{content:"";z-index:-1;background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.55;pointer-events:none;background-size:56px 56px;position:absolute;inset:-6rem 0 0;-webkit-mask-image:radial-gradient(60rem 30rem at 50% 20%,#000 20%,#0000 75%);mask-image:radial-gradient(60rem 30rem at 50% 20%,#000 20%,#0000 75%)}.hero__grid{gap:var(--space-12);align-items:center;display:grid}@media (width>=60rem){.hero__grid{gap:var(--space-12);grid-template-columns:1.35fr .65fr}}.hero__title{margin-block:var(--space-6) var(--space-6);font-size:clamp(2.6rem,4.2vw + 1.1rem,4.25rem)}.hero__title .text-gradient{display:block}.hero__lead{font-size:var(--text-lg);color:var(--text-muted);margin-bottom:var(--space-8)}.hero__actions{gap:var(--space-3);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.hero__facts{gap:var(--space-3) var(--space-6);color:var(--text-muted);flex-wrap:wrap;padding:0;font-weight:600;list-style:none;display:flex}.hero__facts li{align-items:center;gap:var(--space-2);display:inline-flex}.hero__facts svg{width:1.25rem;height:1.25rem;color:var(--success)}.preview{width:100%;max-width:26rem;margin-inline:auto;position:relative}.preview__device{aspect-ratio:5/6;border-radius:var(--radius-xl);background:radial-gradient(120% 80% at 50% 0%, #121826 0%, var(--game-bg) 70%);border:1px solid var(--border-strong);box-shadow:var(--shadow-2), 0 0 0 8px var(--surface), 0 40px 120px -40px var(--glow-blue);position:relative;overflow:hidden}:root[data-theme=light] .preview__device{background:radial-gradient(120% 80% at 50% 0%, #fff 0%, var(--game-bg) 70%)}.preview__svg{width:100%;height:100%}.preview__dash{animation:1.1s linear infinite preview-dash}.preview__ball{transform-box:fill-box;transform-origin:50%}.preview__ball--a{animation:3.2s ease-in-out infinite preview-sway-a}.preview__ball--b{animation:2.6s ease-in-out infinite preview-sway-b}@keyframes preview-dash{to{stroke-dashoffset:-64px}}@keyframes preview-sway-a{0%,to{transform:translate(-8px)}50%{transform:translate(8px)}}@keyframes preview-sway-b{0%,to{transform:translate(7px)}50%{transform:translate(-7px)}}.preview__chip{align-items:center;gap:var(--space-2);background:var(--header-bg);border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-1);white-space:nowrap;border-radius:999px;padding:.55rem .95rem;font-size:.9375rem;font-weight:700;display:inline-flex;position:absolute}.preview__chip--timer{font-variant-numeric:tabular-nums;top:1.25rem;left:50%;transform:translate(-50%)}.preview__chip--a{bottom:1.25rem;left:-.75rem}.preview__chip--b{bottom:1.25rem;right:-.75rem}.dot{border-radius:50%;flex-shrink:0;width:.7rem;height:.7rem}.dot--a{background:var(--accent)}.dot--b{background:var(--game-ball-b)}kbd{font-family:var(--font-sans);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);border-radius:.4rem;padding:.1rem .45rem;font-size:.8125rem;font-weight:700}.bento{gap:var(--space-4);display:grid}@media (width>=56rem){.bento{grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(15rem,auto)}.bento__main{grid-area:span 2/span 4}.bento__side{grid-column:span 2}}.related{gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);flex-direction:column;display:flex}.related__title{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);color:var(--text)}.related__list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}@media (width>=40rem){.related__list{grid-template-columns:repeat(2,minmax(0,1fr))}}.related__link{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--tap-min);padding:var(--space-3) var(--space-4);border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text);transition:border-color .18s var(--ease);text-decoration:none;display:flex}.related__link:hover{border-color:var(--border-strong)}.related__icon{width:1.25rem;height:1.25rem;color:var(--accent-ink);flex:none}.tile{gap:var(--space-4);padding:var(--space-8);border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--border);box-shadow:var(--shadow-1);transition:transform .22s var(--ease), border-color .22s var(--ease), box-shadow .22s var(--ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.tile:hover{border-color:var(--border-strong);box-shadow:var(--shadow-2);transform:translateY(-4px)}.tile__head{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.tile__index{font-family:var(--font-display);color:var(--text-muted);letter-spacing:.04em;font-size:.9375rem}.tile__title{font-size:var(--text-xl)}.bento__main .tile__title{font-size:clamp(1.75rem,2vw + 1rem,2.5rem)}.tile__text{color:var(--text-muted)}.tile__art{border-radius:var(--radius);background:radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--game-road) 60%, var(--game-bg)) 0%, var(--game-bg) 75%);border:1px solid var(--border);flex:1;min-height:8rem;position:relative;overflow:hidden}.tile__art svg{width:100%;height:100%;position:absolute;inset:0}.tile--main .tile__art{min-height:18rem}.tile__footer{margin-top:auto}.tile--main{background:radial-gradient(40rem 20rem at 100% 0%, var(--glow-amber), transparent 60%), linear-gradient(180deg, var(--surface-2), var(--surface))}@media (width>=56rem){.tile--main{column-gap:var(--space-8);grid-template-rows:auto 1fr auto;grid-template-columns:1fr 1fr;display:grid}.tile--main .tile__art{grid-area:1/2/span 3}}.steps{gap:var(--space-4);counter-reset:step;padding:0;list-style:none;display:grid}@media (width>=48rem){.steps{grid-template-columns:repeat(3,1fr)}}.step{padding:var(--space-8);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);position:relative}.step__num{font-family:var(--font-display);margin-bottom:var(--space-5);font-size:3.25rem;line-height:1;display:block}.step__title{font-size:var(--text-lg);margin-bottom:var(--space-2)}.step p{color:var(--text-muted)}.features{gap:var(--space-4);padding:0;list-style:none;display:grid}@media (width>=48rem){.features{grid-template-columns:repeat(3,1fr)}}.feature{padding:var(--space-8);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border)}.feature__icon{width:3.25rem;height:3.25rem;margin-bottom:var(--space-5);color:var(--blue);background:color-mix(in srgb, var(--blue) 14%, transparent);border:1px solid color-mix(in srgb, var(--blue) 30%, transparent);border-radius:1rem;place-items:center;display:grid}.feature__icon svg{width:1.6rem;height:1.6rem}.feature__title{font-size:var(--text-lg);margin-bottom:var(--space-2)}.feature p{color:var(--text-muted)}.split{gap:var(--space-10);align-items:start;display:grid}@media (width>=56rem){.split{gap:var(--space-16);grid-template-columns:1.2fr .8fr}}.prose p+p{margin-top:var(--space-4)}.prose p{color:var(--text-muted)}.prose section+section{margin-top:var(--space-8)}.prose h2{font-size:var(--text-xl);margin-bottom:var(--space-3)}.prose ul{margin-top:var(--space-4);padding-left:var(--space-6);gap:var(--space-2);color:var(--text-muted);display:grid}.prose li{list-style:outside}.callout{gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--accent) 8%, var(--surface));border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);display:flex}.callout svg{width:1.75rem;height:1.75rem;color:var(--accent-ink);flex-shrink:0}.callout__title{font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:var(--space-2)}.callout p{color:var(--text-muted)}.cta-band{padding:var(--space-16) var(--space-8);border-radius:var(--radius-xl);text-align:center;border:1px solid var(--border-strong);background:radial-gradient(30rem 16rem at 20% 0%, var(--glow-amber), transparent 70%), radial-gradient(30rem 16rem at 80% 100%, var(--glow-blue), transparent 70%), var(--bg-elev);position:relative;overflow:hidden}.cta-band__title{font-size:var(--text-2xl);margin-bottom:var(--space-4)}.cta-band p{color:var(--text-muted);font-size:var(--text-lg);margin-inline:auto;margin-bottom:var(--space-8)}.site-footer{border-top:1px solid var(--border);padding-block:var(--space-16) var(--space-10);margin-top:var(--space-16)}.site-footer__grid{gap:var(--space-10);display:grid}@media (width>=48rem){.site-footer__grid{grid-template-columns:2fr 1fr 1fr}}.site-footer__brand{align-items:center;gap:var(--space-3);font-family:var(--font-display);margin-bottom:var(--space-3);font-size:1.25rem;font-weight:700;display:flex}.site-footer__tagline{color:var(--text-muted)}.site-footer__title{margin-bottom:var(--space-3);font-weight:700}.site-footer__nav ul{gap:var(--space-1);padding:0;list-style:none;display:grid}.site-footer__nav a{min-height:2.75rem;color:var(--text-muted);align-items:center;text-decoration:none;display:inline-flex}.site-footer__nav a:hover{color:var(--text)}.site-footer__bottom{margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--border);gap:var(--space-3);display:grid}.site-footer__disclaimer,.site-footer__copy{color:var(--text-muted);font-size:var(--text-sm);max-width:none}.page-hero{padding-block:var(--space-12) var(--space-8);isolation:isolate;position:relative}.page-hero:before{content:"";z-index:-1;background:radial-gradient(30rem 20rem at 10% 0%, var(--glow-amber), transparent 70%), radial-gradient(34rem 22rem at 90% 10%, var(--glow-blue), transparent 70%);pointer-events:none;position:absolute;inset:-6rem 0 0}.page-hero__title{margin-bottom:var(--space-4);font-size:clamp(2.25rem,3.5vw + 1.2rem,3.75rem)}.page-hero__lead{font-size:var(--text-lg);color:var(--text-muted);margin-bottom:var(--space-6)}.page-hero__chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.game{max-width:36rem;margin-inline:auto}.game__stage{border-radius:var(--radius-xl);background:var(--game-bg);border:1px solid var(--border-strong);box-shadow:var(--shadow-2), 0 0 0 8px var(--surface), 0 40px 120px -50px var(--glow-blue);margin-bottom:var(--notice-space,0px);position:relative;overflow:hidden}.game__canvas{aspect-ratio:4/5;touch-action:none;width:100%;display:block}.game__overlay{padding:var(--space-5);background:color-mix(in srgb, var(--game-bg) 70%, transparent);-webkit-backdrop-filter:blur(6px);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.game__stage:has(>.game__overlay:not([hidden])) .game__canvas{aspect-ratio:auto;object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.game__stage:has(>.game__overlay:not([hidden])) .game__overlay{position:relative;inset:auto}.game__stage:has(>.game__overlay:not([hidden])) .game__panel{max-height:none;overflow:visible}.game__panel{gap:var(--space-4);width:100%;max-width:28rem;max-height:100%;padding:var(--space-8);border-radius:var(--radius-lg);background:var(--surface-solid);border:1px solid var(--border-strong);box-shadow:var(--shadow-2);flex-direction:column;display:flex;overflow-y:auto}.game__panel p{color:var(--text-muted)}.game__panel-title{font-size:var(--text-xl);color:var(--text)}.game__keys{gap:var(--space-2);display:grid}.game__keys div{align-items:center;gap:var(--space-2);color:var(--text);flex-wrap:wrap;font-weight:600;display:flex}.game__actions{gap:var(--space-3);flex-direction:column;display:flex}.game__note{color:var(--text-muted);font-size:var(--text-sm);max-width:none}@media (width<=30rem){.game__panel{padding:var(--space-5);gap:var(--space-3)}}.game__hud{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-6);padding:var(--space-3) var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:999px;display:flex}.game__time{font-family:var(--font-display);font-size:var(--text-xl);font-variant-numeric:tabular-nums}.game__mode{color:var(--text-muted);font-weight:700}.game__controls{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.game__rotate{display:none}@media (orientation:landscape) and (height<=560px){.game__rotate{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);display:block}}.game__feedback{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border)}.game__feedback-title{margin:0 0 var(--space-3);color:var(--text-muted);font-size:.9375rem;font-weight:600}.game__feedback-switches{gap:var(--space-3);flex-wrap:wrap;display:flex}.switch{align-items:center;gap:var(--space-2);min-height:var(--tap-min);padding:0 var(--space-4);border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);font:inherit;cursor:pointer;border-radius:999px;font-size:.9375rem;display:inline-flex}.switch:hover{border-color:var(--border-strong)}.switch[aria-pressed=true]{color:var(--text);border-color:var(--accent)}.switch__dot{background:var(--border-strong);border-radius:50%;width:.5rem;height:.5rem}.switch[aria-pressed=true] .switch__dot{background:var(--accent)}.switch__state{color:var(--text-muted);font-size:.8125rem}.game--coordination{--game-chrome:22rem}.game--coordination .game__stage{width:min(100%, calc((100vh - var(--game-chrome)) * 4 / 5));width:min(100%, calc((100dvh - var(--game-chrome)) * 4 / 5));min-width:min(100%,15rem);margin-inline:auto}.game--anticipation{--game-chrome:16rem}.game--anticipation .game__stage{width:min(100%, calc((100vh - var(--game-chrome)) * 3 / 4));width:min(100%, calc((100dvh - var(--game-chrome)) * 3 / 4));min-width:min(100%,14rem);margin-inline:auto}.game--anticipation .game__canvas{aspect-ratio:3/4}.game--anticipation .game__hud{margin-top:var(--space-3)}.game--reaction{--game-chrome:16rem}.game--reaction .game__stage{width:min(100%, calc((100vh - var(--game-chrome)) * 3 / 2));width:min(100%, calc((100dvh - var(--game-chrome)) * 3 / 2));min-width:min(100%,15rem);margin-inline:auto}.game--reaction .game__canvas{aspect-ratio:3/2}.game--reaction .game__hud{margin-top:var(--space-3)}.game--reaction .btn--control{min-height:5.5rem;font-size:2rem}.game__press{height:22%;min-height:4.25rem;padding:0 var(--space-3) calc(var(--space-2) + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--game-bg) 85%, transparent) 40%);align-items:center;display:flex;position:absolute;inset:auto 0 0}.btn--submit{min-height:3.5rem;max-height:4.5rem;font-size:var(--text-lg);touch-action:manipulation;flex:1}.btn--submit:disabled{cursor:default;filter:none;box-shadow:none;background:color-mix(in srgb, var(--surface-solid) 80%, transparent);color:var(--text-muted);border-color:var(--border);transform:none}.game__result{align-items:baseline;gap:var(--space-3);display:inline-flex}.game__error-label{font-size:var(--text-sm);font-weight:700}.result-best-line{text-align:center;color:var(--text-muted);max-width:none}.game__pad{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid}.game__pad-label{justify-content:center;align-items:center;gap:var(--space-2);color:var(--text-muted);grid-column:1/-1;max-width:none;font-size:.9375rem;font-weight:600;display:flex}.btn--control{background:var(--surface-2);min-height:5rem;color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:inherit;font-size:1.75rem;font-weight:700;transition:background-color 80ms linear,transform 80ms linear}.btn--control:active{background:var(--gradient-accent);color:var(--accent-text);border-color:#0000;transform:scale(.97)}.game__pad--b .btn--control:active{background:var(--game-ball-b);color:#fff}.game__results{margin-top:var(--space-8)}.game__results .game__panel{max-width:none;max-height:none;overflow:visible}.result-hero{align-items:center;gap:var(--space-1);text-align:center;max-width:none;padding-block:var(--space-4);flex-direction:column;display:flex}.result-hero__number{font-family:var(--font-display);font-variant-numeric:tabular-nums;background:var(--gradient-text);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(3.5rem,8vw + 1rem,5rem);line-height:1}.result-hero__label{color:var(--text-muted);font-size:var(--text-lg)}.result-new-best{text-align:center;color:var(--success);align-self:center;max-width:none;font-weight:700}.result-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.result-metric{padding:var(--space-4) var(--space-5);border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border)}.result-metric strong{font-family:var(--font-display);font-size:var(--text-xl);font-variant-numeric:tabular-nums;color:var(--text);display:block}.result-metric__label{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:.9375rem;display:flex}.graph{aspect-ratio:20/7;background:var(--game-bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;display:block}.tips{gap:var(--space-4);counter-reset:tip;padding:0;list-style:none;display:grid}@media (width>=48rem){.tips{grid-template-columns:repeat(2,1fr)}}.tips li{counter-increment:tip;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);color:var(--text-muted);display:flex}.tips li:before{content:counter(tip, decimal-leading-zero);font-family:var(--font-display);font-size:var(--text-lg);color:var(--accent-ink);flex-shrink:0}.faq-list{gap:var(--space-3);max-width:50rem;display:grid}.faq-list details{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);transition:border-color .15s var(--ease)}.faq-list details[open]{border-color:var(--border-strong)}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:var(--space-4);min-height:var(--tap-min);padding:var(--space-4) var(--space-6);font-weight:700;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font-family:var(--font-display);color:var(--accent-ink);transition:transform .2s var(--ease);font-size:1.75rem;line-height:1}.faq-list details[open] summary:after{transform:rotate(45deg)}.faq-list details p{color:var(--text-muted);padding:0 var(--space-6) var(--space-6)}html[data-game=playing] .floating-notice,html[data-game=results] .floating-notice{display:none!important}.floating-notice--blocked{visibility:hidden;pointer-events:none}.floating-notice{z-index:30;left:50%;bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));width:min(calc(100% - var(--space-6)), 40rem);position:fixed;transform:translate(-50%)}.install-banner,.consent-banner{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--bg-elev);border:1px solid var(--border-strong);box-shadow:var(--shadow-2);flex-direction:column;display:flex}.install-banner__text{gap:var(--space-4);align-items:flex-start;display:flex}.consent-banner__text{gap:var(--space-2);display:grid}.install-banner__icon{width:2rem;height:2rem;color:var(--accent-ink);flex-shrink:0}.install-banner__title,.consent-banner__title{font-family:var(--font-display);font-size:var(--text-base);margin-bottom:0}.install-banner__note,.consent-banner__note{color:var(--text-muted);font-size:var(--text-sm);max-width:none;line-height:1.45}.install-banner__actions,.consent-banner__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.install-banner__actions .btn,.consent-banner__actions .btn{min-width:0;padding:0 var(--space-3);flex:auto}.install-banner--inline{margin-top:var(--space-8)}.section:has(>.container>.install-banner[hidden]){display:none}@media (width>=48rem){.install-banner,.consent-banner{flex-direction:row;justify-content:space-between;align-items:center}.install-banner__actions,.consent-banner__actions,.install-banner__actions .btn,.consent-banner__actions .btn{flex:none}}.ad-slot{gap:var(--space-2);align-content:start;display:grid}.ad-slot__label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:.8125rem}.ad-slot__inner{min-height:var(--ad-slot-height);padding:var(--space-5);border-radius:var(--radius-lg);border:1px dashed var(--border-strong);background:var(--surface);text-align:center;place-items:center;display:grid}.ad-slot__inner p{color:var(--text-muted);font-size:var(--text-sm);max-width:none}