.replay-filters{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}.replay-filters label{display:flex;flex:1 1 180px;flex-direction:column;gap:6px;min-width:0}.replay-filters select{width:100%}.replay-stage{margin:24px 0;padding:28px 18px;border:1px solid #d8e0eb;background:#fff;border-radius:16px;min-height:220px;text-align:center}.replay-balls{display:flex;gap:clamp(3px,1vw,12px);align-items:center;justify-content:center;margin:30px 0}.replay-ball{width:52px;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:22px;color:white;box-shadow:none}.replay-ball.red{background:#ef3030}.replay-ball.blue{background:#1e88e5}.replay-ball.green{background:#19b56a}.replay-stage.playing .replay-ball{animation:replay-reveal .4s both;animation-delay:var(--delay)}@keyframes replay-reveal{from{opacity:0;transform:translateY(12px) scale(.65)}to{opacity:1;transform:none}}.replay-pager{display:flex;align-items:center;gap:12px;margin-top:20px}#replay-status{font-size:13px;color:#5a6b82}@media(max-width:640px){.replay-stage{padding:22px 10px}.replay-ball{flex:1;width:0;max-width:43px;font-size:17px}.replay-filters>button{width:100%}.replay-pager{justify-content:space-between;font-size:12px}}@media(prefers-reduced-motion:reduce){.replay-stage.playing .replay-ball{animation:none}}

@media(max-width:640px){.replay-stage{min-height:0;margin:16px 0;padding:18px 10px}.replay-balls{margin:24px 0}}