.speed-round{max-width:720px;margin-inline:auto;text-align:center;padding:14px 0 24px;color:var(--text,#f5f2ed)}
.speed-task{color:var(--muted,#b9bac8);font-size:16px;line-height:1.6;margin:0 0 25px}
.speed-stimulus{width:176px;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto 30px;gap:10px}
.speed-shape{display:block;width:100px;height:100px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;color:var(--mint,#b9eedb)}
.speed-stimulus>.speed-shape{width:144px;height:144px;stroke-width:2.2}
.speed-stimulus-label{color:var(--muted,#b9bac8);font-size:13px}
.speed-mapping{display:grid;grid-template-columns:repeat(var(--speed-choice-count,3),minmax(0,1fr));gap:14px;width:min(100%,570px);margin:0 auto}
.speed-choice-button,.speed-binary button{border:1px solid #525561;border-radius:12px;background:var(--panel,#191c25);color:var(--text,#f5f2ed);padding:17px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:136px;gap:9px;font:inherit;cursor:pointer;transition:background .15s,border-color .15s}
.speed-choice-button .speed-shape{width:51px;height:51px;stroke-width:3.5;color:var(--lavender,#c1b3eb)}
.speed-choice-button>span{font-size:12px;line-height:1.4}
.speed-choice-button:hover,.speed-binary button:hover{background:#252a35;border-color:var(--mint,#b9eedb)}
.speed-choice-button:active,.speed-binary button:active{background:#313b40}
.speed-choice-button:focus-visible,.speed-binary button:focus-visible,.speed-reaction-pad:focus-visible{outline:2px solid var(--mint,#b9eedb);outline-offset:5px}
.speed-round kbd{display:inline-grid;place-items:center;min-width:21px;min-height:22px;border:1px solid #626470;border-radius:4px;padding:0 4px;font:inherit;font-size:11px;color:var(--text,#f5f2ed);font-variant-numeric:tabular-nums}
.speed-hint{color:var(--muted,#b9bac8);font-size:12px;line-height:1.8;margin:23px auto 0;max-width:58ch}
.speed-reaction-pad{width:min(100%,470px);min-height:270px;margin:0 auto;border:1px solid #777087;background:#242332;color:var(--text,#f5f2ed);border-radius:18px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:28px 20px;cursor:pointer;font:inherit;touch-action:manipulation}
.speed-reaction-pad strong{font-family:var(--serif,Georgia,serif);font-size:65px;letter-spacing:-.03em;line-height:1.05;font-weight:400}
.speed-reaction-pad>span:last-child{font-size:12px;color:#d1cadf}
.speed-reaction-pad.is-ready{background:var(--mint,#b9eedb);border-color:#d5ffed;color:#12231d}
.speed-reaction-pad.is-ready>span:last-child{color:#243d33}
.speed-reaction-mark{display:flex;gap:8px;height:30px;align-items:center}
.speed-reaction-mark i{height:27px;width:6px;border-radius:2px;background:currentColor}
.speed-reaction-pad.is-ready .speed-reaction-mark{width:36px;border-bottom:3px solid currentColor;transform:rotate(-45deg);height:20px;border-left:3px solid currentColor}
.speed-reaction-pad.is-ready .speed-reaction-mark i{display:none}
.speed-sr-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.speed-comparison{display:flex;justify-content:center;align-items:center;gap:48px;margin:28px auto 40px}
.speed-comparison>div{display:flex;flex-direction:column;align-items:center;gap:15px;min-width:135px}
.speed-comparison .speed-shape{width:135px;height:135px;stroke-width:2.5;color:var(--lavender,#c1b3eb)}
.speed-comparison>div>span{font-size:13px;color:var(--muted,#b9bac8)}
.speed-comparison-divider{width:1px;height:105px;background:#484955}
.speed-binary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:440px;margin:0 auto}
.speed-binary button{min-height:95px;padding:18px 20px;gap:10px}
.speed-binary strong{font-weight:500;font-size:19px;line-height:1.2}
.speed-binary button>span{font-size:11px;color:var(--muted,#b9bac8)}
@media(max-width:600px){.speed-round{padding-top:8px}.speed-task{font-size:14px;margin-bottom:20px}.speed-stimulus{min-height:150px;margin-bottom:22px}.speed-stimulus>.speed-shape{width:115px;height:115px}.speed-mapping{gap:8px}.speed-choice-button{padding:12px 6px;min-height:115px;gap:7px;border-radius:9px}.speed-choice-button .speed-shape{width:40px;height:40px}.speed-choice-button>span{font-size:10px}.speed-hint{font-size:11px;padding-inline:6px}.speed-reaction-pad{min-height:240px;border-radius:14px}.speed-reaction-pad strong{font-size:57px}.speed-comparison{gap:24px;margin:25px auto 32px}.speed-comparison>div{min-width:100px}.speed-comparison .speed-shape{width:100px;height:100px}.speed-comparison-divider{height:85px}.speed-binary{gap:12px}.speed-binary button{min-height:90px;padding:15px 10px}.speed-binary strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.speed-choice-button,.speed-binary button{transition:none}}