/* نسخه‌ی ۱۵۷: پاپ ری‌را */
.pop-app{max-width:560px;margin:0 auto}
.pop-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:22px 20px;box-shadow:0 18px 40px -28px rgba(38,48,42,.35)}
.pop-logo{display:flex;flex-direction:column;align-items:center;gap:2px;margin:4px 0 12px}
.pop-logo b{font-size:clamp(34px,8vw,46px);font-weight:900;color:var(--sage-deep);line-height:1.1;letter-spacing:-.5px}
.pop-logo span{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:800;letter-spacing:.32em;color:var(--ochre);font-size:14px;direction:ltr}
.pop-logo.sm b{font-size:28px}.pop-logo.sm span{font-size:12px}
.pop-hook{text-align:center;font-size:17px;line-height:1.9;margin:0 0 14px;color:var(--ink)}
.pop-hook b{color:var(--sage-deep)}
.pop-how{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:9px}
.pop-how li{display:flex;align-items:center;gap:12px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:10px 12px;font-size:14.5px;line-height:1.7}
.pop-how .pi{flex:none;width:30px;height:30px;border-radius:50%;position:relative;background:radial-gradient(circle,rgba(224,80,90,.45),rgba(224,80,90,0) 70%)}
.pop-how .pi::after{content:"";position:absolute;inset:9px;border-radius:50%;background:#F6EDC8;box-shadow:inset -2px -2px 0 #E9D38E}
.pop-how .pi.b::after{inset:11px;background:#3a2a22;box-shadow:none}
.pop-how .pi.d::after{inset:5px;background:radial-gradient(circle at 42% 38%,#FFF6D8,#F1D27E 35%,#D9606A)}
.pop-how .pi.r::after{inset:7px;background:#D45A5E;box-shadow:none}
.pop-how .pi.s{background:none}.pop-how .pi.s::after{inset:13px 3px;border-radius:4px;background:#E58C8C;transform:rotate(-25deg);box-shadow:0 -6px 0 #E58C8C,0 6px 0 #E58C8C}
.pop-small{text-align:center;color:var(--muted);font-size:13px;margin:10px 0 0}
.pop-go{display:flex;margin:16px auto 4px;min-width:200px;min-height:54px;font-size:17px}
.pop-game{padding:14px 12px 16px}
.pop-hud{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.pop-hud .hb{flex:1;display:flex;flex-direction:column;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:5px 4px}
.pop-hud .hb small{font-size:11.5px;color:var(--muted)}.pop-hud .hb b{font-size:20px;color:var(--sage-deep);line-height:1.3}
.pop-hud .hb.bad b{color:#B5484C}.pop-hud .hb.hurry b{color:#B5484C;animation:popPulse .5s ease-in-out infinite alternate}
@keyframes popPulse{to{transform:scale(1.15)}}
.pop-mute{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:18px;cursor:pointer}
.pop-stage{position:relative;aspect-ratio:400/480;max-height:68vh;margin:0 auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:pointer;border-radius:22px;background:radial-gradient(ellipse at 50% 40%,var(--sage-mist),#E8EEE9)}
.pop-face{position:absolute;inset:0;width:100%;height:100%;display:block}
.pop-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.pf-eyes .pf-ec{display:none}.pf-eyes:not(.open) .pf-eo{display:none}.pf-eyes:not(.open) .pf-ec{display:inline}
.pf-mouth path{display:none}.pf-mouth:not([data-st]) .m-calm,.pf-mouth[data-st=calm] .m-calm,.pf-mouth[data-st=ouch] .m-ouch,.pf-mouth[data-st=ahh] .m-ahh{display:inline}
.pz-in{transition:transform .06s linear;transform-box:fill-box;transform-origin:center}
.pz-ring{pointer-events:none}
.mk-pink{fill:#E79A9A;opacity:.55}.mk-scar{fill:#8E3B3E;opacity:.75;stroke:#6e2a2d;stroke-width:1}
.sc-line{fill:none;stroke:#E06C6C;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;opacity:.75;transition:opacity 4s ease}
.sc-line.fade{opacity:0}
.pop-toast{position:absolute;left:10px;right:10px;bottom:10px;background:rgba(38,48,42,.9);color:#fff;border-radius:14px;padding:9px 12px;font-size:13.5px;line-height:1.7;text-align:center;opacity:0;transform:translateY(8px);transition:.25s;pointer-events:none}
.pop-toast.on{opacity:1;transform:none}
.pop-rank{text-align:center;margin:4px 0 12px}.pop-rank b{display:block;font-size:26px;color:var(--ochre-deep)}.pop-rank span{color:var(--muted);font-size:14px}
.pop-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}
.pop-stats span{display:flex;flex-direction:column;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:10px 4px}
.pop-stats b{font-size:24px;color:var(--sage-deep)}.pop-stats .bad b{color:#B5484C}.pop-stats small{font-size:12px;color:var(--muted)}
.pop-calm{background:var(--sage-mist);border-radius:22px;padding:16px 14px}
.pop-pkg{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;background:#fff;border:1.5px solid var(--ochre);border-radius:18px;padding:16px 14px}
.pk-tag{background:var(--ochre-soft);color:var(--ochre-deep);font-size:12px;font-weight:700;border-radius:99px;padding:3px 12px}
.pk-n{font-size:18px;color:var(--ink)}.pk-d{font-size:13.5px;color:var(--muted)}.pk-p{font-size:24px;font-weight:800;color:var(--sage-deep)}.pk-p small{font-size:13px;font-weight:600;color:var(--muted)}
.pop-pkg .btn{margin-top:6px;min-height:50px;min-width:220px}
.pop-acts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:14px 0 6px}.pop-acts .btn{min-height:46px}
.pop-note{font-size:12.5px;color:var(--muted);line-height:1.9;text-align:center;margin:10px 0 0}
@media(max-width:599px){.pop-card{padding:16px 12px;border-radius:22px}.pop-game{padding:10px 8px 12px}.pop-stage{max-height:62vh}}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}