.g-reaction-time{--g-reaction-time-pad:#242832;--g-reaction-time-wait:#821e36;--g-reaction-time-go:#5bf58a;--g-reaction-time-result:#174ac6;--g-reaction-time-ink:#f5f9ff;--g-reaction-time-brass:#ffe6b4;--g-reaction-time-muted:#d6e4ff;--g-reaction-time-on-go:#082c19;--g-reaction-time-line:#68778e;font-family:var(--mg-font);color:var(--mg-text);width:100%;max-width:928px;margin:auto}.g-reaction-time *{box-sizing:border-box}.g-reaction-time-top{display:flex;justify-content:space-between;align-items:center;gap:8px;height:28px;font-size:12px;font-weight:600;letter-spacing:.025em}.g-reaction-time-trial{min-width:0}.g-reaction-time-early-count{white-space:nowrap;color:var(--mg-muted)}.g-reaction-time-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}.g-reaction-time-main{min-width:0}.g-reaction-time-pad{position:relative;isolation:isolate;height:420px;max-width:520px;width:100%;margin:4px auto 0;background:var(--g-reaction-time-pad);color:var(--g-reaction-time-ink);border:1px solid var(--g-reaction-time-line);border-radius:var(--mg-radius);overflow:clip;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;outline:none;contain:layout paint}.g-reaction-time-pad:focus:not(.is-kbd){outline:none;box-shadow:none}.g-reaction-time-pad.is-kbd:focus{outline:3px solid var(--mg-accent);outline-offset:3px}.g-reaction-time-pad[data-state=wait],.g-reaction-time-pad[data-state=go]{touch-action:none;background:var(--g-reaction-time-wait)}.g-reaction-time-go{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;opacity:0;will-change:opacity;background:var(--g-reaction-time-go);color:var(--g-reaction-time-on-go);transition:none!important;animation:none!important;pointer-events:none}.g-reaction-time-pad[data-state=settled] .g-reaction-time-center,.g-reaction-time-pad[data-state=settled] .g-reaction-time-dial,.g-reaction-time-pad[data-state=settled] .g-reaction-time-pips,.g-reaction-time-pad[data-state=settled] .g-reaction-time-message{opacity:0}.g-reaction-time-pad[data-state=go] .g-reaction-time-go{opacity:1}.g-reaction-time-go-ring{width:76px;height:76px;border-radius:50%;background:currentColor}.g-reaction-time-go-word{font-size:38px;font-weight:700}.g-reaction-time-pips{position:absolute;top:20px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:9px;height:14px;z-index:6;pointer-events:none}.g-reaction-time-pip{width:7px;height:7px;border:1px solid var(--g-reaction-time-muted);border-radius:50%}.g-reaction-time-pip[data-filled=true]{background:var(--g-reaction-time-brass);border-color:var(--g-reaction-time-brass)}.g-reaction-time-checked{font-size:12px;color:var(--g-reaction-time-brass)}.g-reaction-time-pad[data-state=go] .g-reaction-time-pips{opacity:0}.g-reaction-time-dial{position:absolute;width:280px;height:280px;max-width:88%;top:42px;left:50%;transform:translate(-50%);pointer-events:none}.g-reaction-time-canvas,.g-reaction-time-effects{position:absolute;inset:0;width:100%;height:100%}.g-reaction-time-effects{overflow:visible;fill:none;stroke:var(--g-reaction-time-brass)}.g-reaction-time-steady-ring{stroke-width:0;opacity:.8}.g-reaction-time-sweep,.g-reaction-time-halo,.g-reaction-time-arc{opacity:0;stroke-width:2;transform-origin:0 0}.g-reaction-time-ambient{stroke:var(--g-reaction-time-muted);stroke-width:1;transform-origin:0 0;animation:g-reaction-time-tick 60s steps(60,end) infinite}.g-reaction-time-trail{opacity:0;stroke-width:1}.g-reaction-time-spread-arc{opacity:0;stroke-width:10}.g-reaction-time-lab-arc{opacity:0;stroke:var(--g-reaction-time-muted);stroke-width:5}.g-reaction-time-pad:not([data-state=idle]):not([data-state=set]) .g-reaction-time-ambient{opacity:0;animation-play-state:paused}.g-reaction-time-pad[data-state=idle] .g-reaction-time-canvas{opacity:.65}.g-reaction-time-pad[data-state=wait] .g-reaction-time-dial,.g-reaction-time-pad[data-state=go] .g-reaction-time-dial{opacity:0}.g-reaction-time-center{position:absolute;z-index:2;inset:135px 22px auto;min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;gap:5px}.g-reaction-time-value{font-size:42px;font-weight:700;line-height:1.12;letter-spacing:-.04em;font-variant-numeric:tabular-nums;max-width:100%;background:var(--g-reaction-time-pad);padding:4px 8px;border-radius:var(--mg-radius)}.g-reaction-time-sub{font-size:12px;color:var(--g-reaction-time-muted);line-height:1.4;background:var(--g-reaction-time-pad);padding:2px 6px;max-width:100%}.g-reaction-time-pad[data-state=idle] .g-reaction-time-value{font-size:28px}.g-reaction-time-pad:is([data-state=wait],[data-state=go],[data-state=settled]) .g-reaction-time-center{inset:160px 16px auto}.g-reaction-time-pad:is([data-state=wait],[data-state=go],[data-state=settled]) .g-reaction-time-value{background:none;font-size:24px}.g-reaction-time-pad:is([data-state=wait],[data-state=go],[data-state=settled]) .g-reaction-time-center:before{content:"";width:42px;height:42px;border:2px solid var(--g-reaction-time-muted);border-radius:50%;margin-bottom:18px}.g-reaction-time-pad[data-state=go] .g-reaction-time-center,.g-reaction-time-pad[data-state=go] .g-reaction-time-message,.g-reaction-time-pad[data-state=go] .g-reaction-time-tag{opacity:0}.g-reaction-time-pad[data-state=go][data-mixed=true] .g-reaction-time-message{opacity:1;z-index:6}.g-reaction-time-pad[data-state=go][data-mixed=true] .g-reaction-time-hint{color:var(--g-reaction-time-on-go)}.g-reaction-time-pad[data-state=early] .g-reaction-time-value,.g-reaction-time-pad[data-state=void] .g-reaction-time-value,.g-reaction-time-pad[data-state=missed] .g-reaction-time-value{font-size:22px;background:var(--g-reaction-time-pad)}.g-reaction-time-pad[data-state=early] .g-reaction-time-dial,.g-reaction-time-pad[data-state=void] .g-reaction-time-dial,.g-reaction-time-pad[data-state=missed] .g-reaction-time-dial{opacity:.65}.g-reaction-time-tag{position:absolute;top:38px;left:0;right:0;margin:auto;width:max-content;max-width:95%;line-height:14px;background:var(--g-reaction-time-pad);padding:0 5px;z-index:2;text-align:center;font-size:11px;font-weight:600;color:var(--g-reaction-time-brass);pointer-events:none}.g-reaction-time-message{position:absolute;bottom:22px;left:14px;right:14px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;pointer-events:none;min-height:45px;justify-content:flex-end}.g-reaction-time-hint{font-size:13px;font-weight:600;color:var(--g-reaction-time-muted)}.g-reaction-time-comparison{font-size:12px;font-weight:600;line-height:1.4}.g-reaction-time-condition{font-size:10px;line-height:1.3;color:var(--g-reaction-time-muted)}.g-reaction-time-feedback{position:absolute;z-index:1;left:50%;top:72%;width:80px;height:80px;border:2px solid var(--g-reaction-time-ink);border-radius:50%;opacity:0;pointer-events:none}.g-reaction-time-feedback[data-ignored=true]{width:4px;height:4px;background:var(--g-reaction-time-muted);border:0}.g-reaction-time-pad[data-state=wait] .g-reaction-time-feedback,.g-reaction-time-pad[data-state=go] .g-reaction-time-feedback{opacity:0}.g-reaction-time-timing-line{margin:8px 0 2px;font-size:12px;line-height:18px;color:var(--mg-muted)}.g-reaction-time-info{margin:0;min-height:30px;font-size:11px;line-height:15px;color:var(--mg-muted);font-variant-numeric:tabular-nums}.g-reaction-time-toolbar{display:flex;justify-content:space-between;gap:12px;margin-top:4px}.g-reaction-time-how,.g-reaction-time-reset{min-height:44px;min-width:64px;touch-action:manipulation;border:1px solid var(--mg-line);background:var(--mg-surface);color:var(--mg-text);font:600 12px var(--mg-font);border-radius:var(--mg-radius);padding:0 12px;cursor:pointer}.g-reaction-time-reset:disabled{opacity:.45;cursor:default}.g-reaction-time-how:focus-visible,.g-reaction-time-reset:focus-visible,.g-reaction-time-more-title:focus-visible,.g-reaction-time-source:focus-visible{outline:3px solid var(--mg-accent);outline-offset:2px}.g-reaction-time-aside{display:none;min-width:0}.g-reaction-time[data-explain=true] .g-reaction-time-aside{display:block}.g-reaction-time-records,.g-reaction-time-trend{display:none}.g-reaction-time-aside-title{font-size:13px;letter-spacing:.02em;margin:0 0 12px;font-weight:600}.g-reaction-time-explanation{font-size:12px;line-height:1.65;color:var(--mg-muted);margin:0 0 10px}.g-reaction-time-explain{border-top:1px solid var(--mg-line);padding-top:18px}.g-reaction-time-more-title{cursor:pointer;font-size:12px;min-height:44px;line-height:44px}.g-reaction-time-source{display:inline-flex;align-items:center;min-height:44px;color:var(--mg-accent);font-size:12px}.g-reaction-time-best-row{display:flex;justify-content:space-between;font-size:12px;margin:0;padding:7px 0;color:var(--mg-muted)}.g-reaction-time-best-value{color:var(--mg-text);font-weight:600}.g-reaction-time-trend{margin-top:20px}.g-reaction-time-spark{width:100%;height:80px}.g-reaction-time-trend-empty{font-size:12px;color:var(--mg-muted)}.g-reaction-time-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:clip;clip-path:inset(50%);white-space:nowrap}.g-reaction-time-warm{position:fixed;left:-10000px;top:0;width:300px;height:80px;contain:strict;pointer-events:none;opacity:0}.g-reaction-time [hidden]{display:none!important}@keyframes g-reaction-time-tick{to{transform:rotate(360deg)}}@media(min-width:900px){.g-reaction-time-layout{grid-template-columns:minmax(0,520px) minmax(0,384px)}.g-reaction-time-aside{display:block;padding-top:4px}.g-reaction-time-explain{border:0;padding:0}.g-reaction-time-records,.g-reaction-time-trend{display:block}.g-reaction-time-records{margin-top:20px;padding-top:18px;border-top:1px solid var(--mg-line)}.g-reaction-time-pad{height:440px}.g-reaction-time-how{display:none}.g-reaction-time-top{max-width:520px}.g-reaction-time-dial{top:40px;width:300px;height:300px}.g-reaction-time-center{top:146px}.g-reaction-time-info{font-size:12px}.g-reaction-time-message{bottom:26px}}@media(max-width:370px){.g-reaction-time-pad{height:400px}.g-reaction-time-dial{width:280px;height:280px}.g-reaction-time-center{top:124px}.g-reaction-time-timing-line{font-size:11px}}@media(max-width:340px){.g-reaction-time-top{height:24px;font-size:10px;letter-spacing:0}.g-reaction-time-pad{height:280px}.g-reaction-time-pips{top:14px}.g-reaction-time-dial{top:30px;width:190px;height:190px}.g-reaction-time-center{inset:88px 12px auto;min-height:72px}.g-reaction-time-value{font-size:34px}.g-reaction-time-pad[data-state=idle] .g-reaction-time-value{font-size:24px}.g-reaction-time-pad:is([data-state=wait],[data-state=go],[data-state=settled]) .g-reaction-time-center{inset:82px 10px auto}.g-reaction-time-pad:is([data-state=wait],[data-state=go],[data-state=settled]) .g-reaction-time-value{font-size:21px}.g-reaction-time-pad[data-state=early] .g-reaction-time-center,.g-reaction-time-pad[data-state=void] .g-reaction-time-center,.g-reaction-time-pad[data-state=missed] .g-reaction-time-center{top:65px}.g-reaction-time-sub{font-size:10px}.g-reaction-time-message{bottom:12px;gap:3px;left:8px;right:8px}.g-reaction-time-comparison{font-size:10px}.g-reaction-time-condition{font-size:9px}.g-reaction-time-tag{top:35px;font-size:10px}.g-reaction-time-hint{font-size:11px}.g-reaction-time-info{font-size:10px;line-height:14px;min-height:28px;margin-top:6px}.g-reaction-time-timing-line{display:none}.g-reaction-time-toolbar{margin-top:4px}.g-reaction-time-go-ring{width:58px;height:58px}.g-reaction-time-go-word{font-size:34px}}@media(prefers-reduced-motion:reduce){.g-reaction-time-ambient{animation:none}.g-reaction-time *,.g-reaction-time *:before,.g-reaction-time *:after{scroll-behavior:auto;transition:none!important}}.g-reaction-time-pad:is([data-state=trial],[data-state=set]){--g-reaction-time-pad:var(--g-reaction-time-result)}.g-reaction-time-pad[data-state=wait] .g-reaction-time-sub{background:none}:root[data-theme=light] .g-reaction-time{--g-reaction-time-pad:#242832;--g-reaction-time-wait:#821e36;--g-reaction-time-go:#5bf58a;--g-reaction-time-result:#174ac6;--g-reaction-time-ink:#eff5ff;--g-reaction-time-muted:#d3e2ff}:root[data-theme=dark] .g-reaction-time{--g-reaction-time-pad:#1d222c;--g-reaction-time-wait:#741a31;--g-reaction-time-go:#50ed81;--g-reaction-time-result:#1643b1;--g-reaction-time-ink:#f5f9ff;--g-reaction-time-muted:#d6e4ff}.g-reaction-time-top,.g-reaction-time-toolbar,.g-reaction-time-info,.g-reaction-time-timing-line{padding-inline:8px}