.reaction-game{max-width:40rem}.reaction-pad{touch-action:manipulation;color:#dbf7ec;background:#203832;border:1px solid #507972;border-radius:.9rem;align-content:center;place-items:center;gap:.45rem;width:100%;min-height:clamp(13rem,38vw,19rem);padding:1rem;display:grid}.reaction-pad strong{font:800 clamp(1.65rem, 6vw, 3.1rem)/1 var(--heading);letter-spacing:-.04em}.reaction-pad>span:last-child{font-weight:650}.reaction-indicator{opacity:.85;border:4px solid;border-radius:50%;width:1.65rem;height:1.65rem;margin-bottom:.5rem}.reaction-pad[data-phase=waiting],.reaction-pad[data-phase=early]{color:#ffdce1;background:#4a272e;border-color:#84545c}.reaction-pad[data-phase=amber]{color:#35220a;background:#e9b54d;border-color:#f6d177}.reaction-pad[data-phase=green]{color:#132d25;background:#a8eed5;border-color:#d0f6e8}.reaction-pad[data-phase=green] .reaction-indicator{background:currentColor}