.steady-beat{--sb-ink:#173f35;--sb-surface:#fff;--sb-soft:#fde3d3;--sb-active:#ffd568;--sb-on:#d8ebdd;--sb-off:#f9e9c8;--sb-wrong:#f9dfd8;--sb-background:#fdf6f1;--sb-accent:#c2532a;color:var(--sb-ink);background-color:var(--sb-background);background-image:radial-gradient(60rem 30rem at 50% -10%, var(--sb-soft), transparent 70%)}.dark .steady-beat{--sb-ink:#d9efe1;--sb-surface:#10231d;--sb-soft:#4a2a1d;--sb-active:#514016;--sb-on:#1d3a30;--sb-off:#4a3b16;--sb-wrong:#4c2828;--sb-background:#150f0c;--sb-accent:#f6a77f}.steady-beat .sb-arm{transform-box:view-box;transform-origin:12px 16.5px;transform:rotate(var(--sb-swing,0deg))}.steady-beat [data-lane-ring]{transition:background-color .12s ease-out,border-color .12s ease-out}.steady-beat [data-beat=on] [data-lane-ring]{background-color:var(--sb-active)}.steady-beat [data-lane-ring][data-judged=on]{background-color:var(--sb-on);border-style:solid}.steady-beat [data-lane-ring][data-judged=early],.steady-beat [data-lane-ring][data-judged=late]{background-color:var(--sb-off)}.steady-beat [data-lane-ring][data-judged=wrong]{background-color:var(--sb-wrong)}@media (prefers-reduced-motion:reduce){.steady-beat .sb-arm{transform:none}}@media (prefers-reduced-motion:no-preference){.steady-beat .sb-pop{animation:.2s ease-out sb-pop}.steady-beat [data-beat=on] [data-lane-ring]{scale:1.08}}@keyframes sb-pop{0%{transform:scale(.8)}to{transform:scale(1)}}