.reaction-time-tool:where(.astro-kvobxr2l){gap:24px;padding:clamp(22px,4vw,42px);display:grid}.tool-header:where(.astro-kvobxr2l){gap:12px;max-width:760px;display:grid}.tool-header:where(.astro-kvobxr2l) h2:where(.astro-kvobxr2l){font-size:clamp(2rem,5vw,3.4rem)}.tool-description:where(.astro-kvobxr2l){color:var(--muted-strong);max-width:680px;font-size:clamp(1rem,2vw,1.15rem)}.round-indicators:where(.astro-kvobxr2l){justify-content:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.round-indicators:where(.astro-kvobxr2l) li:where(.astro-kvobxr2l){border:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);background:#0d141dd6;border-radius:50%;place-items:center;width:38px;height:38px;font-size:13px;transition:border-color .16s,background .16s,color .16s,box-shadow .16s;display:grid}.round-indicators:where(.astro-kvobxr2l) li:where(.astro-kvobxr2l)[data-state=current]{border-color:var(--teal);background:var(--teal-soft);color:var(--teal);box-shadow:0 0 18px #2dd4bf29}.round-indicators:where(.astro-kvobxr2l) li:where(.astro-kvobxr2l)[data-state=done]{border-color:var(--green);color:var(--green);background:#45d4831f}.reaction-zone:where(.astro-kvobxr2l){color:var(--text);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle,#ff7a1a1f,#0000 62%),linear-gradient(135deg,#0c121bfa,#080c12fc);border:1px solid #ff7a1a80;border-radius:20px;place-items:center;min-height:292px;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;display:grid}.reaction-zone:where(.astro-kvobxr2l):hover{border-color:var(--orange);transform:translateY(-1px)}.reaction-zone:where(.astro-kvobxr2l):focus-visible{outline:3px solid var(--teal);outline-offset:4px}:where(.astro-kvobxr2l)[data-phase=waiting] .reaction-zone:where(.astro-kvobxr2l){background:radial-gradient(circle,#2dd4bf1a,#0000 64%),linear-gradient(135deg,#0a191ffa,#080e13fc);border-color:#2dd4bf80}:where(.astro-kvobxr2l)[data-phase=go] .reaction-zone:where(.astro-kvobxr2l){background:radial-gradient(circle,#45d4834d,#0000 66%),linear-gradient(135deg,#072216fa,#05140efc);border-color:#45d483c7;box-shadow:0 0 38px #45d48333}:where(.astro-kvobxr2l)[data-phase=too-early] .reaction-zone:where(.astro-kvobxr2l){background:radial-gradient(circle,#ff7a1a38,#0000 64%),linear-gradient(135deg,#201208fa,#120b05fc);border-color:#ff7a1acc}:where(.astro-kvobxr2l)[data-phase=result] .reaction-zone:where(.astro-kvobxr2l),:where(.astro-kvobxr2l)[data-phase=done] .reaction-zone:where(.astro-kvobxr2l){background:radial-gradient(circle,#2dd4bf26,#0000 64%),linear-gradient(135deg,#0a1c20fa,#070f15fc);border-color:#2dd4bf99}:where(.astro-kvobxr2l)[data-phase=done] .reaction-zone:where(.astro-kvobxr2l){cursor:default}.zone-content:where(.astro-kvobxr2l){text-align:center;gap:8px;max-width:720px;padding:0 24px;display:grid}.zone-main-text:where(.astro-kvobxr2l){color:var(--orange);font-family:var(--font-heading);letter-spacing:.06em;text-transform:uppercase;font-size:clamp(1.8rem,5vw,3.2rem);line-height:1.05}:where(.astro-kvobxr2l)[data-phase=go] .zone-main-text:where(.astro-kvobxr2l){color:var(--green)}:where(.astro-kvobxr2l)[data-phase=too-early] .zone-main-text:where(.astro-kvobxr2l){color:var(--orange)}:where(.astro-kvobxr2l)[data-phase=result] .zone-main-text:where(.astro-kvobxr2l),:where(.astro-kvobxr2l)[data-phase=done] .zone-main-text:where(.astro-kvobxr2l){color:var(--teal);font-family:var(--font-mono);letter-spacing:0;text-transform:none}.zone-sub-text:where(.astro-kvobxr2l),.zone-hint:where(.astro-kvobxr2l){color:var(--muted);font-size:14px}.zone-ms:where(.astro-kvobxr2l){color:var(--green);font-family:var(--font-mono);text-shadow:0 0 30px #45d48347;font-size:clamp(3.5rem,12vw,7rem);line-height:.9}.zone-ms:where(.astro-kvobxr2l)[hidden]{display:none}.metrics-grid:where(.astro-kvobxr2l){grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-card:where(.astro-kvobxr2l){border:1px solid var(--line);background:#0d141dd6;border-radius:14px;align-content:center;gap:7px;min-height:104px;padding:16px;display:grid}.metric-card--highlight:where(.astro-kvobxr2l){background:var(--teal-soft);border-color:#2dd4bf6b}.metric-card--grade:where(.astro-kvobxr2l) .metric-value:where(.astro-kvobxr2l){color:var(--yellow)}.metric-label:where(.astro-kvobxr2l),.metric-card:where(.astro-kvobxr2l) small:where(.astro-kvobxr2l){color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px}.metric-card:where(.astro-kvobxr2l) small:where(.astro-kvobxr2l){letter-spacing:0;text-transform:none;font-size:11px}.metric-value:where(.astro-kvobxr2l){color:var(--text);font-family:var(--font-mono);font-size:clamp(1.4rem,3vw,2rem)}.result-panel:where(.astro-kvobxr2l){background:linear-gradient(135deg,#113034e6,#0d1b22f5);border:1px solid #2dd4bf73;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px 24px;padding:22px;display:grid}.result-panel:where(.astro-kvobxr2l)[hidden]{display:none}.result-panel:where(.astro-kvobxr2l) h3:where(.astro-kvobxr2l){color:var(--text);margin:0;font-size:clamp(1.25rem,3vw,1.75rem)}.result-panel:where(.astro-kvobxr2l) p:where(.astro-kvobxr2l):not(.eyebrow){color:var(--muted-strong);margin:7px 0 0}.result-actions:where(.astro-kvobxr2l){flex-wrap:wrap;gap:10px;display:flex}.share-status:where(.astro-kvobxr2l){color:var(--teal);grid-column:1/-1;min-height:1.5em;margin:0;font-size:13px}@media (max-width:760px){.metrics-grid:where(.astro-kvobxr2l){grid-template-columns:repeat(2,minmax(0,1fr))}.result-panel:where(.astro-kvobxr2l){grid-template-columns:1fr}.result-actions:where(.astro-kvobxr2l){grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (max-width:520px){.reaction-time-tool:where(.astro-kvobxr2l){gap:20px;padding:20px 16px}.reaction-zone:where(.astro-kvobxr2l){min-height:230px}.round-indicators:where(.astro-kvobxr2l){gap:7px}.round-indicators:where(.astro-kvobxr2l) li:where(.astro-kvobxr2l){width:34px;height:34px}.metric-card:where(.astro-kvobxr2l){min-height:88px;padding:13px}.result-actions:where(.astro-kvobxr2l){grid-template-columns:1fr}.result-actions:where(.astro-kvobxr2l) button:where(.astro-kvobxr2l){width:100%}}@media (prefers-reduced-motion:reduce){.round-indicators:where(.astro-kvobxr2l) li:where(.astro-kvobxr2l),.reaction-zone:where(.astro-kvobxr2l){transition:none}}.reaction-page:where(.astro-6ptchyfb) .guide-hero:where(.astro-6ptchyfb),.reaction-page:where(.astro-6ptchyfb) .guide-article:where(.astro-6ptchyfb){max-width:1120px}.reaction-page:where(.astro-6ptchyfb) .guide-hero:where(.astro-6ptchyfb)>.reaction-time-tool:where(.astro-6ptchyfb){width:100%;margin-top:8px}.reaction-page:where(.astro-6ptchyfb) .guide-block:where(.astro-6ptchyfb)>h2:where(.astro-6ptchyfb){max-width:38ch}.factor-list:where(.astro-6ptchyfb),.latency-list:where(.astro-6ptchyfb){gap:12px;padding-left:0;display:grid}.factor-list:where(.astro-6ptchyfb) li:where(.astro-6ptchyfb),.latency-list:where(.astro-6ptchyfb) li:where(.astro-6ptchyfb){padding-left:4px}.factor-list:where(.astro-6ptchyfb) li:where(.astro-6ptchyfb)>span:where(.astro-6ptchyfb){min-width:0}.game-grid:where(.astro-6ptchyfb) .site-card:where(.astro-6ptchyfb){min-height:210px}.reaction-page:where(.astro-6ptchyfb) .guide-cta:where(.astro-6ptchyfb){max-width:none;margin-top:24px}.reaction-page:where(.astro-6ptchyfb) .guide-cta:where(.astro-6ptchyfb) p:where(.astro-6ptchyfb):not(.eyebrow){max-width:780px}@media (max-width:720px){.game-grid:where(.astro-6ptchyfb) .site-card:where(.astro-6ptchyfb){min-height:0}}