.rr{width:100%;display:grid;gap:12px;justify-items:center;text-align:center}
.rr-status{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.rr-status div{min-width:130px;padding:8px 14px;border-radius:16px;background:#f3f8ff;border:2px solid #cfe0f5}
.rr-status div+div{background:#fff6ec;border-color:#ffd9b3}
.rr-status small{display:block;font-weight:800;color:var(--muted)}
.rr-status b{font-size:clamp(28px,7vw,36px);color:var(--navy)}
.rr-tip{margin:0;max-width:520px;font-size:clamp(15px,4vw,17px);line-height:1.5}
.rr-line{width:min(100%,560px);height:auto}
#rrFrog{transition:x .35s ease}
.rr-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.rr-buttons button{min-width:110px;min-height:58px;padding:8px 16px;border:0;border-radius:16px;background:var(--purple);color:#fff;font-size:20px;font-weight:1000;cursor:pointer;display:grid;line-height:1.1}
.rr-buttons #rrOne{background:#ff9d42}
.rr-buttons small{font-size:12px;font-weight:800;opacity:.9}
.rr-buttons .rr-soft{background:#fff;color:var(--ink);border:2px solid var(--line);font-size:15px}
.rr-buttons button:disabled{opacity:.35;cursor:not-allowed}
.rr-buttons button.suggest{box-shadow:0 0 0 4px #2166ee55;animation:rrPulse 1.4s ease infinite}
.rr-buttons button:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
@keyframes rrPulse{50%{box-shadow:0 0 0 8px #2166ee22}}
@media(prefers-reduced-motion:reduce){#rrFrog{transition:none}.rr-buttons button.suggest{animation:none}}