*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--bg,#111827);font-family:Inter,ui-rounded,"SF Pro Rounded",system-ui,-apple-system,"Segoe UI",sans-serif;color:#fff;-webkit-tap-highlight-color:transparent}button{font:inherit}.ppg-app{position:relative;display:flex;flex-direction:column;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:radial-gradient(circle at 20% 0%,var(--glow,rgba(255,255,255,.12)),transparent 32%),linear-gradient(145deg,var(--bg1,#131a38),var(--bg2,#070a18));isolation:isolate}.ppg-app:before,.ppg-app:after{content:"";position:absolute;border-radius:50%;filter:blur(60px);opacity:.25;pointer-events:none}.ppg-app:before{width:36vmin;height:36vmin;left:-12vmin;bottom:-12vmin;background:var(--accent,#8b5cf6)}.ppg-app:after{width:30vmin;height:30vmin;right:-10vmin;top:-10vmin;background:var(--accent2,#22d3ee)}.ppg-topbar{position:relative;z-index:5;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:72px;padding:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));background:linear-gradient(180deg,rgba(4,6,18,.68),rgba(4,6,18,.2));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.ppg-brand{min-width:0}.ppg-kicker{font-size:10px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--accent2,#67e8f9)}.ppg-title{overflow:hidden;margin:2px 0 0;font-size:clamp(18px,3vw,28px);font-weight:950;letter-spacing:-.04em;white-space:nowrap;text-overflow:ellipsis}.ppg-stats{display:flex;gap:8px}.ppg-stat{min-width:72px;padding:8px 11px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.08);box-shadow:inset 0 1px rgba(255,255,255,.08);text-align:center}.ppg-stat span{display:block;color:rgba(255,255,255,.62);font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.ppg-stat strong{display:block;margin-top:2px;font-size:16px;line-height:1}.ppg-stage{position:relative;z-index:2;flex:1;min-height:0;overflow:hidden}.ppg-stage canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none}.ppg-hint{position:absolute;z-index:4;left:50%;bottom:max(12px,env(safe-area-inset-bottom));max-width:min(92%,540px);padding:8px 14px;border:1px solid rgba(255,255,255,.13);border-radius:999px;color:rgba(255,255,255,.78);background:rgba(5,7,18,.48);backdrop-filter:blur(12px);font-size:12px;font-weight:750;text-align:center;transform:translateX(-50%);pointer-events:none;transition:opacity .3s}.ppg-controls{position:absolute;z-index:8;inset:0;pointer-events:none}.ppg-touch{position:absolute;display:grid;place-items:center;width:62px;height:62px;border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#fff;background:rgba(10,13,29,.52);box-shadow:0 10px 24px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:25px;font-weight:950;pointer-events:auto;touch-action:none;user-select:none}.ppg-touch:active,.ppg-touch.is-down{transform:scale(.94);background:rgba(70,55,130,.78);background:color-mix(in srgb,var(--accent,#8b5cf6) 45%,rgba(10,13,29,.72))}.ppg-bottom{position:relative;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;padding:8px max(14px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:linear-gradient(0deg,rgba(3,5,15,.78),rgba(3,5,15,.18));backdrop-filter:blur(12px)}.ppg-bottom p{overflow:hidden;margin:0;color:rgba(255,255,255,.58);font-size:11px;font-weight:650;white-space:nowrap;text-overflow:ellipsis}.ppg-actions{display:flex;gap:7px}.ppg-icon-btn{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.14);border-radius:14px;color:#fff;background:rgba(255,255,255,.08);cursor:pointer}.ppg-icon-btn:active{transform:scale(.94)}.ppg-overlay{position:absolute;z-index:40;inset:0;display:grid;place-items:center;padding:24px;background:rgba(5,7,18,.9);background:radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--accent,#8b5cf6) 32%,transparent),transparent 32%),rgba(5,7,18,.78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:opacity .25s}.ppg-overlay[hidden]{display:none!important}.ppg-panel{width:min(92vw,480px);padding:clamp(24px,6vw,42px);border:1px solid rgba(255,255,255,.16);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.06));box-shadow:0 28px 80px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.12);text-align:center}.ppg-logo{display:grid;place-items:center;width:86px;height:86px;margin:0 auto 18px;border-radius:26px;background:linear-gradient(145deg,var(--accent,#8b5cf6),var(--accent2,#22d3ee));box-shadow:0 18px 36px color-mix(in srgb,var(--accent,#8b5cf6) 32%,transparent);font-size:42px;transform:rotate(-3deg)}.ppg-panel h1{margin:0;font-size:clamp(28px,8vw,48px);font-weight:1000;letter-spacing:-.055em;line-height:.98}.ppg-panel p{margin:14px auto 22px;max-width:360px;color:rgba(255,255,255,.72);font-size:14px;line-height:1.55}.ppg-primary{min-width:170px;min-height:54px;padding:13px 24px;border:0;border-radius:18px;color:#fff;background:var(--accent,#8b5cf6);background:linear-gradient(145deg,var(--accent,#8b5cf6),color-mix(in srgb,var(--accent,#8b5cf6) 65%,#000));box-shadow:0 14px 30px color-mix(in srgb,var(--accent,#8b5cf6) 28%,transparent),inset 0 1px rgba(255,255,255,.28);font-size:16px;font-weight:950;letter-spacing:.02em;cursor:pointer}.ppg-primary:active{transform:translateY(2px)}.ppg-result{margin:0 0 20px;font-size:54px;font-weight:1000;letter-spacing:-.06em}.ppg-toast{position:absolute;z-index:25;top:50%;left:50%;padding:10px 16px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#fff;background:rgba(10,12,25,.72);box-shadow:0 10px 28px rgba(0,0,0,.28);font-weight:900;transform:translate(-50%,-50%) scale(.8);opacity:0;pointer-events:none}.ppg-toast.show{animation:ppgToast .9s ease}@keyframes ppgToast{0%{opacity:0;transform:translate(-50%,-30%) scale(.75)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}70%{opacity:1}100%{opacity:0;transform:translate(-50%,-75%) scale(.95)}}@media(max-width:680px){.ppg-topbar{min-height:62px;padding-top:max(7px,env(safe-area-inset-top));padding-bottom:7px}.ppg-stat{min-width:58px;padding:7px 8px;border-radius:12px}.ppg-stat strong{font-size:14px}.ppg-bottom{min-height:50px}.ppg-bottom p{display:none}.ppg-icon-btn{width:39px;height:39px;border-radius:12px}.ppg-hint{bottom:max(8px,env(safe-area-inset-bottom));font-size:10px}.ppg-touch{width:58px;height:58px;border-radius:18px}}@media(orientation:landscape) and (max-height:520px){.ppg-topbar{position:absolute;top:0;right:0;left:0;min-height:52px;padding:5px max(12px,env(safe-area-inset-right)) 5px max(12px,env(safe-area-inset-left));background:linear-gradient(180deg,rgba(3,5,14,.78),transparent)}.ppg-title{font-size:16px}.ppg-kicker{font-size:8px}.ppg-stat{min-width:56px;padding:5px 7px}.ppg-bottom{position:absolute;right:0;bottom:0;left:0;min-height:48px;background:linear-gradient(0deg,rgba(3,5,14,.72),transparent)}.ppg-stage{position:absolute;inset:0}.ppg-panel{padding:22px}.ppg-logo{width:64px;height:64px;margin-bottom:10px;font-size:32px}.ppg-panel h1{font-size:30px}.ppg-panel p{margin:8px auto 13px}.ppg-primary{min-height:46px}.ppg-touch{width:54px;height:54px}}