.pp-root{touch-action:none;font-family:var(--font-mono,monospace);--pp-safe-bottom:env(safe-area-inset-bottom,0px);background:#0a0e1f;position:absolute;inset:0;overflow:hidden}.pp-canvas{position:absolute;inset:0}.pp-canvas canvas{width:100%!important;height:100%!important;display:block!important}.pp-ui{z-index:3;pointer-events:none;color:#eaf3ff;position:absolute;inset:0}.pp-hud{top:max(8px,env(safe-area-inset-top));letter-spacing:.09em;text-align:center;background:#0a0e1fd9;border:1px solid #4ecdc455;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:6px;padding:7px 9px;font-size:9px;display:grid;position:absolute;left:10px;right:48px;box-shadow:0 8px 20px #0006}.pp-hud span{justify-items:center;gap:3px;display:grid}.pp-hud b{color:#fff;font-size:clamp(13px,3.6vw,18px)}.pp-hud .is-active b{color:#ffe66d;text-shadow:0 0 10px #ffb23f}.pp-mute{top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));color:#eaf3ff;cursor:pointer;pointer-events:auto;z-index:5;background:#0a0e1fd9;border:1px solid #4ecdc455;border-radius:8px;place-items:center;min-width:36px;min-height:36px;padding:0;font-size:15px;line-height:1;display:grid;position:absolute}.pp-mute:hover{border-color:#4ecdc488}.pp-actionbar{left:50%;bottom:max(8px,env(safe-area-inset-bottom));pointer-events:auto;z-index:4;flex-direction:row;gap:8px;display:flex;position:absolute;transform:translate(-50%)}.pp-actionbar button{box-sizing:border-box;color:#eaf3ff;min-width:104px;min-height:44px;font:700 11px var(--font-mono,monospace);letter-spacing:.1em;cursor:pointer;background:#101636e6;border:1px solid #4ecdc488;border-radius:8px;padding:6px 14px}.pp-actionbar button:disabled{opacity:.4;cursor:default}.pp-actionbar .is-armed{color:#ffe66d;border-color:#ffe66d;box-shadow:0 0 14px #ffe66d55}.pp-actionbar .is-used{opacity:.4}@media (orientation:landscape) and (height<=520px){.pp-actionbar button{min-width:92px}.pp-hud{grid-template-columns:repeat(4,minmax(0,1fr));font-size:8px}.pp-mute{min-width:30px;min-height:30px;font-size:13px}}.pp-overlay{pointer-events:auto;background:#080c26c9;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.pp-card{text-align:center;background:#101636f2;border:1px solid #4ecdc488;border-radius:12px;justify-items:center;gap:12px;width:min(340px,100% - 24px);padding:clamp(18px,6vw,30px);display:grid;box-shadow:0 18px 60px #000b,0 0 32px #4ecdc433}.pp-card h2{color:#eaf3ff;font:700 clamp(20px,7vw,32px) var(--font-display,sans-serif);letter-spacing:.12em;margin:0}.pp-card p{color:#b7c4ea;letter-spacing:.06em;margin:0;font-size:11px;line-height:1.65}.pp-card strong{color:#ffe66d;font-size:44px}.pp-card small{color:#a7b6de;letter-spacing:.1em}.pp-card button{color:#08122a;min-height:46px;font:800 12px var(--font-mono,monospace);letter-spacing:.14em;cursor:pointer;background:#4ecdc4;border:0;border-radius:6px;padding:11px 24px}@media (orientation:landscape) and (height<=500px){.pp-card{max-width:520px}}