.pp-pad,.pp-scr{--pp-bg:rgba(24,19,36,0.96);--pp-bg-2:rgba(255,255,255,0.08);--pp-bg-3:rgba(255,255,255,0.16);--pp-fg:#fbf7ff;--pp-muted:rgba(251,247,255,0.66);--pp-line:rgba(255,255,255,0.14);--pp-accent:#ffcf4a;--pp-accent-fg:#2b1d00;--pp-good:#5ee39a;--pp-radius:22px;--pp-font:inherit;font-family:var(--pp-font);color:var(--pp-fg);-webkit-tap-highlight-color:transparent}.pp-pad *,.pp-scr *{box-sizing:border-box}.pp-pad [hidden],.pp-scr[hidden]{display:none!important}.pp-scr{position:fixed;inset:0;z-index:55;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-gap:clamp(16px,3vw,48px);gap:clamp(16px,3vw,48px);align-items:center;padding:calc(env(safe-area-inset-top, 0px) + clamp(16px, 4vh, 48px)) calc(env(safe-area-inset-right, 0px) + clamp(16px, 4vw, 64px)) calc(env(safe-area-inset-bottom, 0px) + clamp(16px, 4vh, 48px)) calc(env(safe-area-inset-left, 0px) + clamp(16px, 4vw, 64px));background:radial-gradient(120% 90% at 20% 10%,rgba(255,207,74,.12),transparent 60%),var(--pp-bg)}.pp-scr-join{display:grid;justify-items:center;grid-gap:10px;gap:10px;text-align:center}.pp-scr-title{margin:0;font-size:clamp(28px,4.4vw,64px);line-height:1.05;letter-spacing:-.02em}.pp-scr-sub{margin:0;font-size:clamp(18px,2.2vw,32px);font-weight:700}.pp-scr-qr{width:min(42vh,34vw,360px);height:auto;aspect-ratio:1;border-radius:18px;background:#fff;padding:10px;box-shadow:0 18px 50px rgba(8,4,20,.45)}.pp-scr-hint,.pp-scr-url{margin:0;color:var(--pp-muted);font-size:clamp(14px,1.4vw,20px)}.pp-scr-url{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}.pp-scr-code{display:grid;grid-gap:2px;gap:2px;margin-top:6px}.pp-scr-code span{color:var(--pp-muted);font-size:clamp(13px,1.2vw,18px);text-transform:uppercase;letter-spacing:.12em}.pp-scr-code b{font-size:clamp(40px,6vw,96px);letter-spacing:.14em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--pp-accent)}.pp-scr-side{display:grid;grid-gap:14px;gap:14px;align-content:center;min-width:0}.pp-scr-h{margin:0;font-size:clamp(18px,2vw,30px)}.pp-scr-count{display:inline-grid;place-items:center;min-width:1.6em;padding:0 .3em;border-radius:99px;background:var(--pp-bg-3)}.pp-scr-avatars{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px;min-height:96px}.pp-scr-av{display:grid;justify-items:center;grid-gap:6px;gap:6px;width:clamp(76px,8vw,112px);animation:pp-scr-pop .35s cubic-bezier(.2,1.6,.4,1)}.pp-scr-dot{display:grid;place-items:center;width:clamp(56px,6vw,88px);aspect-ratio:1;border-radius:50%;font-size:clamp(24px,2.6vw,40px);font-weight:800;color:#fff;background:hsl(var(--pp-hue,40) 70% 52%);box-shadow:inset 0 -6px 0 rgba(0,0,0,.18)}.pp-scr-av.is-ready .pp-scr-dot{outline:4px solid var(--pp-good);outline-offset:3px}.pp-scr-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(13px,1.3vw,18px)}.pp-scr-av small{color:var(--pp-muted);font-size:12px}.pp-scr-status{margin:0;color:var(--pp-muted);font-size:clamp(15px,1.5vw,22px)}.pp-scr-start{justify-self:start;min-height:56px;padding:0 36px;border:0;border-radius:99px;font:inherit;font-size:clamp(18px,1.8vw,26px);font-weight:800;color:var(--pp-accent-fg);background:var(--pp-accent);cursor:pointer}.pp-scr-start:disabled{opacity:.45;cursor:default}.pp-scr-settings{display:grid;grid-gap:.5rem;gap:.5rem}.pp-scr-settings[hidden]{display:none}@keyframes pp-scr-pop{0%{transform:scale(.4);opacity:0}}@media (max-aspect-ratio:4/5),(max-width:700px){.pp-scr{grid-template-columns:1fr;overflow-y:auto;align-content:start}.pp-scr-qr{width:min(64vw,300px)}.pp-scr-start{justify-self:stretch}}.pp-pad{position:fixed;inset:0;z-index:55;display:flex;flex-direction:column;gap:12px;height:100dvh;padding:calc(env(safe-area-inset-top, 0px) + 12px) calc(env(safe-area-inset-right, 0px) + 16px) calc(env(safe-area-inset-bottom, 0px) + 16px) calc(env(safe-area-inset-left, 0px) + 16px);background:var(--pp-bg);touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}.pp-pad-head{display:flex;align-items:center;gap:10px;min-height:48px}.pp-pad-btn,.pp-pad-choice,.pp-pad-dir,.pp-pad-me,.pp-pad-ready,.pp-pad-send,.pp-pad-swatch{font:inherit;color:inherit;border:0;cursor:pointer;touch-action:none}.pp-pad-me{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px 0 4px;border-radius:99px;background:var(--pp-bg-2);font-weight:700;max-width:55%;overflow:hidden}.pp-pad-me span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-pad-av{display:inline-grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;font-weight:800;color:#fff;background:hsl(var(--pp-hue,40) 70% 52%)}.pp-pad-status{flex:1 1;color:var(--pp-muted);font-size:15px;text-align:center}.pp-pad-ready{min-height:44px;padding:0 16px;border-radius:99px;background:var(--pp-accent);color:var(--pp-accent-fg);font-weight:800}.pp-pad-ready.is-on{background:var(--pp-bg-3);color:var(--pp-fg)}.pp-pad-card{padding:16px 18px;border-radius:var(--pp-radius);background:var(--pp-bg-3);border:1px solid var(--pp-line)}.pp-pad-card-title{margin:0 0 4px;font-size:22px}.pp-pad-card-text{margin:0;font-size:18px;line-height:1.35}.pp-pad-body{flex:1 1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:14px}.pp-pad-prompt{margin:0;font-size:20px;font-weight:700;text-align:center}.pp-pad-split{display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:24px;flex:1 1}.pp-pad-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}.pp-pad-btn{width:clamp(88px,30vw,132px);aspect-ratio:1;border-radius:50%;font-size:32px;font-weight:900;color:var(--pp-accent-fg);background:var(--pp-accent);box-shadow:inset 0 -8px 0 rgba(0,0,0,.2)}.pp-pad-btn:nth-child(2){background:#8fb8ff}.pp-pad-btn:nth-child(3){background:#ff8fa3}.pp-pad-btn:nth-child(4){background:var(--pp-good)}.pp-pad-btn.is-down,.pp-pad-dir.is-down{transform:scale(.92);box-shadow:inset 0 3px 0 rgba(0,0,0,.25)}.pp-pad-dpad{display:grid;grid-template:"a up b" 1fr "left c right" 1fr "d down e" 1fr/1fr 1fr 1fr;width:clamp(180px,58vw,260px);aspect-ratio:1;grid-gap:6px;gap:6px}.pp-pad-dir{border-radius:14px;background:var(--pp-bg-3);min-width:44px;min-height:44px}.pp-pad-dir--up{grid-area:up}.pp-pad-dir--down{grid-area:down}.pp-pad-dir--left{grid-area:left}.pp-pad-dir--right{grid-area:right}.pp-pad-stick{position:relative;display:grid;place-items:center;width:clamp(180px,62vw,280px);aspect-ratio:1;border-radius:50%;background:var(--pp-bg-2);border:2px solid var(--pp-line);touch-action:none}.pp-pad-knob{width:42%;aspect-ratio:1;border-radius:50%;background:var(--pp-accent);box-shadow:0 8px 24px rgba(0,0,0,.35);pointer-events:none}.pp-pad-choices{display:grid;grid-gap:12px;gap:12px}.pp-pad-choice{display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 18px;border-radius:18px;font-size:20px;font-weight:700;text-align:left;background:var(--pp-choice,var(--pp-bg-3))}.pp-pad-choice:disabled{opacity:.35}.pp-pad-choice.is-picked{opacity:1;outline:3px solid var(--pp-accent)}.pp-pad-text{display:flex;gap:10px}.pp-pad-input{flex:1 1;min-width:0;padding:0 16px;border-radius:16px;border:1px solid var(--pp-line);background:var(--pp-bg-2);color:inherit;font:inherit;font-size:18px;-moz-user-select:text;user-select:text;-webkit-user-select:text}.pp-pad-input,.pp-pad-send{min-height:56px;touch-action:manipulation}.pp-pad-send{min-width:56px;padding:0 18px;border-radius:16px;font-weight:800;color:var(--pp-accent-fg);background:var(--pp-accent)}.pp-pad-draw{display:grid;grid-gap:10px;gap:10px;justify-items:center}.pp-pad-canvas{width:min(100%,62dvh);aspect-ratio:1;border-radius:18px;background:#fff;touch-action:none}.pp-pad-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.pp-pad-swatch{width:44px;height:44px;border-radius:50%;background:var(--pp-swatch);border:3px solid transparent}.pp-pad-swatch.is-on{border-color:var(--pp-fg)}.pp-pad-rotate{display:none}@media (orientation:landscape) and (max-height:500px) and (pointer:coarse){.pp-pad-rotate{position:absolute;inset:0;display:grid;place-items:center;padding:24px;font-size:22px;font-weight:800;text-align:center;background:var(--pp-bg)}}