.reaction-pad{color:#e5f0f4;cursor:pointer;width:100%;min-height:290px;font:inherit;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#142731;border:2px solid #36535e;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:28px;display:flex}.reaction-pad strong{font-size:clamp(27px,5vw,48px);line-height:1.2}.reaction-pad span{font-size:16px;line-height:1.5}.reaction-pad:focus-visible{outline-offset:4px;outline:3px solid #fff}.reaction-pad[data-state=waiting]{background:#792e37;border-color:#c55964}.reaction-pad[data-state=ready]{color:#082b25;background:#6af4dc;border-color:#6af4dc}.reaction-pad[data-state=early]{background:#654817;border-color:#c79c41}.reaction-stats h2{letter-spacing:0;font-size:18px}.reaction-stats p{color:#6af4dc;margin:12px 0 0;font-size:28px}.reaction-test ol{color:#a6bac6;flex-wrap:wrap;gap:12px 30px;padding-left:24px;display:flex}.reaction-test #reaction-progress{min-height:28px}.reaction-stats article{min-width:0}@media (width<=600px){.reaction-pad{min-height:240px}.reaction-stats{grid-template-columns:1fr}.reaction-stats article{padding:16px}.reaction-stats h2{margin:0}}