.pp-wrap{position:relative;aspect-ratio:900/560;width:100%;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;cursor:pointer;background:linear-gradient(180deg,#9ee87d,#7ed957)}.pp-stage,.pp-stage canvas{position:absolute;inset:0}.pp-hud{position:absolute;top:14px;left:50%;transform:translateX(-50%);display:flex;gap:14px;pointer-events:none}.pp-hud-pill{font-family:var(--font-display),cursive;font-weight:800;font-size:19px;color:var(--ink);background:var(--paper);border:3px solid var(--ink);border-radius:999px;padding:6px 18px;box-shadow:var(--shadow-sticker-sm)}.pp-hud-moves{background:var(--sky)}.pp-remix{position:absolute;bottom:14px;right:14px;font-family:var(--font-display),cursive;font-weight:700;font-size:15px;color:var(--ink);background:var(--paper);border:3px solid var(--ink);border-radius:999px;padding:8px 18px;cursor:pointer;box-shadow:var(--shadow-sticker-sm);transition:transform .12s ease}.pp-remix:hover{transform:translateY(-2px)}.pp-panel{position:absolute;left:50%;top:50%;background:var(--cream);border:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sticker);padding:26px 34px;text-align:center;max-width:min(86%,430px);animation:pp-pop .3s ease both;cursor:default}@keyframes pp-pop{0%{opacity:0;transform:translate(-50%,-44%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.pp-panel h2{margin:0 0 10px;font-size:clamp(24px,4vw,34px)}.pp-panel p{margin:0 0 18px;font-weight:700;font-size:15.5px}.pp-result{font-size:18px}