.rh-home,.rh-play,.rh-result-wrap{gap:var(--space-4);scroll-margin-top:80px;display:grid}.rh-play{max-width:520px;margin:0 auto}.rh-title{letter-spacing:-.02em;word-break:keep-all;margin:0;font-size:clamp(1.3rem,6vw,1.65rem);font-weight:800}.rh-sub{color:var(--muted);margin:4px 0 0;font-weight:600}.rh-kicker{color:var(--muted);margin:0;font-weight:700}.rh-note,.rh-hint{text-align:center;color:var(--muted);margin:0;font-size:.85rem;font-weight:600}.rh-h{margin:0;font-weight:800}.rh-hero{gap:var(--space-4);padding:var(--space-6);display:grid}.rh-hero-art{border-radius:var(--radius);background:var(--bear-900);place-items:center;height:200px;display:grid;position:relative;overflow:hidden}.rh-hero-drum{z-index:2;font-size:4rem;animation:.6s ease-out infinite rh-beat;position:relative}.rh-hero-ring{border:4px solid var(--tiger-500);border-radius:50%;width:110px;height:110px;animation:1.2s ease-out infinite rh-ring;position:absolute}.rh-hero-ring.is-2{animation-delay:.6s}.rh-hero-note{color:var(--tiger-100);font-size:1.6rem;font-weight:800;animation:2.4s ease-in-out infinite rh-note;position:absolute}.rh-hero-note.n1{top:22%;left:22%}.rh-hero-note.n2{animation-delay:1.2s;top:30%;right:26%}.rh-hero-bear{position:absolute;bottom:-6px;left:4%}@keyframes rh-beat{0%{transform:scale(1.12)}30%,to{transform:scale(1)}}@keyframes rh-ring{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.9)}}@keyframes rh-note{0%,to{opacity:.4;transform:translateY(0)rotate(-8deg)}50%{opacity:1;transform:translateY(-14px)rotate(8deg)}}.rh-steps{grid-template-columns:repeat(3,1fr);gap:6px;margin:0;padding:0;list-style:none;display:grid}.rh-steps li{border-radius:var(--radius-pill);background:var(--cream-50);color:var(--muted);justify-content:center;gap:6px;padding:6px 8px;font-size:.85rem;font-weight:700;display:flex}.rh-steps .is-now{background:var(--tiger-500);color:var(--bear-900)}.rh-steps .is-done{background:var(--good-50);color:var(--good-600)}.rh-round{gap:var(--space-3);animation:rise .3s var(--ease) both;justify-items:center;display:grid}.rh-round>.host,.rh-round>.btn{justify-self:stretch}.rh-strip{border-radius:var(--radius-pill);background:var(--cream-50);width:100%;height:28px;position:relative}.rh-strip-mid{background:var(--good-600);border-radius:2px;width:3px;margin-left:-1.5px;position:absolute;top:4px;bottom:4px;left:50%}.rh-strip-label{color:var(--muted);font-size:.72rem;font-weight:700;position:absolute;top:50%;transform:translateY(-50%)}.rh-strip-label.is-l{left:10px}.rh-strip-label.is-r{right:10px}.rh-strip i{background:var(--tiger-600);width:12px;height:12px;animation:pop .3s var(--ease) both;border-radius:50%;margin:-6px 0 0 -6px;position:absolute;top:50%}.rh-strip i.is-good{background:var(--good-600)}.rh-round.is-cont .rh-strip{opacity:.35}.rh-pad{aspect-ratio:1;background:radial-gradient(circle at 50% 40%, var(--tiger-100), var(--tiger-500) 70%, var(--tiger-700));width:min(72vw,260px);box-shadow:inset 0 -10px 0 color-mix(in oklab, var(--tiger-700) 70%, transparent), 0 12px 30px color-mix(in oklab, var(--bear-900) 25%, transparent);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;place-items:center;display:grid;position:relative}.rh-pad:disabled{cursor:default;filter:saturate(.7)}.rh-drum{aspect-ratio:1;background:var(--cream-50);width:72%;box-shadow:inset 0 0 0 6px var(--muzzle-300);border-radius:50%;place-items:center;font-size:3.2rem;animation:.16s ease-out rh-squish;display:grid}@keyframes rh-squish{50%{transform:scale(.9)}}.rh-count,.rh-left{color:var(--bear-900);font-variant-numeric:tabular-nums;animation:pop .3s var(--ease) both;font-size:3.4rem;font-weight:800}.rh-left{color:var(--tiger-700)}.rh-ring{border:6px solid var(--tiger-500);pointer-events:none;border-radius:50%;animation:.6s ease-out both rh-ring;position:absolute;inset:0}.rh-round.is-count .rh-ring{border-color:var(--info-600)}.rh-cont{gap:6px;margin:0;padding:0;list-style:none;display:flex}.rh-cont li{background:var(--cream-50);border:2px solid var(--line);border-radius:50%;width:14px;height:14px}.rh-cont li.is-on{background:var(--tiger-500);border-color:var(--tiger-600);animation:pop .25s var(--ease) both}.rh-round:not(.is-cont) .rh-cont{opacity:.35}.rh-result{position:relative;overflow:hidden}.rh-result>:not(.confetti){z-index:2;position:relative}.rh-result .mascot{margin:0 auto}.rh-stamp{margin:var(--space-2) 0 0;border:3px solid var(--bad-600);color:var(--bad-600);border-radius:10px;padding:4px 14px;font-size:1.15rem;font-weight:800;animation:.42s cubic-bezier(.2,1.4,.4,1) 1s both rh-stamp;display:inline-block;transform:rotate(-5deg)}@keyframes rh-stamp{0%{opacity:0;transform:rotate(-5deg)scale(2.2)}70%{opacity:1;transform:rotate(-5deg)scale(.94)}to{transform:rotate(-5deg)scale(1)}}.rh-pill{margin:var(--space-3) 0 0;border-radius:var(--radius-pill);background:var(--bear-900);color:var(--bg);padding:8px 14px;font-weight:700;animation:.4s cubic-bezier(.2,1.3,.4,1) 1.25s both rh-late;display:inline-block}.rh-chart{gap:var(--space-2);display:grid}.rh-bars{border-bottom:2px solid var(--line);align-items:flex-end;gap:6px;height:140px;padding:0 4px;display:flex;position:relative}.rh-bars span:not(.rh-target){transform-origin:bottom;border-radius:6px 6px 0 0;flex:1;animation:.5s cubic-bezier(.2,1.2,.4,1) both rh-grow}.rh-bars .is-ok{background:var(--good-600)}.rh-bars .is-fast{background:var(--bad-600)}.rh-bars .is-slow{background:var(--info-600)}.rh-target{z-index:2;border-top:2px dashed var(--bear-900);position:absolute;left:0;right:0}@keyframes rh-grow{0%{transform:scaleY(0)}}.rh-legend{color:var(--muted);margin:0;font-size:.8rem;font-weight:600}.rh-tempos{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.rh-tempo{padding:var(--space-3);border-radius:var(--radius-md);border:2px solid var(--line);justify-items:center;gap:2px;font-size:1.3rem;display:grid}.rh-tempo b{font-size:1.1rem}.rh-tempo small{color:var(--muted);font-size:.75rem;font-weight:700}.rh-late{animation:.4s cubic-bezier(.2,1.1,.4,1) both rh-late}@keyframes rh-late{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}.rh-actions{gap:var(--space-2);display:grid}.rh-actions .btn{width:100%}@media (min-width:720px){.rh-actions{grid-template-columns:1fr 1fr}.rh-actions .btn:first-child{grid-column:1/-1}}.rh-shine{position:relative;overflow:hidden}.rh-shine:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff8c,#0000);width:30%;animation:3.6s ease-in-out 1.2s infinite rh-shine;position:absolute;top:0;bottom:0;left:-40%;transform:skew(-20deg)}@keyframes rh-shine{0%,70%{left:-40%}to{left:130%}}.rh-toast{left:50%;bottom:max(24px, env(safe-area-inset-bottom));z-index:110;border-radius:var(--radius-md);background:var(--bear-900);max-width:calc(100% - 32px);color:var(--bg);box-shadow:var(--shadow-float);animation:rise .2s var(--ease) both;padding:12px 18px;font-weight:700;position:fixed;transform:translate(-50%)}