.mouse-accuracy-tool:where(.astro-ufozav73){gap:22px;width:100%;padding:clamp(22px,4vw,42px);display:grid}.tool-header:where(.astro-ufozav73){gap:12px;max-width:760px;display:grid}.tool-header:where(.astro-ufozav73) h2:where(.astro-ufozav73){font-size:clamp(2rem,5vw,3.5rem)}.tool-description:where(.astro-ufozav73){color:var(--muted-strong);max-width:720px;font-size:clamp(1rem,2vw,1.15rem);line-height:1.72}.difficulty-row:where(.astro-ufozav73){grid-template-columns:minmax(170px,.7fr) minmax(0,1.7fr);align-items:end;gap:18px;display:grid}.difficulty-heading:where(.astro-ufozav73){gap:6px;display:grid}.difficulty-heading:where(.astro-ufozav73) strong:where(.astro-ufozav73){color:var(--text);font-family:var(--font-mono);font-size:14px;font-weight:400}.metric-label:where(.astro-ufozav73),.accuracy-metric:where(.astro-ufozav73)>span:where(.astro-ufozav73),.accuracy-metric:where(.astro-ufozav73) small:where(.astro-ufozav73),.result-stats:where(.astro-ufozav73) span:where(.astro-ufozav73){color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px}.difficulty-controls:where(.astro-ufozav73){grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.difficulty-controls:where(.astro-ufozav73) button:where(.astro-ufozav73){border:1px solid var(--line-bright);background:var(--panel-deep);color:var(--muted-strong);cursor:pointer;font-family:var(--font-heading);text-align:left;border-radius:10px;gap:3px;min-height:54px;padding:9px 10px;font-size:14px;font-weight:700;transition:border-color .16s,background .16s,color .16s,transform .16s;display:grid}.difficulty-controls:where(.astro-ufozav73) button:where(.astro-ufozav73) span:where(.astro-ufozav73){color:var(--muted);font-family:var(--font-body);font-size:11px;font-weight:500}.difficulty-controls:where(.astro-ufozav73) button:where(.astro-ufozav73):hover,.difficulty-controls:where(.astro-ufozav73) button:where(.astro-ufozav73):focus-visible,.difficulty-controls:where(.astro-ufozav73) button:where(.astro-ufozav73).is-active{border-color:var(--teal);background:var(--teal-soft);color:var(--text);transform:translateY(-1px)}.difficulty-controls:where(.astro-ufozav73) button:where(.astro-ufozav73).is-active{border-color:var(--orange);background:var(--orange-soft)}.accuracy-canvas-wrap:where(.astro-ufozav73){border:1px solid var(--line-bright);background:var(--panel-deep);cursor:crosshair;border-radius:18px;min-height:400px;position:relative;overflow:hidden}.accuracy-canvas-wrap:where(.astro-ufozav73) canvas:where(.astro-ufozav73){touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:400px;display:block}.accuracy-overlay:where(.astro-ufozav73){-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;background:#070b11d6;align-content:center;justify-items:center;gap:12px;padding:24px;display:grid;position:absolute;inset:0}.accuracy-overlay:where(.astro-ufozav73)[hidden]{display:none}.accuracy-overlay:where(.astro-ufozav73) h3:where(.astro-ufozav73){color:var(--orange);text-transform:uppercase;font-size:clamp(1.5rem,4vw,2.4rem)}.accuracy-overlay:where(.astro-ufozav73) p:where(.astro-ufozav73):not(.eyebrow){color:var(--muted-strong);max-width:440px;font-size:15px}.accuracy-progress:where(.astro-ufozav73){background:var(--line);border-radius:999px;height:7px;overflow:hidden}.accuracy-progress:where(.astro-ufozav73) span:where(.astro-ufozav73){border-radius:inherit;background:linear-gradient(90deg,var(--orange),#ff9a50);transform-origin:0;width:100%;height:100%;transition:transform .16s;display:block;transform:scaleX(0)}.accuracy-metrics:where(.astro-ufozav73){grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.accuracy-metric:where(.astro-ufozav73){border:1px solid var(--line);background:#0d141dd6;border-radius:14px;align-content:center;gap:8px;min-height:108px;padding:16px;display:grid}.accuracy-metric--highlight:where(.astro-ufozav73){background:var(--teal-soft);border-color:#2dd4bf6b}.accuracy-metric:where(.astro-ufozav73) strong:where(.astro-ufozav73){color:var(--text);font-family:var(--font-mono);font-size:clamp(1.45rem,3vw,2rem);line-height:1}.accuracy-metric--highlight:where(.astro-ufozav73) strong:where(.astro-ufozav73){color:var(--teal)}.accuracy-metric:where(.astro-ufozav73) small:where(.astro-ufozav73){letter-spacing:0;text-transform:none}.accuracy-result:where(.astro-ufozav73){background:linear-gradient(135deg,#2dd4bf1c,#0d141de6);border:1px solid #2dd4bf73;border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(260px,1.2fr) auto;align-items:center;gap:20px;padding:clamp(20px,3vw,30px);display:grid}.accuracy-result:where(.astro-ufozav73)[hidden]{display:none}.result-heading:where(.astro-ufozav73){gap:8px;display:grid}.result-heading:where(.astro-ufozav73) h3:where(.astro-ufozav73){font-size:clamp(1.2rem,2.2vw,1.6rem)}.result-grade:where(.astro-ufozav73){color:var(--orange);font-family:var(--font-heading);text-shadow:0 0 28px #ff7a1a59;font-size:clamp(3.4rem,8vw,5.5rem);line-height:.9}.result-label:where(.astro-ufozav73){color:var(--muted-strong);font-size:14px}.result-stats:where(.astro-ufozav73){grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.result-stats:where(.astro-ufozav73)>div:where(.astro-ufozav73){border:1px solid var(--line);background:#070b1173;border-radius:12px;gap:8px;padding:14px;display:grid}.result-stats:where(.astro-ufozav73) strong:where(.astro-ufozav73){color:var(--teal);font-family:var(--font-mono);font-size:1.3rem}.tool-status:where(.astro-ufozav73){color:var(--muted);min-height:1.5em;font-size:14px}@media (max-width:900px){.difficulty-row:where(.astro-ufozav73){grid-template-columns:1fr;align-items:stretch}.accuracy-result:where(.astro-ufozav73){grid-template-columns:1fr}.accuracy-result:where(.astro-ufozav73) .site-button-alt:where(.astro-ufozav73){width:100%}}@media (max-width:720px){.accuracy-metrics:where(.astro-ufozav73){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.mouse-accuracy-tool:where(.astro-ufozav73){gap:20px;padding:20px 16px}.difficulty-controls:where(.astro-ufozav73){grid-template-columns:repeat(2,minmax(0,1fr))}.accuracy-canvas-wrap:where(.astro-ufozav73),.accuracy-canvas-wrap:where(.astro-ufozav73) canvas:where(.astro-ufozav73){height:320px;min-height:320px}.accuracy-metric:where(.astro-ufozav73){min-height:96px;padding:13px}.result-stats:where(.astro-ufozav73){grid-template-columns:1fr}.accuracy-result:where(.astro-ufozav73) .site-button-alt:where(.astro-ufozav73){width:100%}}@media (prefers-reduced-motion:reduce){.difficulty-controls:where(.astro-ufozav73) button:where(.astro-ufozav73),.accuracy-progress:where(.astro-ufozav73) span:where(.astro-ufozav73){transition:none}}.mouse-accuracy-page:where(.astro-y6gdu2s6) .mouse-accuracy-tool:where(.astro-y6gdu2s6){max-width:1120px;margin:0 auto}.mouse-accuracy-page:where(.astro-y6gdu2s6) .guide-article:where(.astro-y6gdu2s6){max-width:1120px;margin-top:clamp(28px,4vw,48px)}.mouse-accuracy-page:where(.astro-y6gdu2s6) .guide-note:where(.astro-y6gdu2s6){margin:0}