.pps-app{--pps-ink:#4a2a52;--pps-paper:#fffaff;--pps-pink:#ff6fa8;--pps-mint:#3fcf9f;--pps-lilac:#9a7cff;--pps-peach:#ff8f6b;--pps-blue:#4fb0ff;--pps-gold:#ffd24d;--play-accent:#e0508f;overflow:hidden;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100dvh;background:#f6dcff;color:#fff}.pps-scene{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:none}.pps-app:not([data-phase=play]) :is(.pps-head,.pps-tracker,.pps-card,.pps-gauge,.pps-now,.pps-thumb,.pps-hint,.pps-quit,.pps-toast,.pps-banner,.pps-floats){display:none}.pps-head{position:absolute;z-index:4;left:0;right:0;top:calc(env(safe-area-inset-top, 0px) + 10px);pointer-events:none;display:flex;align-items:center;gap:8px;padding:0 100px 0 12px}.pps-pill{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border-radius:20px;flex-shrink:0;background:rgba(74,42,82,.82);border:2px solid rgba(255,255,255,.92);box-shadow:0 3px 0 rgba(74,42,82,.25);color:#fff}.pps-pill b{font:800 19px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pps-pill small{font:800 10px/1 Playful,sans-serif;letter-spacing:1px;opacity:.8}.pps-scorepill{background:var(--pps-pink);min-width:104px}.pps-clockpill{flex-direction:column;justify-content:center;align-items:stretch;gap:3px;min-width:70px}.pps-clockpill b{font-size:16px;text-align:center}.pps-timetrack{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.22);overflow:hidden}.pps-timetrack i{display:block;height:100%;background:#8ff0c8;transform-origin:left;transition:background .3s}.pps-timetrack i[data-level=mid]{background:var(--pps-gold)}.pps-timetrack i[data-level=low]{background:#ff6f8a}.pps-hurry .pps-clockpill{animation:pps-pulse .5s ease-in-out infinite alternate;border-color:#ffb0c4}@keyframes pps-pulse{to{transform:scale(1.07)}}.pps-tracker{position:absolute;z-index:4;left:12px;right:12px;top:calc(env(safe-area-inset-top, 0px) + 58px);pointer-events:none;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;padding:6px 12px;border-radius:16px;background:rgba(255,250,255,.86);border:2px solid #fff;box-shadow:0 3px 0 rgba(74,42,82,.16);color:var(--pps-ink);max-width:440px;margin:0 auto}.pps-tracker,.pps-tracker-row{display:flex;align-items:center}.pps-tracker-row{gap:7px}.pps-tracker small{font:800 11px/1 Playful,sans-serif;letter-spacing:1px;color:#8a6a9a}.pps-tracker small b{color:var(--pps-ink);font-size:13px}.pps-dots{display:flex;gap:3px}.pps-dots i{width:11px;height:11px;border-radius:50%;background:#eadff2;box-shadow:inset 0 0 0 2px rgba(74,42,82,.1)}.pps-dots i[data-type=jelly]{box-shadow:inset 0 0 0 2px #7fe0c4}.pps-dots i[data-type=bouncy]{box-shadow:inset 0 0 0 2px #ffa98e}.pps-dots i[data-type=wobble]{box-shadow:inset 0 0 0 2px #c7a6ff}.pps-dots i[data-state=perfect]{background:radial-gradient(circle at 35% 35%,#fff6b0,var(--pps-gold));box-shadow:0 0 6px #ffd24d}.pps-dots i[data-state=good]{background:radial-gradient(circle at 35% 35%,#ffd0e6,var(--pps-pink))}.pps-dots i[data-state=late]{background:#c9b8e8}.pps-dots i[data-state=missed]{background:#9a8aa6;box-shadow:none}.pps-ouch{display:flex;gap:3px}.pps-ouch i{width:18px;height:9px;border-radius:5px;background:#eadff2;box-shadow:inset 0 0 0 2px rgba(74,42,82,.1);transition:background .2s}.pps-ouch i.on{background:linear-gradient(#ff8fa8,#ff4f78);box-shadow:0 0 6px rgba(255,79,120,.6);animation:pps-pop .35s cubic-bezier(.3,1.8,.5,1)}@keyframes pps-pop{0%{transform:scale(1.8)}}.pps-chain{padding:3px 8px;border-radius:9px;background:var(--pps-lilac);color:#fff;font:800 11px/1 Playful,sans-serif;letter-spacing:1px;opacity:0;transform:scale(.6);transition:transform .25s cubic-bezier(.3,1.6,.5,1),opacity .2s}.pps-chain.show{opacity:1;transform:scale(1)}.pps-card{position:absolute;z-index:4;left:50%;top:calc(env(safe-area-inset-top, 0px) + 104px);transform:translate(-50%,-8px) scale(.92);opacity:0;display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 14px 7px;border-radius:14px;pointer-events:none;white-space:nowrap;background:#fff;color:var(--pps-ink);border:2px solid #7fe0c4;box-shadow:0 3px 0 rgba(74,42,82,.2);transition:opacity .2s,transform .25s cubic-bezier(.3,1.5,.5,1)}.pps-card.show{opacity:1;transform:translate(-50%) scale(1)}.pps-card[data-type=bouncy]{border-color:#ffa98e}.pps-card[data-type=wobble]{border-color:#c7a6ff}.pps-card b{font:800 16px/1.05 Playful,sans-serif}.pps-card span{font:700 12px/1.2 Playful,sans-serif;color:#7a5a8a}.pps-card small{font:800 10px/1.1 Playful,sans-serif;letter-spacing:1px;color:#a98bbf;text-transform:uppercase}.pps-card small.limited{color:#e0508f}.pps-gauge{position:absolute;z-index:4;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 14px);transform:translate(-50%,20px);opacity:0;width:min(360px,calc(100vw - 24px));padding:9px 14px 8px;border-radius:20px;pointer-events:none;background:rgba(255,250,255,.93);color:var(--pps-ink);border:2px solid #fff;box-shadow:0 4px 0 rgba(74,42,82,.2);transition:opacity .25s,transform .3s cubic-bezier(.3,1.4,.5,1)}.pps-app[data-step=squeeze] .pps-gauge{opacity:1;transform:translate(-50%)}.pps-meter-label{display:flex;justify-content:space-between;margin-bottom:4px}.pps-meter-label small{font:800 10px/1 Playful,sans-serif;letter-spacing:1.4px;color:#8a6a9a}.pps-ripe{opacity:0;color:#c98a00!important}.pps-gauge[data-zone=ready] .pps-ripe{opacity:1;animation:pps-blink .25s steps(2) infinite}@keyframes pps-blink{50%{opacity:.3}}.pps-meter{position:relative;height:20px;border-radius:10px;background:#efe6f4;box-shadow:inset 0 2px 0 rgba(74,42,82,.1);overflow:hidden}.pps-meter>i{position:absolute;top:0;bottom:0;display:block}.pps-green{background:rgba(63,207,159,.35);box-shadow:inset 0 0 0 2px var(--pps-mint);border-radius:6px;overflow:hidden}.pps-fill{position:absolute;inset:0;display:block;background:linear-gradient(90deg,#6fe6bf,var(--pps-mint));transform-origin:left;transform:scaleX(0)}.pps-gauge[data-zone=ready] .pps-fill{background:linear-gradient(90deg,#ffe680,var(--pps-gold))}.pps-amber{background:repeating-linear-gradient(-45deg,rgba(255,196,90,.5) 0 5px,rgba(255,196,90,.25) 5px 10px)}.pps-red{right:0;background:repeating-linear-gradient(-45deg,#ff6f8a 0 5px,#ff95a8 5px 10px)}.pps-needle{width:6px;margin-left:-3px;top:-2px!important;bottom:-2px!important;border-radius:3px;background:var(--pps-ink);box-shadow:0 0 0 2px #fff;transition:left .05s linear}.pps-gauge[data-zone=green] .pps-needle{background:#13875f}.pps-gauge[data-zone=over] .pps-needle{background:#e0204a}.pps-gauge[data-zone=over] .pps-meter{animation:pps-shake .12s linear infinite}@keyframes pps-shake{50%{transform:translateX(2px)}}.pps-balance-row{display:flex;align-items:center;gap:8px;margin-top:8px}.pps-side{position:relative;width:16px;height:26px;border-radius:5px;background:#efe6f4;overflow:hidden;flex-shrink:0}.pps-side i{position:absolute;left:0;right:0;bottom:0;top:0;display:block;transform-origin:bottom;transform:scaleY(0)}.pps-side.l i{background:var(--pps-blue)}.pps-side.r i{background:var(--pps-peach)}.pps-balance{position:relative;flex:1 1;height:12px;border-radius:6px;background:linear-gradient(90deg,rgba(79,176,255,.35),#efe6f4 40% 60%,rgba(255,143,107,.35))}.pps-balance i{position:absolute;display:block}.pps-band{top:-3px;bottom:-3px;border-radius:6px;background:rgba(63,207,159,.3);box-shadow:inset 0 0 0 2px var(--pps-mint)}.pps-mid{left:50%;top:-4px;bottom:-4px;width:2px;margin-left:-1px;background:rgba(74,42,82,.25)}.pps-dot{top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--pps-ink);transition:left .05s linear}.pps-lean{display:block;margin-top:5px;text-align:center;font:800 11px/1 Playful,sans-serif;letter-spacing:1.2px;color:#8a6a9a}.pps-now{position:absolute;z-index:6;left:0;top:0;pointer-events:none;opacity:0;padding:8px 16px;border-radius:18px;background:var(--pps-gold);color:var(--pps-ink);border:3px solid #fff;font:800 26px/1 Playful,sans-serif;letter-spacing:1px;box-shadow:0 4px 0 #c98a00,0 8px 20px rgba(74,42,82,.3);white-space:nowrap}.pps-now:after{content:"";position:absolute;left:50%;bottom:-12px;margin-left:-9px;border:9px solid transparent;border-top-color:#fff;border-bottom:0}.pps-now.show{opacity:1;animation:pps-now .3s cubic-bezier(.3,1.8,.5,1)}@keyframes pps-now{0%{font-size:10px}}.pps-thumb{position:absolute;z-index:5;left:0;top:0;width:0;height:0;pointer-events:none;opacity:0;transition:opacity .12s}.pps-thumb.show{opacity:1}.pps-thumb i,.pps-thumb:before{content:"";position:absolute;left:-32px;top:-32px;width:64px;height:64px;border-radius:50%;box-sizing:border-box}.pps-thumb:before{border:4px solid var(--c,#fff);background:rgba(255,255,255,.18);box-shadow:0 0 12px rgba(74,42,82,.3)}.pps-thumb i{background:var(--c,#fff);opacity:.6;transform:scale(var(--lv,0))}.pps-thumb.l{--c:var(--pps-blue)}.pps-thumb.r{--c:var(--pps-peach)}.pps-thumb.m{--c:#fff}.pps-thumb.l:after,.pps-thumb.r:after{content:"";position:absolute;top:-9px;border:9px solid transparent}.pps-thumb.l:after{left:36px;border-left:13px solid var(--pps-blue);border-right:0}.pps-thumb.r:after{right:36px;border-right:13px solid var(--pps-peach);border-left:0}.pps-hint{position:absolute;z-index:5;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 22px);transform:translateX(-50%);opacity:0;padding:8px 14px;border-radius:14px;background:rgba(74,42,82,.8);color:#fff;font:800 14px/1.2 Playful,sans-serif;white-space:nowrap;pointer-events:none;transition:opacity .2s,bottom .3s}.pps-hint.show{opacity:1}.pps-app[data-step=squeeze] .pps-hint{bottom:calc(env(safe-area-inset-bottom, 0px) + 150px)}.pps-floats{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden}.pps-float{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;opacity:0;font:800 28px/1 Playful,sans-serif;color:#fff;-webkit-text-stroke:1.5px var(--pps-ink);paint-order:stroke fill;text-shadow:0 3px 0 rgba(74,42,82,.45);animation:pps-float 1.3s cubic-bezier(.2,1.2,.4,1) forwards}.pps-float.big{font-size:36px;color:#fff3a0}.pps-float.perfect{font-size:20px;color:var(--pps-gold)}.pps-float.good{font-size:19px;color:#ffc2dc}.pps-float.late{font-size:17px;color:#d8ccff}.pps-float.ouch{font-size:30px;color:#ff8fa8}@keyframes pps-float{0%{opacity:0;transform:translate(-50%,-30%) scale(.5)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}25%,70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-160%) scale(.95)}}.pps-toast{position:absolute;z-index:7;left:50%;top:calc(env(safe-area-inset-top, 0px) + 160px);transform:translate(-50%);opacity:0;pointer-events:none;padding:8px 16px;border-radius:16px;font:800 16px/1.1 Playful,sans-serif;white-space:nowrap;background:rgba(74,42,82,.92);color:#fff;border:2px solid rgba(255,255,255,.9)}.pps-toast[data-kind=good]{background:#23a77a}.pps-toast[data-kind=bad]{background:#e03c68}.pps-toast[data-kind=warn]{background:#b46ae0}.pps-toast.show{animation:pps-toast 1.7s ease forwards}@keyframes pps-toast{0%{opacity:0;transform:translate(-50%,12px) scale(.85)}12%,75%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-14px)}}.pps-banner{position:absolute;z-index:7;left:50%;top:40%;transform:translate(-50%,-50%) rotate(-4deg) scale(.5);opacity:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 26px 16px;border-radius:24px;background:linear-gradient(135deg,#ff7eb6,#b28cff);color:#fff;border:4px solid #fff;box-shadow:0 7px 0 #8a4fb8,0 16px 40px rgba(74,42,82,.3)}.pps-banner b{font:800 38px/1 Playful,sans-serif;letter-spacing:1px;text-shadow:0 3px 0 #8a4fb8;white-space:nowrap}.pps-banner span{font:800 15px/1.2 Playful,sans-serif;text-align:center}.pps-banner.show{animation:pps-banner 2.3s cubic-bezier(.3,1.4,.5,1) forwards}@keyframes pps-banner{0%{opacity:0;transform:translate(-50%,-50%) rotate(-12deg) scale(.4)}14%{opacity:1;transform:translate(-50%,-50%) rotate(-3deg) scale(1.08)}22%,82%{opacity:1;transform:translate(-50%,-50%) rotate(-4deg) scale(1)}to{opacity:0;transform:translate(-50%,-70%) rotate(-4deg) scale(.9)}}.pps-corner{position:absolute;z-index:8;top:calc(env(safe-area-inset-top, 0px) + 10px);right:12px;display:flex;gap:6px}.pps-app[data-phase=loading] .pps-corner{display:none}.pps-icon-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#fff;background:rgba(74,42,82,.82);border:2px solid rgba(255,255,255,.9);box-shadow:0 3px 0 rgba(0,0,0,.2)}.pps-icon-btn .off{display:none}.pps-icon-btn[aria-pressed=true] .off{display:block}.pps-icon-btn[aria-pressed=true] .on{display:none}.pps-app:not([data-phase=play]) .pps-corner{top:calc(env(safe-area-inset-top, 0px) + 14px)}.pps-app .overlay{background:linear-gradient(180deg,rgba(255,220,240,.05),rgba(74,42,82,.45));backdrop-filter:none;-webkit-backdrop-filter:none}.pps-app .pps-loading{background:linear-gradient(#ffe0ee,#e9d8ff 60%,#cfe6ff)}.pps-panel{position:relative;width:min(400px,100%);margin:auto;padding:22px 22px 20px;border-radius:30px;text-align:center;color:var(--pps-ink);background:var(--pps-paper);border:4px solid #fff;box-shadow:0 8px 0 rgba(74,42,82,.3),0 20px 50px rgba(74,42,82,.3)}.pps-panel:before{content:"";position:absolute;inset:7px;border:2px dashed rgba(255,111,168,.4);border-radius:23px;pointer-events:none}.pps-kicker{font:800 12px/1 Playful,sans-serif;letter-spacing:2px;color:#c0509a}.pps-title{margin:8px 0 6px;font:800 44px/.92 Playful,sans-serif;color:#fff;letter-spacing:-1px;-webkit-text-stroke:2px var(--pps-ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--pps-pink);transform:rotate(-3deg)}.pps-title span{font-size:56px;color:#ffd8ea;text-shadow:0 5px 0 var(--pps-lilac)}.pps-blurb{margin:10px 0 12px;font:700 15px/1.35 Playful,sans-serif;color:#7a5a8a}.pps-rules{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-gap:8px;gap:8px;text-align:left}.pps-rules li{display:grid;grid-template-columns:28px 1fr;grid-column-gap:10px;column-gap:10px;font:600 13px/1.3 Playful,sans-serif;color:#7a5a8a}.pps-rules li p{margin:0}.pps-rules li b{display:block}.pps-rules li span{width:28px;height:28px;border-radius:50%;background:var(--pps-mint);color:#fff;display:grid;place-items:center;font:800 16px/1 Playful,sans-serif}.pps-rules li:nth-child(2) span{background:var(--pps-blue)}.pps-rules li:nth-child(3) span{background:var(--pps-gold);color:var(--pps-ink)}.pps-rules li:nth-child(4) span{background:var(--pps-pink)}.pps-rules li b{font:800 15px/1.1 Playful,sans-serif;color:var(--pps-ink)}.pps-rules em{font-style:normal;font-weight:800;color:#c98a00}.pps-app button.big{position:relative;width:100%;background:linear-gradient(#ff8cc0,#e8508f);color:#fff;border-color:#ffd9ea;box-shadow:inset 0 3px 0 rgba(255,255,255,.35),0 5px 0 #a8326a}.pps-app button.big:active{box-shadow:0 1px 0 #a8326a}.pps-toggle{position:relative;margin-top:12px;padding:8px 12px;border-radius:14px;cursor:pointer;width:100%;background:#f3ecfa;border:2px solid #e4d6f2;color:#7a5a8a;font:700 13px/1.2 Playful,sans-serif}.pps-toggle b{color:var(--pps-ink)}.pps-toggle[aria-pressed=true]{background:#e6fbf3;border-color:var(--pps-mint)}.pps-toggle[aria-pressed=true] b{color:#13875f}.pps-best{margin:10px 0 0;font:700 13px/1.3 Playful,sans-serif;color:#8a6a9a}.pps-link-btn{position:relative;margin-top:10px;background:none;border:0;color:#c0509a;font:800 15px/1 Playful,sans-serif;text-decoration:underline;cursor:pointer;padding:6px 8px}.pps-r-face{position:relative;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:6px;gap:6px;width:min(240px,80%);margin:12px auto 4px;padding:10px;border-radius:18px;background:radial-gradient(circle at 50% 40%,#fff3ee,#ffe0d4);box-shadow:inset 0 0 0 2px #ffd0c0}.pps-r-face i{aspect-ratio:1;border-radius:50%;background:#f0e2ea;box-shadow:inset 0 0 0 2px rgba(74,42,82,.1);animation:pps-in .4s cubic-bezier(.3,1.6,.5,1) both;animation-delay:calc(var(--i) * .06s)}.pps-r-face i[data-state=perfect]{background:radial-gradient(circle at 35% 35%,#fffbd0,var(--pps-gold));box-shadow:0 0 8px #ffd24d}.pps-r-face i[data-state=good]{background:radial-gradient(circle at 35% 35%,#ffe0ef,var(--pps-pink))}.pps-r-face i[data-state=late]{background:#cdbdf0}.pps-r-face i[data-state=missed]{background:#a898b4}@keyframes pps-in{0%{transform:scale(0)}}.pps-result-title{position:relative;margin:0;font:800 32px/1 Playful,sans-serif;color:var(--pps-pink)}.pps-result-line{margin:6px 0 8px;font:700 14px/1.35 Playful,sans-serif;color:#7a5a8a}.pps-result-big{display:flex;align-items:baseline;justify-content:center;gap:8px}.pps-result-big b{font:800 56px/1 Playful,sans-serif;color:var(--pps-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pps-result-big span{font:800 18px/1 Playful,sans-serif;color:#c0509a}.pps-result-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px 10px;gap:6px 10px;margin:10px 0 14px}.pps-result-list div{display:flex;justify-content:space-between;padding:6px 10px;border-radius:10px;background:#f6ecfa;font:700 14px/1.2 Playful,sans-serif}.pps-result-list div:last-child{grid-column:span 2}.pps-result-list dt{color:#8a6a9a}.pps-result-list dd{margin:0;color:var(--pps-ink);font-weight:800}.pps-app .share-btn{position:relative;width:100%;color:#c0509a}@media (min-width:900px){.pps-head{padding-left:24px;top:18px}.pps-tracker{top:18px;left:50%;right:auto;transform:translateX(-50%)}.pps-card{top:76px}.pps-toast{top:132px}}@media (max-height:700px) and (max-width:700px){.pps-rules li{font-size:12px}.pps-title{font-size:36px}.pps-title span{font-size:46px}}