body{font-family:"Baloo 2",sans-serif}.reaction-screen{position:relative}.reaction-panel{background:#fff;border-radius:24px;padding:14px;box-shadow:0 8px 0 rgba(31,38,70,.14)}.reaction-mode{text-align:center;margin:0 0 8px;color:#57506e;font-weight:800}.reaction-arena{position:relative;min-height:360px;border:0;border-radius:22px;background:linear-gradient(150deg,#1f2942,#343e5d);display:grid;place-items:center;width:100%;overflow:hidden;color:#fff;font:inherit;cursor:pointer;touch-action:manipulation;user-select:none}.reaction-arena.waiting{background:linear-gradient(150deg,#302b3f,#4d465d)}.reaction-arena.go{background:linear-gradient(150deg,#08763b,#16a15a)}.reaction-arena.false-start{background:linear-gradient(150deg,#842f36,#ba3e48)}.reaction-arena.result{background:linear-gradient(150deg,#34305d,#585186)}.reaction-cue{pointer-events:none;text-align:center;padding:20px}.reaction-cue-icon{display:block;font-size:5rem;line-height:1.1}.reaction-cue strong{display:block;font-size:2rem}.reaction-cue p{margin:5px 0 0;font-weight:700}.race-lights{display:flex;gap:13px;justify-content:center;margin-bottom:18px}.race-light{width:54px;height:54px;border-radius:50%;background:#171925;border:5px solid #626578;box-shadow:inset 0 0 10px #000}.race-light.red.on{background:#f05258;box-shadow:0 0 24px #f05258}.race-light.amber.on{background:#ffc247;box-shadow:0 0 24px #ffc247}.race-light.green.on{background:#3bd778;box-shadow:0 0 24px #3bd778}.reaction-target{position:absolute;width:92px;height:92px;border:8px solid #fff;border-radius:50%;background:#ffcc43;box-shadow:0 0 0 9px #e75d63,0 10px 24px #0005;font:800 1rem "Baloo 2",sans-serif;cursor:pointer}.reaction-next{display:block;width:min(280px,100%);margin:12px auto 0}.reaction-history{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin-top:12px}.reaction-history span{display:grid;place-items:center;min-height:39px;border-radius:9px;background:#ece9f5;color:#5a5470;font-size:.72rem;font-weight:800;text-align:center}.reaction-history span.done{background:#dff3e8;color:#176a3c}.reaction-hint{text-align:center;min-height:1.5em;margin:10px 0 0;color:#5c5670;font-weight:700}@media(max-width:520px){.reaction-arena{min-height:330px}.reaction-cue-icon{font-size:4.2rem}.reaction-cue strong{font-size:1.6rem}.race-light{width:46px;height:46px}.reaction-history{grid-template-columns:repeat(5,1fr)}}
