.pp-input{z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:absolute;inset:0}.pp-input[hidden]{display:none}.pp-stick-zone{top:var(--pp-stick-top,var(--pp-top-h,80px));pointer-events:auto;touch-action:none;width:50%;position:absolute;bottom:0;left:0}.pp-input.pp-swap .pp-stick-zone{left:auto;right:0}.pp-stick-hint{left:max(18px, env(safe-area-inset-left));bottom:calc(var(--pp-strip-pad,22px) + env(safe-area-inset-bottom));pointer-events:none;border:2px dashed #f4eede4d;border-radius:50%;width:96px;height:96px;transition:opacity .12s;position:absolute}.pp-input.pp-swap .pp-stick-hint{left:auto;right:max(18px, env(safe-area-inset-right))}.pp-stick-zone.pp-active .pp-stick-hint{opacity:0}.pp-stick-base,.pp-stick-knob{pointer-events:none;will-change:transform;border-radius:50%;display:none;position:absolute;top:0;left:0}.pp-stick-base{background:#f4eede1f;border:2px solid #f4eede8c;width:112px;height:112px;margin:-56px 0 0 -56px;box-shadow:0 0 0 4px #1b244059}.pp-stick-knob{background:#4fd8e8;border:3px solid #f4eede;width:52px;height:52px;margin:-26px 0 0 -26px;box-shadow:0 2px 8px #0006}.pp-stick-zone.pp-active .pp-stick-base,.pp-stick-zone.pp-active .pp-stick-knob{display:block}.pp-place-btn{right:max(20px, env(safe-area-inset-right));bottom:calc(var(--pp-strip-pad,22px) + env(safe-area-inset-bottom));color:#fff7ea;pointer-events:auto;touch-action:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 35% 30%,#ff9a7a,#ff6a45 70%);border:4px solid #f4eede;border-radius:50%;justify-content:center;align-items:center;width:92px;height:92px;padding:0;transition:transform 50ms,box-shadow 50ms,opacity .15s;display:flex;position:absolute;box-shadow:0 6px #b8421f,0 10px 18px #00000059}.pp-input.pp-swap .pp-place-btn{right:auto;left:max(20px, env(safe-area-inset-left))}.pp-place-btn svg{pointer-events:none;width:46px;height:46px}.pp-place-btn.pp-pressed{filter:brightness(1.12);transform:translateY(5px)scale(.96);box-shadow:0 1px #b8421f,0 3px 8px #00000059}[data-can-place=false] .pp-place-btn:not(.pp-pressed){opacity:.55}.pp-place-btn:focus-visible{outline-offset:3px;outline:3px solid #4fd8e8}@media (max-height:620px){.pp-place-btn{width:80px;height:80px}.pp-place-btn svg{width:40px;height:40px}.pp-stick-hint{width:84px;height:84px}}:root{--pp-dusk:#29245a;--pp-dusk-2:#383276;--pp-dusk-3:#4b4598;--pp-ink:#1c1742;--pp-coral:#ff6a45;--pp-cyan:#4fd8e8;--pp-cream:#f4eede;--pp-amber:#ffd35c;--pp-line:#f4eede47;--pp-bar:50px;--pp-stats-h:30px;--pp-sky-top:#6f86e8;--pp-sky-mid:#a8b4fb;--pp-sky-low:#f3c4e4;--pp-plum:#3d2f6b;--pp-plum-2:#6f64a3;--pp-lilac-d:#c6c3f0;--pp-peri:#8e95ea;--pp-peri-d:#6c70cf;--pp-glacier:#3fc8f0;--pp-sun:#ffc93c}html,body{overscroll-behavior:none;touch-action:none;-webkit-text-size-adjust:100%;background:#7c8fe0;height:100%;margin:0;overflow:hidden}.pp-root{color:var(--pp-cream);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;--pp-top-h:80px;--pp-strip-h:128px;--pp-strip-pad:22px;background:#7c8fe0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;font-size:16px;line-height:1.3;position:fixed;inset:0;overflow:hidden}.pp-root.pp-compact{--pp-bar:48px;--pp-stats-h:26px}.pp-root *,.pp-root :before,.pp-root :after{box-sizing:border-box}.pp-root [hidden]{display:none!important}.pp-root button,.pp-root input{font:inherit;color:inherit}.pp-root input[type=text]{-webkit-user-select:text;user-select:text}.pp-root :focus-visible{outline:3px solid var(--pp-cyan);outline-offset:2px}.pp-ui{z-index:20;pointer-events:none;position:absolute;inset:0}.pp-probe{visibility:hidden;width:0;height:0;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);position:absolute}.pp-icon{flex:none;width:24px;height:24px;display:block}.pp-hud{pointer-events:none;position:absolute;inset:0}.pp-topbar{top:env(safe-area-inset-top,0px);left:env(safe-area-inset-left,0px);right:env(safe-area-inset-right,0px);height:var(--pp-bar);grid-template-columns:1fr auto 1fr;align-items:center;padding:0 10px;display:grid;position:absolute}.pp-iconbtn{border:2px solid var(--pp-line);cursor:pointer;pointer-events:auto;background:#241d52b8;border-radius:14px;justify-content:center;justify-self:start;align-items:center;width:44px;height:44px;padding:0;display:flex}.pp-iconbtn:active{background:var(--pp-dusk-3);transform:translateY(1px)}.pp-timer,.pp-alive{border:2px solid var(--pp-line);font-variant-numeric:tabular-nums;background:#241d52b8;border-radius:999px;align-items:center;gap:6px;height:36px;padding:0 12px;font-weight:800;display:flex}.pp-timer{justify-content:center;min-width:96px;font-size:20px}.pp-timer .pp-icon{width:20px;height:20px;color:var(--pp-cyan)}.pp-alive{justify-self:end;font-size:18px}.pp-alive .pp-icon{width:22px;height:22px;color:var(--pp-coral)}.pp-timer.pp-low{color:var(--pp-amber);border-color:var(--pp-amber)}.pp-overtime .pp-timer{color:var(--pp-coral);border-color:var(--pp-coral);animation:1s ease-in-out infinite pp-pulse}.pp-stats{top:calc(env(safe-area-inset-top,0px) + var(--pp-bar));height:var(--pp-stats-h);justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;left:0;right:0}.pp-chip{height:calc(var(--pp-stats-h) - 4px);border:2px solid var(--pp-line);font-variant-numeric:tabular-nums;background:#241d52b8;border-radius:999px;align-items:center;gap:5px;padding:0 10px 0 7px;font-size:14px;font-weight:800;display:flex}.pp-chip .pp-icon{width:18px;height:18px}.pp-chip-cap .pp-icon{color:var(--pp-cream)}.pp-chip-range .pp-icon{color:var(--pp-cyan)}.pp-chip-speed .pp-icon{color:var(--pp-amber)}.pp-countdown{top:var(--pp-top-h);bottom:var(--pp-strip-h);color:var(--pp-cream);text-shadow:0 6px 0 var(--pp-coral), 0 10px 24px #00000080;pointer-events:none;justify-content:center;align-items:center;font-size:128px;font-weight:900;animation:.55s cubic-bezier(.2,1.4,.4,1) pp-pop;display:flex;position:absolute;left:0;right:0}.pp-countdown.pp-go{color:var(--pp-amber);font-size:72px}.pp-toasts{top:calc(var(--pp-top-h) + 8px);pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding:0 12px;display:flex;position:absolute;left:0;right:0}.pp-toast{max-width:100%;color:var(--pp-plum);box-shadow:0 4px 0 var(--pp-lilac-d), 0 8px 18px #3d2f6b33;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 16px 8px 12px;font-size:15px;font-weight:800;animation:.25s ease-out pp-toast-in;display:flex}.pp-k-info:before{content:"";background:var(--pp-glacier);border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 0 3px #3fc8f040}.pp-toast .pp-icon{width:20px;height:20px}.pp-k-warn{color:#b8361a;box-shadow:inset 0 0 0 3px var(--pp-coral), 0 4px 0 #d94a2c73, 0 8px 18px #3d2f6b33}.pp-k-warn .pp-icon{color:var(--pp-coral)}.pp-k-powerup{padding:6px 18px 6px 6px;animation:.4s cubic-bezier(.2,1.4,.4,1) pp-pop}.pp-pu-icon{color:#fff;background:linear-gradient(#ff9a6e,#ff6a45);border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:inset 0 2px #ffffff73,0 2px #d94a2c}.pp-pu-icon .pp-icon{width:24px;height:24px}.pp-pu-range .pp-pu-icon{background:linear-gradient(#7eeaf5,#3fc8f0);box-shadow:inset 0 2px #ffffff73,0 2px #1f97c7}.pp-pu-speed .pp-pu-icon{color:var(--pp-plum);background:linear-gradient(#ffe08a,#ffc93c);box-shadow:inset 0 2px #ffffff80,0 2px #e39a1c}.pp-pu-text{text-align:left;flex-direction:column;line-height:1.2;display:flex}.pp-pu-text small{color:var(--pp-plum-2);font-size:13px;font-weight:700}.pp-hint{width:max-content;max-width:min(240px,50% - 16px);color:var(--pp-plum);text-align:center;box-shadow:0 5px 0 var(--pp-lilac-d), 0 10px 20px #3d2f6b38;pointer-events:none;background:#fff;border-radius:18px;padding:10px 16px;font-size:16px;font-weight:900;animation:1.4s ease-in-out infinite pp-bob;position:absolute}.pp-hint.pp-t-arena{max-width:min(300px,100% - 32px);left:50%;top:calc(var(--pp-top-h) + (100% - var(--pp-top-h) - var(--pp-strip-h)) * .5);translate:-50% -50%}.pp-hint.pp-t-joystick,.pp-hint.pp-t-button{bottom:calc(var(--pp-strip-h) + 4px)}.pp-hint.pp-t-joystick{left:max(10px, env(safe-area-inset-left,0px))}.pp-hint.pp-t-button{right:max(10px, env(safe-area-inset-right,0px))}.pp-hint.pp-t-joystick.pp-swap{left:auto;right:max(10px, env(safe-area-inset-right,0px))}.pp-hint.pp-t-button.pp-swap{right:auto;left:max(10px, env(safe-area-inset-left,0px))}.pp-hint.pp-t-joystick:after,.pp-hint.pp-t-button:after{content:"";border:10px solid #0000;border-top-color:#fff;border-bottom:0;position:absolute;bottom:-9px}.pp-hint.pp-t-joystick:after{left:48px}.pp-hint.pp-t-button:after{right:48px}.pp-hint.pp-t-joystick.pp-swap:after{left:auto;right:48px}.pp-hint.pp-t-button.pp-swap:after{left:48px;right:auto}.pp-ring{width:108px;height:108px;bottom:calc(var(--pp-strip-pad) + env(safe-area-inset-bottom,0px) - 8px);pointer-events:none;border:4px solid #fff;border-radius:50%;animation:1.1s ease-in-out infinite pp-ring;position:absolute;box-shadow:0 0 0 4px #3fc8f0d9,0 0 22px #3fc8f0a6}.pp-ring.pp-t-joystick{left:calc(max(18px, env(safe-area-inset-left,0px)) - 6px)}.pp-ring.pp-t-button{right:calc(max(20px, env(safe-area-inset-right,0px)) - 8px)}.pp-ring.pp-t-joystick.pp-swap{left:auto;right:calc(max(18px, env(safe-area-inset-right,0px)) - 6px)}.pp-ring.pp-t-button.pp-swap{right:auto;left:calc(max(20px, env(safe-area-inset-left,0px)) - 8px)}.pp-compact .pp-ring{width:96px;height:96px}.pp-screens,.pp-modals{pointer-events:none;position:absolute;inset:0}.pp-modals{z-index:2}.pp-screen,.pp-rotate{touch-action:pan-y;padding:calc(env(safe-area-inset-top,0px) + 16px) calc(env(safe-area-inset-right,0px) + 16px) calc(env(safe-area-inset-bottom,0px) + 16px) calc(env(safe-area-inset-left,0px) + 16px);pointer-events:auto;color:var(--pp-plum);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden auto}.pp-bg{background:radial-gradient(ellipse 90% 40% at 50% 100%, #ffdef0d9, transparent 70%), radial-gradient(ellipse 70% 30% at 15% 0%, #ffffff38, transparent 70%), linear-gradient(180deg, var(--pp-sky-top) 0%, var(--pp-sky-mid) 52%, var(--pp-sky-low) 100%)}.pp-dim{background:linear-gradient(#6070d69e,#baa0e699 60%,#f3c4e4a3)}.pp-center{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:340px;margin:auto;display:flex;position:relative}.pp-sky{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.pp-deco,.pp-spark{display:block;position:absolute}.pp-deco>svg{width:100%;height:auto;display:block}.pp-cloud{animation:9s ease-in-out infinite alternate pp-drift}.pp-c1{width:128px;top:7%;left:-7%}.pp-c2{width:150px;animation-duration:11s;animation-direction:alternate-reverse;top:19%;right:-9%}.pp-c3{bottom:calc(var(--pp-horizon-h,40px) * .5);opacity:.9;width:116px;animation-duration:13s;right:-13%}.pp-planet-ring{width:62px;animation:6s ease-in-out infinite pp-float;top:2.5%;left:7%}.pp-planet-mint{width:40px;animation:5s ease-in-out -2s infinite pp-float;top:12%;right:22%}.pp-planet-teal{bottom:calc(var(--pp-horizon-h,70px) * .62);width:66px;animation:7s ease-in-out -1s infinite pp-float;left:4%}.pp-rock{width:16px;animation:8s linear infinite pp-tumble}.pp-r1{top:30%;left:8%}.pp-r2{width:11px;animation-duration:11s;animation-direction:reverse;top:8%;right:38%}.pp-spark{animation:pp-twinkle 2.4s ease-in-out var(--d,0s) infinite}.pp-horizon{height:var(--pp-horizon-h,clamp(110px, 21vh, 200px));bottom:0;left:0;right:0}.pp-horizon>svg{width:100%;height:100%}.pp-bot{transform-box:fill-box;transform-origin:50% 100%;animation:2.2s ease-in-out infinite pp-hop-bot}.pp-bot-b{animation-delay:-1.1s}.pp-brand{flex-direction:column;align-items:center;gap:4px;display:flex}.pp-logo{filter:drop-shadow(0 6px #544caa47);flex:none;width:132px;height:117px;overflow:visible}.pp-logo-gem{transform-box:fill-box;transform-origin:50% 100%;animation:2.6s ease-in-out infinite pp-gem}.pp-logo-spark{transform-box:fill-box;transform-origin:50%;animation:2.2s ease-in-out infinite pp-twinkle}.pp-logo-spark.pp-d2{animation-delay:-1.1s}.pp-home .pp-logo{animation:4.5s ease-in-out infinite pp-float}.pp-title{letter-spacing:0;justify-content:center;gap:1px;margin:0;font-size:52px;font-weight:900;line-height:1.12;display:flex}.pp-title-ch{color:var(--c,#fff);-webkit-text-stroke:9px var(--pp-plum);paint-order:stroke fill;text-shadow:0 5px 0 var(--pp-plum), 0 10px 0 #3d2f6b29;transform:rotate(var(--r,-4deg));animation:pp-hop 3.4s ease-in-out calc(var(--i,0) * .16s) infinite;display:inline-block}.pp-title-ch:nth-child(2n){--r:4deg}.pp-en{color:var(--pp-peri-d);letter-spacing:4px;box-shadow:0 3px 0 var(--pp-lilac-d);background:#fff;border-radius:999px;margin:4px 0 0;padding:3px 14px 4px;font-size:14px;font-weight:900}.pp-sub{letter-spacing:1px;color:#fff;text-shadow:0 1px #3d2f6b73;margin:0;font-size:14px;font-weight:800}.pp-hint-text,.pp-detail{color:var(--pp-plum-2);margin:0;font-size:15px;font-weight:600}.pp-loading .pp-hint-text{color:#fff;text-shadow:0 1px #3d2f6b66}.pp-menu{flex-direction:column;gap:14px;width:100%;margin-top:8px;display:flex}.pp-mode-row{gap:10px;width:100%;display:flex}.pp-mode-row>.pp-btn{flex:1 1 0;min-width:0;padding:0 10px}.pp-btn{--b1:#fff;--b2:#eceaff;--b3:#b9bbef;--bt:var(--pp-plum);isolation:isolate;background:linear-gradient(180deg, var(--b1), var(--b2));min-height:54px;color:var(--bt);cursor:pointer;box-shadow:inset 0 -4px 0 #00000012, 0 6px 0 var(--b3), 0 11px 16px #3d2f6b33;border:0;border-radius:20px;flex-wrap:nowrap;justify-content:center;align-items:center;gap:0 10px;padding:8px 20px;font-size:18px;font-weight:900;transition:transform 60ms,box-shadow 60ms;display:flex;position:relative}.pp-root .pp-btn{color:var(--bt)}.pp-btn:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#ffffff8c,#ffffff14);border-radius:999px;height:38%;position:absolute;top:4px;left:10px;right:10px}.pp-btn:active{box-shadow:inset 0 -3px 0 #00000012, 0 1px 0 var(--b3), 0 3px 6px #3d2f6b33;transform:translateY(5px)}.pp-btn:has(.pp-btn-sub){flex-wrap:wrap}.pp-btn-lg{border-radius:24px;min-height:64px;font-size:22px}.pp-btn-sm{border-radius:16px;min-height:44px;padding:4px 14px;font-size:16px}.pp-btn-sm:before{top:3px}.pp-btn-sub{text-align:center;opacity:.92;flex-basis:100%;font-size:12px;font-weight:800}.pp-root .pp-btn-primary{--b1:#ff9b6f;--b2:#ff6a45;--b3:#d94a2c;--bt:#fff;text-shadow:0 2px #aa34188c}.pp-root .pp-btn-secondary{--b1:#8ef0f8;--b2:#3fc8f0;--b3:#1f97c7;--bt:#183a66}.pp-root .pp-btn-grape{--b1:#c8b2ff;--b2:#9b7bff;--b3:#7a5be0;--bt:#fff;text-shadow:0 2px #5434b08c}.pp-root .pp-btn-ghost{--b1:#fff;--b2:#eeecff;--b3:var(--pp-lilac-d);--bt:var(--pp-plum)}.pp-btn-primary.pp-btn-lg .pp-icon{width:30px;height:30px;color:var(--pp-coral);filter:drop-shadow(0 2px #aa341859);background:#fff;border-radius:50%;padding:6px 5px 6px 7px}.pp-card{color:var(--pp-plum);box-shadow:0 6px 0 var(--pp-lilac-d), 0 18px 30px #3d2f6b2e;background:#fffffff0;border-radius:28px;flex-direction:column;gap:12px;padding:14px 14px 18px;display:flex}.pp-card-title{text-align:left;align-items:center;gap:8px;font-size:19px;font-weight:900;display:flex}.pp-card-title .pp-icon{color:#fff;width:32px;height:32px;box-shadow:0 2px 0 var(--pp-peri-d);background:linear-gradient(#a3a9ff,#7f86e0);border-radius:11px;padding:5px}.pp-picker-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.pp-picker-label,.pp-row-label{font-size:16px;font-weight:800}.pp-seg{background:#eceaff;border-radius:16px;gap:4px;padding:4px;display:inline-flex;box-shadow:inset 0 2px #3d2f6b1a}.pp-seg-btn{min-width:48px;height:44px;color:var(--pp-plum-2);cursor:pointer;background:0 0;border:0;border-radius:12px;padding:0 12px;font-size:18px;font-weight:900}.pp-root .pp-seg-btn{color:var(--pp-plum-2)}.pp-root .pp-seg-btn.pp-on{color:#fff;box-shadow:inset 0 2px 0 #fff6, 0 3px 0 var(--pp-peri-d);background:linear-gradient(#a9afff,#7f86e0)}.pp-root .pp-home-gear{top:calc(env(safe-area-inset-top,0px) + 10px);right:calc(env(safe-area-inset-right,0px) + 12px);z-index:2;width:50px;height:50px;color:var(--pp-peri-d);box-shadow:0 4px 0 var(--pp-lilac-d), 0 8px 14px #3d2f6b33;background:linear-gradient(#fff,#eceaff);border:0;border-radius:50%;position:absolute}.pp-root .pp-home-gear:active{box-shadow:0 1px 0 var(--pp-lilac-d);background:#eceaff;transform:translateY(3px)}.pp-home-gear .pp-icon{width:28px;height:28px}.pp-home{--pp-horizon-h:clamp(110px, 21vh, 200px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + max(16px, var(--pp-horizon-h,21vh) * .55))}.pp-home .pp-center{gap:8px}.pp-panel{z-index:1;width:min(100%,360px);max-height:100%;color:var(--pp-plum);box-shadow:0 7px 0 var(--pp-lilac-d), 0 20px 44px #3d2f6b4d;text-align:center;background:linear-gradient(#f1efff 0,#fff 96px);border-radius:30px;flex-direction:column;gap:12px;margin:auto;padding:22px 18px 20px;display:flex;position:relative}.pp-panel-scroll{touch-action:pan-y;text-align:left;overscroll-behavior:contain;overflow-y:auto}.pp-panel-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.pp-h2{color:var(--pp-plum);margin:0;font-size:28px;font-weight:900}.pp-pause .pp-h2:before,.pp-pause .pp-h2:after{content:"";background:var(--pp-sun);vertical-align:middle;border-radius:3px;width:12px;height:12px;margin:0 10px 4px;display:inline-block;transform:rotate(45deg)}.pp-pause .pp-h2:after{background:var(--pp-glacier)}.pp-h3{letter-spacing:2px;color:var(--pp-peri-d);border-top:2px dashed #e4e2fb;margin:6px 0 0;padding-top:12px;font-size:13px;font-weight:900}.pp-medal{isolation:isolate;width:72px;height:72px;color:var(--pp-plum);box-shadow:0 5px 0 var(--pp-lilac-d);background:linear-gradient(#8ef0f8,#3fc8f0);border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative}.pp-medal .pp-icon{width:38px;height:38px}.pp-medal-warn,.pp-res-win .pp-medal{background:linear-gradient(#ffe08a,#ffc93c)}.pp-res-lose .pp-medal{color:#fff;background:linear-gradient(#ff9b6f,#ff6a45)}.pp-res-draw .pp-medal{color:#fff;background:linear-gradient(#c8b2ff,#9b7bff)}.pp-burst{z-index:-1;background:repeating-conic-gradient(#ffc93c8c 0deg 11deg,#0000 11deg 30deg);border-radius:50%;animation:14s linear infinite pp-spin;position:absolute;inset:-26px;-webkit-mask:radial-gradient(circle,#000 35%,#0000 70%);mask:radial-gradient(circle,#000 35%,#0000 70%)}.pp-result-title{--rc:#9aa2f4;color:var(--rc);-webkit-text-stroke:7px var(--pp-plum);paint-order:stroke fill;text-shadow:0 4px 0 var(--pp-plum);letter-spacing:2px;font-size:36px}.pp-res-win .pp-result-title{--rc:#ffc93c}.pp-res-lose .pp-result-title{--rc:#ff8a62}.pp-res-draw .pp-result-title{--rc:#b49cff}.pp-result .pp-sub{color:var(--pp-plum-2);text-shadow:none}.pp-duration{font-variant-numeric:tabular-nums;color:var(--pp-plum-2);background:#eceaff;border-radius:999px;align-self:center;margin:0;padding:3px 12px;font-size:14px;font-weight:800}.pp-plist{flex-direction:column;gap:6px;margin:2px 0;padding:0;list-style:none;display:flex}.pp-prow{text-align:left;background:#f3f1ff;border-radius:16px;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;min-height:44px;padding:6px 12px 6px 8px;font-weight:800;display:grid}.pp-prow.pp-me{box-shadow:inset 0 0 0 2px var(--pp-glacier);background:#e3f8fd}.pp-prow.pp-out .pp-pname{opacity:.6}.pp-badge{background:var(--c,var(--pp-cyan));width:32px;height:32px;color:var(--pp-plum);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 2px #3d2f6b38}.pp-badge .pp-icon{width:18px;height:18px}.pp-pname{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pp-you{background:var(--pp-glacier);color:#fff;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:12px;font-style:normal}.pp-pstatus{font-variant-numeric:tabular-nums;color:var(--pp-plum-2);font-size:14px}.pp-progress{width:230px;height:20px;box-shadow:0 4px 0 var(--pp-lilac-d), inset 0 2px 0 #3d2f6b14;background:#fff;border-radius:999px;margin-top:8px;padding:3px;overflow:hidden}.pp-progress-fill{transform-origin:0;background:repeating-linear-gradient(-45deg,#ff9b6f 0 8px,#ff6a45 8px 16px);border-radius:999px;width:100%;height:100%;transition:transform .15s linear;transform:scaleX(0)}.pp-error .pp-center,.pp-rotate .pp-center{box-shadow:0 7px 0 var(--pp-lilac-d), 0 20px 44px #3d2f6b40;background:#fff;border-radius:30px;padding:24px 20px 22px}.pp-row{justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.pp-slider{grid-template-columns:76px 1fr 32px;display:grid}.pp-range-val{text-align:right;font-variant-numeric:tabular-nums;color:var(--pp-plum-2);font-size:14px;font-weight:800}.pp-range{appearance:none;touch-action:pan-y;background:0 0;width:100%;height:44px;margin:0}.pp-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--pp-glacier) var(--fill,50%), #e8e6fc var(--fill,50%));border-radius:999px;height:12px;box-shadow:inset 0 2px #3d2f6b1a}.pp-range::-moz-range-track{background:#e8e6fc;border-radius:999px;height:12px}.pp-range::-moz-range-progress{background:var(--pp-glacier);border-radius:999px;height:12px}.pp-range::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--pp-peri);width:30px;height:30px;box-shadow:0 3px 0 var(--pp-lilac-d);background:#fff;border-radius:50%;margin-top:-9px}.pp-range::-moz-range-thumb{border:3px solid var(--pp-peri);background:#fff;border-radius:50%;width:24px;height:24px}.pp-row-text{flex-direction:column;min-width:0;display:flex}.pp-row-hint{color:var(--pp-plum-2);font-size:12px;font-weight:600}.pp-switch{cursor:pointer;background:#e8e6fc;border:0;border-radius:999px;flex:none;width:64px;height:44px;padding:0;position:relative;box-shadow:inset 0 3px #3d2f6b1f}.pp-switch-knob{background:#fff;border-radius:50%;width:30px;height:30px;transition:transform .12s;position:absolute;top:7px;left:7px;box-shadow:0 3px #3d2f6b38}.pp-switch.pp-on{background:linear-gradient(#8ef0f8,#3fc8f0);box-shadow:inset 0 -3px #1f97c780}.pp-switch.pp-on .pp-switch-knob{transform:translate(20px);box-shadow:0 3px #1f97c799}.pp-text{background:#f6f5ff;border:2px solid #dcd8fb;border-radius:14px;width:170px;min-width:0;height:44px;padding:0 12px;font-size:16px;font-weight:700}.pp-root .pp-text{color:var(--pp-plum)}.pp-rotate{z-index:100;display:none}@media (orientation:landscape) and (pointer:coarse) and (max-height:520px){.pp-rotate{display:flex}}.pp-spin .pp-icon{animation:2.4s ease-in-out infinite pp-turn}.pp-compact .pp-logo{width:96px;height:85px}.pp-compact .pp-title{font-size:40px}.pp-compact .pp-title-ch{-webkit-text-stroke-width:8px;text-shadow:0 4px 0 var(--pp-plum), 0 8px 0 #3d2f6b29}.pp-compact .pp-en{margin-top:2px;font-size:12px}.pp-compact .pp-center{gap:6px}.pp-compact .pp-menu{gap:12px;margin-top:4px}.pp-compact .pp-btn{min-height:50px}.pp-compact .pp-btn-lg{min-height:56px;font-size:20px}.pp-compact .pp-btn-sm{min-height:44px}.pp-compact .pp-card{gap:8px;padding:10px 12px 14px}.pp-compact .pp-panel{gap:8px;padding:14px}.pp-compact .pp-medal{width:52px;height:52px}.pp-compact .pp-medal .pp-icon{width:28px;height:28px}.pp-compact .pp-h2{font-size:24px}.pp-compact .pp-result-title{font-size:30px}.pp-compact .pp-prow{gap:8px;min-height:40px;padding-top:3px;padding-bottom:3px;font-size:15px}.pp-compact .pp-pstatus{font-size:13px}.pp-compact .pp-plist{gap:4px}.pp-compact .pp-countdown{font-size:96px}.pp-compact .pp-screen{padding-top:calc(env(safe-area-inset-top,0px) + 10px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 10px)}.pp-compact .pp-home{--pp-horizon-h:84px}.pp-compact .pp-row{min-height:44px}@keyframes pp-pop{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}@keyframes pp-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pp-pulse{50%{transform:scale(1.06)}}@keyframes pp-bob{50%{transform:translateY(-4px)}}@keyframes pp-ring{50%{opacity:.7;transform:scale(1.08)}}@keyframes pp-turn{0%,20%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@keyframes pp-float{50%{transform:translateY(-7px)}}@keyframes pp-drift{to{transform:translate(14px)}}@keyframes pp-tumble{to{transform:rotate(360deg)}}@keyframes pp-spin{to{transform:rotate(360deg)}}@keyframes pp-twinkle{0%,to{opacity:.45;transform:scale(.6)}50%{opacity:1;transform:scale(1)}}@keyframes pp-hop{0%,70%,to{transform:translateY(0) rotate(var(--r,-4deg))}80%{transform:translateY(-6px) rotate(var(--r,-4deg))}90%{transform:translateY(1px) rotate(var(--r,-4deg))}}@keyframes pp-hop-bot{0%,60%,to{transform:translateY(0)scale(1)}70%{transform:translateY(0)scale(1.06,.94)}82%{transform:translateY(-7px)scale(.97,1.04)}92%{transform:translateY(0)scale(1.03,.97)}}@keyframes pp-gem{50%{transform:translateY(-4px)rotate(4deg)}}@media (prefers-reduced-motion:reduce){.pp-root *,.pp-root :before,.pp-root :after{transition:none!important;animation:none!important}}.pp-root.pp-reduce-flash *,.pp-root.pp-reduce-flash :before,.pp-root.pp-reduce-flash :after{animation:none!important}.pp-mode-row>.pp-btn{white-space:nowrap;gap:6px;font-size:17px}.pp-mode-row>.pp-btn .pp-icon{width:20px;height:20px}.pp-canvas{z-index:0;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.pp-marker{z-index:5;box-sizing:border-box;pointer-events:none;border:3px solid #4fd8e8;border-radius:12px;animation:1s ease-in-out infinite pp-marker;position:absolute;translate:-50% -50%;box-shadow:0 0 14px #4fd8e8d9,inset 0 0 12px #4fd8e873}.pp-marker[hidden]{display:none}@keyframes pp-marker{0%,to{opacity:.75;scale:.92}50%{opacity:1;scale:1.06}}.pp-reduce-flash .pp-marker{animation:none}.pp-spectating .pp-stick-zone,.pp-spectating .pp-place-btn{visibility:hidden}