.rp-home,.rp-stage,.rp-result-wrap{gap:var(--space-4);scroll-margin-top:80px;display:grid}.rp-stage{max-width:560px;margin:0 auto}.rp-title{letter-spacing:-.02em;word-break:keep-all;margin:0;font-size:clamp(1.3rem,6vw,1.65rem);font-weight:800}.rp-sub{color:var(--muted);word-break:keep-all;margin:4px 0 0;font-weight:600}.rp-note{text-align:center;color:var(--muted);word-break:keep-all;margin:0;font-size:.85rem}.rp-intro{gap:var(--space-3);padding:var(--space-6);display:grid}.rp-intro-arena{justify-content:center;align-items:center;gap:var(--space-4);min-height:130px;display:flex}.rp-intro-hand{transform-origin:50% 100%;font-size:4rem;animation:1.1s ease-in-out infinite rp-pump}.rp-intro-vs{background:var(--bear-900);width:48px;height:48px;color:var(--bg);border-radius:50%;place-items:center;font-weight:800;animation:1.1s ease-in-out infinite rp-beat;display:grid}@keyframes rp-pump{0%,to{transform:translateY(0)rotate(0)}30%{transform:translateY(-14px)rotate(-10deg)}60%{transform:translateY(0)rotate(0)}}@keyframes rp-beat{15%{transform:scale(1.15)}30%{transform:scale(1)}}.rp-board{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--cream-50);grid-template-columns:1fr auto 1fr;display:grid}.rp-side{justify-items:center;display:grid}.rp-side small{color:var(--muted);font-weight:800}.rp-side b{font-variant-numeric:tabular-nums;animation:pop .3s var(--ease) both;font-size:2rem;font-weight:800}.rp-side.is-me b{color:var(--good-600)}.rp-side.is-ai b{color:var(--bad-600)}.rp-mid{justify-items:center;gap:2px;display:grid}.rp-round{font-weight:800}.rp-draw{color:var(--muted);font-size:.85rem;font-weight:700}.rp-acc{text-align:center;margin:0;font-weight:700}.rp-acc b{color:var(--tiger-600);animation:pop .3s var(--ease) both;display:inline-block}.rp-acc small{color:var(--muted)}.rp-arena{align-items:center;gap:var(--space-2);min-height:150px;padding:var(--space-4);border-radius:var(--radius);border:3px dashed var(--line);background:var(--bg);grid-template-columns:1fr auto 1fr;transition:border-color .2s,background .2s;display:grid}.rp-hand{justify-items:center;gap:4px;display:grid}.rp-hand small{color:var(--muted);font-weight:800}.rp-emoji{font-size:clamp(3.4rem,16vw,4.6rem);line-height:1;display:block}.rp-arena:not(.is-reveal) .rp-emoji{transform-origin:50% 100%;animation:.75s ease-in-out infinite rp-pump}.rp-arena:not(.is-reveal) .rp-hand.is-ai .rp-emoji{animation-delay:60ms}.rp-hand.is-ai .rp-emoji{transform:scaleX(-1)}.rp-arena.is-reveal .rp-hand.is-me .rp-emoji{animation:.38s cubic-bezier(.2,1.5,.4,1) both rp-slam-l}.rp-arena.is-reveal .rp-hand.is-ai .rp-emoji{animation:.38s cubic-bezier(.2,1.5,.4,1) both rp-slam-r}@keyframes rp-slam-l{0%{opacity:0;transform:translate(-30px)scale(.6)rotate(-20deg)}70%{opacity:1;transform:translate(6px)scale(1.15)}to{transform:none}}@keyframes rp-slam-r{0%{opacity:0;transform:translate(30px)scaleX(-1)scale(.6)rotate(20deg)}70%{opacity:1;transform:translate(-6px)scaleX(-1)scale(1.15)}to{transform:scaleX(-1)}}.rp-vs{text-align:center;min-width:5.5em;color:var(--muted);animation:pop .3s var(--ease) both;font-size:.95rem;font-weight:800}.rp-arena:not(.is-reveal) .rp-vs{animation:.75s ease-in-out infinite rp-beat}.rp-arena.is-win{border-style:solid;border-color:var(--good-600);background:var(--good-50)}.rp-arena.is-win .rp-vs{color:var(--good-600);font-size:1.25rem}.rp-arena.is-lose{border-style:solid;border-color:var(--bad-600);background:var(--bad-50);animation:.3s shake}.rp-arena.is-lose .rp-vs{color:var(--bad-600);font-size:1.15rem}.rp-arena.is-draw .rp-vs{font-size:1.15rem}.rp-picks{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.rp-pick{border-radius:var(--radius);border:3px solid var(--line);background:var(--bg);min-height:92px;color:var(--fg);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border-bottom-width:6px;place-items:center;gap:2px;font-weight:800;transition:transform .1s;display:grid}.rp-pick span{font-size:2.2rem;line-height:1}.rp-pick:hover:not(:disabled){border-color:var(--tiger-500);transform:translateY(-2px)}.rp-pick:active:not(:disabled){border-bottom-width:3px;transform:translateY(3px)}.rp-pick:disabled{opacity:.5;cursor:default}.rp-trail{grid-template-columns:repeat(15,minmax(0,1fr));gap:3px;margin:0;padding:0;list-style:none;display:grid}.rp-trail li{aspect-ratio:1;background:var(--cream-50);border-radius:4px}.rp-trail li.is-win{background:var(--good-600);animation:pop .25s var(--ease) both}.rp-trail li.is-lose{background:var(--bad-600);animation:pop .25s var(--ease) both}.rp-trail li.is-draw{background:var(--muzzle-300);animation:pop .25s var(--ease) both}.rp-trail.is-big li{border-radius:6px}.rp-key{text-align:center;color:var(--muted);margin:0;font-size:.8rem}@media (pointer:coarse){.rp-key{display:none}}.rp-result{position:relative;overflow:hidden}.rp-result>:not(.confetti){z-index:2;position:relative}.rp-result .mascot{margin:0 auto}.rp-kicker{color:var(--muted);margin:0;font-weight:700}.rp-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 rp-stamp;display:inline-block;transform:rotate(-5deg)}@keyframes rp-stamp{0%{opacity:0;transform:rotate(-5deg)scale(2.2)}70%{opacity:1;transform:rotate(-5deg)scale(.94)}to{transform:rotate(-5deg)scale(1)}}.rp-habits{gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius);background:var(--cream-50);display:grid}.rp-habits h2{margin:0;font-size:1.1rem}.rp-dist{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.rp-dist li{align-items:center;gap:var(--space-2);grid-template-columns:auto 3em 1fr 3em;display:grid}.rp-dist li span{font-size:1.4rem}.rp-dist small{text-align:right;font-variant-numeric:tabular-nums;font-weight:800}.rp-bar{border-radius:var(--radius-pill);background:var(--bg);height:12px;overflow:hidden}.rp-bar span{border-radius:inherit;background:var(--tiger-500);transform-origin:0;height:100%;animation:.7s cubic-bezier(.2,.9,.3,1) both rp-grow;display:block}@keyframes rp-grow{0%{transform:scaleX(0)}}.rp-facts{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.rp-facts .stat{background:var(--bg);text-align:center}.rp-late{animation:.4s cubic-bezier(.2,1.1,.4,1) both rp-late}@keyframes rp-late{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}.rp-actions{gap:var(--space-2);display:grid}.rp-actions .btn{width:100%}@media (min-width:720px){.rp-actions{grid-template-columns:1fr 1fr}}.rp-shine{position:relative;overflow:hidden}.rp-shine:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff8c,#0000);width:30%;animation:3.6s ease-in-out 1.2s infinite rp-shine;position:absolute;top:0;bottom:0;left:-40%;transform:skew(-20deg)}@keyframes rp-shine{0%,70%{left:-40%}to{left:130%}}.rp-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%)}
