.gp-reaction-loading{display:grid;min-height:240px;place-items:center;color:var(--workspace-text-soft);font-size:13px}.gp-reaction-game{display:grid;gap:12px;width:100%;color:var(--workspace-text)}.gp-reaction-hud{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:10px 12px;border:1px solid var(--workspace-border);border-radius:14px;background:var(--workspace-panel-muted)}.gp-reaction-hud strong,.gp-reaction-hud b{color:var(--workspace-text);font-variant-numeric:tabular-nums;font-weight:800}.gp-reaction-hud>span{color:var(--workspace-text-faint);font-size:11px;text-align:end}.gp-reaction-round-copy{display:grid;gap:7px}.gp-reaction-progress{display:flex;align-items:center;gap:5px}.gp-reaction-progress-dot{width:18px;height:4px;border-radius:999px;background:var(--workspace-border-strong);transition:width .18s ease,background .18s ease,box-shadow .18s ease}.gp-reaction-progress-dot[data-status=complete]{background:var(--workspace-gold)}.gp-reaction-progress-dot[data-status=current]{width:28px;background:var(--workspace-burgundy);box-shadow:0 0 10px color-mix(in oklab,var(--workspace-burgundy) 45%,transparent)}.gp-reaction-surface{position:relative;isolation:isolate;overflow:hidden;appearance:none;display:grid;width:100%;min-width:240px;min-height:240px;block-size:clamp(240px,52vh,430px);gap:12px;align-content:center;justify-items:center;padding:28px;border:1px solid var(--workspace-border-strong);border-radius:24px;color:var(--workspace-text);background:var(--workspace-panel-muted);box-shadow:inset 0 0 36px var(--workspace-shadow-soft),var(--workspace-shadow-soft);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .24s cubic-bezier(.2,.8,.25,1),background .18s ease,border-color .18s ease,box-shadow .18s ease}.gp-reaction-surface:before,.gp-reaction-surface:after{position:absolute;z-index:-1;inset:50% auto auto 50%;width:min(78%,310px);aspect-ratio:1;border:1px solid color-mix(in oklab,var(--workspace-gold) 22%,transparent);border-radius:28%;content:"";opacity:.55;transform:translate(-50%,-50%) rotate(45deg);pointer-events:none}.gp-reaction-surface:after{width:min(54%,215px);border-color:color-mix(in oklab,var(--workspace-burgundy) 24%,transparent);border-radius:50%;transform:translate(-50%,-50%)}.gp-reaction-surface>*{position:relative;z-index:1}.gp-reaction-surface:focus-visible,.gp-reaction-play-again:focus-visible{outline:2px solid var(--workspace-selected-border);outline-offset:3px}.gp-reaction-state-text{max-width:18ch;font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,8vw,52px);font-weight:800;line-height:1.04;text-align:center}.gp-reaction-surface small{color:var(--workspace-text-soft);font-size:12px;font-weight:650;line-height:1.4;text-align:center}.gp-reaction-icon{display:grid;width:118px;height:118px;place-items:center;color:var(--workspace-gold);filter:drop-shadow(0 8px 12px var(--workspace-shadow-soft));transition:width .18s ease,height .18s ease,transform .18s ease}.gp-reaction-mascot{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 12px var(--workspace-shadow));user-select:none}.gp-reaction-icon:empty{display:none}.gp-reaction-icon svg,.gp-reaction-summary-icon svg{display:block;width:100%;height:100%}.gp-reaction-game[data-reaction-state=waiting] .gp-reaction-surface{animation:gpReactionWait 2s ease-in-out infinite}.gp-reaction-game[data-reaction-state=waiting] .gp-reaction-mascot{animation:gpReactionMascotWait 1.7s ease-in-out infinite}.gp-reaction-game[data-reaction-state=ready] .gp-reaction-surface{color:var(--workspace-text);border-color:var(--workspace-selected-border);background:color-mix(in oklab,var(--workspace-gold) 40%,#2fa572);box-shadow:inset 0 0 42px color-mix(in oklab,var(--workspace-panel-raised) 22%,transparent),var(--workspace-shadow);transform:scale(1.02)}.gp-reaction-game[data-reaction-state=ready] .gp-reaction-surface:before{animation:gpReactionTarget .9s cubic-bezier(.2,.8,.25,1) infinite alternate}.gp-reaction-game[data-reaction-state=ready] .gp-reaction-surface:after{border-width:2px;border-color:var(--workspace-selected-border);animation:gpReactionTargetRing .9s ease-out infinite}.gp-reaction-game[data-reaction-state=ready] .gp-reaction-icon{width:138px;height:138px;color:var(--workspace-text);transform:scale(1.08)}.gp-reaction-game[data-reaction-state=ready] .gp-reaction-mascot{animation:gpReactionMascotReady .52s cubic-bezier(.2,.9,.25,1) infinite alternate}.gp-reaction-game[data-reaction-state=ready] .gp-reaction-state-text{font-size:clamp(48px,14vw,82px);letter-spacing:.04em}.gp-reaction-game[data-reaction-state=ready] .gp-reaction-surface small{color:var(--workspace-text)}.gp-reaction-game[data-reaction-state=early] .gp-reaction-surface{border-color:var(--workspace-danger);background:var(--workspace-danger);animation:gpReactionEarly .4s ease both}.gp-reaction-game[data-reaction-state=early] .gp-reaction-mascot{animation:gpReactionMascotOops .42s ease both}.gp-reaction-game[data-reaction-state=feedback] .gp-reaction-surface{background:var(--workspace-panel-raised)}.gp-reaction-game[data-reaction-state=feedback] .gp-reaction-mascot{animation:gpReactionMascotTap .52s cubic-bezier(.2,.9,.25,1) both}.gp-reaction-ripple{position:absolute;z-index:0;width:36px;height:36px;margin:-18px;border:3px solid var(--workspace-text);border-radius:50%;opacity:0;animation:gpReactionRipple .62s cubic-bezier(.1,.8,.2,1) both;pointer-events:none}.gp-reaction-times{display:flex;flex-wrap:wrap;gap:8px;min-height:34px;padding-block-start:10px}.gp-reaction-time-pill{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding-block:5px;padding-inline:6px 10px;border:1px solid var(--workspace-border);border-radius:999px;color:var(--workspace-text-soft);background:var(--workspace-panel-muted);font-size:11px;font-variant-numeric:tabular-nums}.gp-reaction-time-pill>span{display:grid;width:21px;height:21px;border-radius:50%;color:var(--workspace-text);background:var(--workspace-selected);font-size:9px;font-weight:800;place-items:center}.gp-reaction-time-pill strong{color:var(--workspace-text)}.gp-reaction-empty{align-self:center;color:var(--workspace-text-faint);font-size:11px}.gp-reaction-summary{display:grid;min-height:320px;gap:13px;align-content:center;justify-items:center;padding:30px 22px;border:1px solid var(--workspace-selected-border);border-radius:24px;color:var(--workspace-text);background:repeating-conic-gradient(from 45deg at 50% 38%,color-mix(in oklab,var(--workspace-gold) 5%,transparent) 0deg 12deg,transparent 12deg 24deg),var(--workspace-panel-raised);box-shadow:inset 0 0 40px var(--workspace-shadow-soft),var(--workspace-shadow-soft);text-align:center}.gp-reaction-summary[hidden]{display:none}.gp-reaction-game[data-reaction-outcome=loss] .gp-reaction-summary{border-color:var(--workspace-border-strong);background:var(--workspace-panel-muted)}.gp-reaction-summary-icon{width:58px;height:58px;color:var(--workspace-gold)}.gp-reaction-meter{position:relative;display:grid;width:min(220px,100%);height:108px;place-items:end center}.gp-reaction-meter svg{position:absolute;inset:0;width:100%;height:76px;overflow:visible;fill:none;stroke-linecap:round;stroke-width:7}.gp-reaction-meter-track{stroke:var(--workspace-border-strong)}.gp-reaction-meter-value{stroke:var(--workspace-gold);animation:gpReactionMeter .7s cubic-bezier(.2,.8,.25,1) both}.gp-reaction-meter strong{margin-block-end:0;color:var(--workspace-text);font-family:Georgia,Times New Roman,serif;font-size:clamp(19px,6vw,25px);font-variant-numeric:tabular-nums;line-height:1.1;white-space:nowrap}.gp-reaction-summary-kicker{color:var(--workspace-text-faint);font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.gp-reaction-outcome{color:var(--workspace-text);font-family:Georgia,Times New Roman,serif;font-size:clamp(24px,7vw,38px);line-height:1.05}.gp-reaction-outcome[data-outcome=win]{color:var(--workspace-gold)}.gp-reaction-outcome[data-outcome=loss]{color:var(--workspace-text-soft)}.gp-reaction-target{color:var(--workspace-text-faint);font-size:11px;font-weight:700}.gp-reaction-category{color:var(--workspace-text-soft);font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,9vw,56px);line-height:1;animation:gpReactionCategory .3s cubic-bezier(.2,.8,.25,1) both}.gp-reaction-category[data-tone=good]{color:var(--workspace-gold)}.gp-reaction-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,390px);gap:8px}.gp-reaction-results>span{display:grid;gap:5px;padding:12px;border:1px solid var(--workspace-border);border-radius:13px;color:var(--workspace-text-faint);background:var(--workspace-panel-muted);font-size:10px}.gp-reaction-results strong{color:var(--workspace-text);font-size:20px;font-variant-numeric:tabular-nums}.gp-reaction-personal-best{margin:0;color:var(--workspace-text-soft);font-size:11px}.gp-reaction-personal-best[data-new-best=true]{padding:7px 11px;border:1px solid var(--workspace-selected-border);border-radius:999px;color:var(--workspace-text);background:var(--workspace-selected);font-weight:800}.gp-card:not(.gp-card-featured)[data-open-game=reaction_time] .gp-card-icon{width:58px;height:58px;overflow:hidden;border-color:var(--workspace-selected-border);background:var(--workspace-selected);box-shadow:var(--workspace-shadow-soft)}.gp-card:not(.gp-card-featured)[data-open-game=reaction_time] .gp-card-icon img{width:56px;height:56px;object-fit:contain;transform:scale(1.07)}.gp-reaction-play-again{min-width:150px;min-height:46px;padding:11px 20px;border:1px solid var(--workspace-selected-border);border-radius:999px;color:var(--workspace-text);background:var(--workspace-selected);box-shadow:var(--workspace-shadow-soft);cursor:pointer;font-size:13px;font-weight:800}@keyframes gpReactionWait{0%,to{box-shadow:inset 0 0 24px var(--workspace-shadow-soft),var(--workspace-shadow-soft)}50%{box-shadow:inset 0 0 54px var(--workspace-hover),var(--workspace-shadow-soft)}}@keyframes gpReactionEarly{0%,to{transform:translate(0)}25%{transform:translate(-7px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}@keyframes gpReactionCategory{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes gpReactionTarget{0%{opacity:.35;transform:translate(-50%,-50%) rotate(45deg) scale(.92)}to{opacity:.75;transform:translate(-50%,-50%) rotate(52deg) scale(1.04)}}@keyframes gpReactionTargetRing{0%{opacity:.8;transform:translate(-50%,-50%) scale(.76)}to{opacity:0;transform:translate(-50%,-50%) scale(1.22)}}@keyframes gpReactionRipple{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(7)}}@keyframes gpReactionMeter{0%{stroke-dasharray:0 100}}@keyframes gpReactionMascotWait{0%,to{transform:translateY(2px) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}@keyframes gpReactionMascotReady{0%{transform:translateY(2px) scale(.98)}to{transform:translateY(-9px) scale(1.06)}}@keyframes gpReactionMascotOops{0%,to{transform:rotate(0)}35%{transform:rotate(-8deg)}70%{transform:rotate(7deg)}}@keyframes gpReactionMascotTap{0%{transform:translateY(0) scale(1)}35%{transform:translateY(-15px) scale(1.12) rotate(-2deg)}68%{transform:translateY(5px) scale(.96) rotate(1deg)}to{transform:translateY(0) scale(1)}}@media(max-width:479px){.gp-reaction-hud{align-items:flex-start;flex-direction:column;gap:4px}.gp-reaction-hud>span{text-align:start}.gp-reaction-surface{min-width:0;block-size:clamp(240px,48vh,360px);padding:20px}.gp-reaction-results{grid-template-columns:1fr}.gp-reaction-play-again{width:100%}}@media(prefers-reduced-motion:reduce){.gp-reaction-surface,.gp-reaction-play-again,.gp-reaction-icon,.gp-reaction-progress-dot{transition:none!important}.gp-reaction-game[data-reaction-state=waiting] .gp-reaction-surface,.gp-reaction-game[data-reaction-state=early] .gp-reaction-surface,.gp-reaction-game[data-reaction-state=ready] .gp-reaction-surface:before,.gp-reaction-game[data-reaction-state=ready] .gp-reaction-surface:after,.gp-reaction-category,.gp-reaction-ripple,.gp-reaction-meter-value,.gp-reaction-mascot{animation:none!important}.gp-reaction-game[data-reaction-state=ready] .gp-reaction-surface{transform:none}}