[data-tool="tepki-suresi-testi"] .reaction-pad { width: 100%; min-height: 270px; padding: 28px 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 16px; border: 2px dashed #aaa; border-radius: 14px; background: #fafafa; color: #242424; text-align: center; cursor: pointer; touch-action: manipulation; user-select: none; transition: none; font-family: inherit; }
[data-tool="tepki-suresi-testi"] .reaction-pad:focus-visible { outline: 3px solid #555; outline-offset: 4px; }
[data-tool="tepki-suresi-testi"] .reaction-pad[data-phase="cue"] { border-style: solid; border-color: #555; background: #dedede; }
[data-tool="tepki-suresi-testi"] .reaction-signal { width: 34px; height: 34px; border: 3px solid #777; border-radius: 50%; background: transparent; }
[data-tool="tepki-suresi-testi"] .reaction-pad[data-phase="cue"] .reaction-signal { background: #555; }
[data-tool="tepki-suresi-testi"] .reaction-label { font-size: clamp(23px, 3vw, 31px); line-height: 1.3; font-weight: 750; }
[data-tool="tepki-suresi-testi"] .reaction-hint { max-width: 32ch; font-size: 14px; color: #555; }
[data-tool="tepki-suresi-testi"] .reaction-pad:disabled { cursor: default; opacity: 1; }
[data-tool="tepki-suresi-testi"] .reaction-progress { font-weight: 600; font-variant-numeric: tabular-nums; }
[data-tool="tepki-suresi-testi"] .reaction-trials { margin: 0; padding-left: 22px; font-size: 14px; font-variant-numeric: tabular-nums; }
[data-tool="tepki-suresi-testi"] .reaction-trials:empty { display: none; }
[data-tool="tepki-suresi-testi"] .reaction-scope { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--line); }