/* Rhythm Repeat: level buttons, the beat track, the four pads and the win panel.
   Colours are classes (rr-c0 to rr-c3), never inline styles, because the Kids CSP forbids style attributes. */
.rr-stage{display:grid;gap:14px}
.rr-levels{display:flex;flex-wrap:wrap;gap:8px}
.rr-levels button{min-height:44px;padding:8px 14px;border-radius:999px;border:2px solid currentColor;background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer}
.rr-levels button[aria-pressed="true"]{background:rgba(255,255,255,.16)}
.rr-hint{margin:0}
.rr-track{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;min-height:64px;padding:12px;border-radius:16px;background:rgba(255,255,255,.06)}
.rr-slot{display:block;width:34px;height:34px;border-radius:10px;border:2px dashed rgba(255,255,255,.45);transition:transform .15s,box-shadow .15s}
.rr-slot.rr-b2{width:76px}
.rr-slot.rr-filled{border:2px solid transparent}
.rr-slot.rr-now{transform:scale(1.12);box-shadow:0 0 0 3px rgba(255,255,255,.7)}
.rr-c0{background-color:#ef5350}
.rr-c1{background-color:#ffca28}
.rr-c2{background-color:#66bb6a}
.rr-c3{background-color:#42a5f5}
.rr-status{margin:0;text-align:center;font-weight:700}
.rr-pads{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:520px;margin:0 auto}
.rr-pad{min-height:120px;border:0;border-radius:24px;cursor:pointer;font:inherit;font-weight:800;color:#0b1020;touch-action:manipulation;transition:transform .08s,filter .12s,opacity .2s;display:flex;align-items:flex-end;justify-content:center;padding:12px}
.rr-pad-name{font-size:.95rem;opacity:.85}
.rr-pad.rr-lit{transform:scale(.96);filter:brightness(1.35);box-shadow:0 0 0 6px rgba(255,255,255,.35)}
.rr-pad.rr-off{opacity:.6;cursor:default}
.rr-pad:focus-visible{outline:3px solid #fff;outline-offset:3px}
.rr-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.rr-win-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:10px}
@media (max-width:480px){
 .rr-pad{min-height:110px}
 .rr-slot.rr-b2{width:64px}
}