.wp{--main:#1c1a20;--side:#232227;--ink:#eee9ec;--ink2:rgba(238,233,236,.62);--ink3:rgba(238,233,236,.38);--fill:rgba(255,255,255,.07);--hover:rgba(255,255,255,.1);--line:rgba(255,255,255,.08);--greenLit:#4ade80;--red:#f0506e;--redFill:rgba(240,80,110,.16);--amber:#f59e0b;--display:"Fredoka","Nunito",system-ui,sans-serif;--name:"Lilita One","Arial Rounded MT Bold",system-ui,sans-serif;--text:"Nunito",system-ui,sans-serif;color-scheme:dark;position:fixed;inset:0;background:var(--main);color:var(--ink);font-family:var(--text);display:flex;flex-direction:column;overflow:hidden}.wp button{font:inherit;color:inherit}.wp a:focus-visible,.wp button:focus-visible,.wp input:focus-visible{outline:2px solid #2f7cf6;outline-offset:2px}.wp-center{flex:1 1;display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto}.wp-card{width:440px;max-width:100%;background:var(--side);border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 0 0 1px var(--line)}.wp-card h2{margin:0;font:700 22px var(--display)}.wp-card p{margin:-8px 0 0;font-size:14px;color:var(--ink2);line-height:1.45}.wp-card .tiny{font-size:12px;color:var(--ink3);text-align:center;margin:-6px 0 0}.wp-card.centered{align-items:center;text-align:center}.wp-err{font-size:13px;color:var(--red);margin:0}.wp-or{display:flex;flex-direction:column;gap:8px}.wp-or button,.wp-soft{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;height:46px;border-radius:12px;background:var(--fill);font:700 15px var(--text);color:var(--ink);display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer}.wp-or button:hover,.wp-soft:hover{background:var(--hover)}.wp-or svg{width:18px;height:18px}.wp-me{display:flex;align-items:center;gap:14px}.wp-meHead{position:relative;width:96px;height:96px;flex:none;border-radius:24px;background:var(--fill);display:grid;place-items:center}.wp-meHead img{width:88px;height:88px;object-fit:contain;transition:transform .25s cubic-bezier(.3,1.6,.5,1)}.wp-meHead button{position:absolute;right:-6px;bottom:-6px;width:32px;height:32px;border-radius:50%;border:0;background:var(--ink);color:#1e1b22;display:grid;place-items:center;cursor:pointer}.wp-meHead button svg{width:16px;height:16px}.wp-meR{flex:1 1;display:flex;flex-direction:column;gap:6px;min-width:0}.wp-meR label{font-size:12px;font-weight:800;color:var(--ink3)}.wp-meR input{height:42px;border-radius:12px;border:0;background:var(--fill);color:var(--ink);padding:0 12px;font:400 20px var(--name);outline:none;min-width:0}.wp-meR .nm{font:400 24px var(--name)}.wp-meR small{font-size:12px;color:var(--ink3)}.wp-mic{display:flex;gap:12px;align-items:center;background:var(--fill);border-radius:14px;padding:12px}.wp-mic .ic{width:36px;height:36px;border-radius:50%;background:rgba(74,222,128,.14);color:var(--greenLit);display:grid;place-items:center;flex:none}.wp-mic.off .ic{background:var(--redFill);color:var(--red)}.wp-mic .ic svg{width:18px;height:18px}.wp-mic div{font-size:13px;line-height:1.4;color:var(--ink2);min-width:0}.wp-mic b{color:var(--ink);display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-meter{display:flex;gap:3px;align-items:flex-end;height:18px;margin-left:auto;flex:none}.wp-meter i{width:4px;border-radius:2px;transition:height .08s linear}.wp-go,.wp-meter i{background:var(--greenLit)}.wp-go{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;height:50px;border-radius:14px;color:#06210f;font:600 18px var(--display);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.wp-go:disabled{opacity:.5;cursor:default}.wp-go svg{width:18px;height:18px}.wp-spin{width:28px;height:28px;border-radius:50%;border:3px solid var(--fill);border-top-color:var(--greenLit);animation:wp-spin .8s linear infinite}@keyframes wp-spin{to{transform:rotate(1turn)}}.wp-top{height:46px;flex:none;display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--line);font-size:14px;font-weight:800;min-width:0}.wp-top .dot{width:8px;height:8px;border-radius:50%;background:var(--greenLit);flex:none;animation:wp-pulse 1.6s ease-in-out infinite}@keyframes wp-pulse{50%{opacity:.35}}.wp-top .ttl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.wp-top small{color:var(--ink3);font-weight:700;white-space:nowrap}.wp-top .sp{flex:1 1}.wp-getapp{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;background:var(--fill);padding:6px 12px;font:800 12px var(--text);color:var(--ink);display:flex;gap:6px;align-items:center;cursor:pointer;flex:none}.wp-getapp svg{width:13px;height:13px}.wp-room{flex:1 1;min-height:0;position:relative;display:flex;flex-direction:column}.wp-banner{margin:10px auto 0;max-width:calc(100% - 32px);background:var(--redFill);color:var(--ink);border-radius:12px;padding:8px 14px;font-size:13px;font-weight:700;text-align:center}.wp-banner button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--ink);color:#1e1b22;border-radius:999px;padding:4px 12px;margin-left:8px;font-weight:800;cursor:pointer}.wp-hang{flex:1 1;min-height:0;flex-direction:column;align-items:center;gap:28px;padding:20px;overflow-y:auto}.wp-hang,.wp-row{display:flex;justify-content:center}.wp-row{gap:40px}.wp-p{display:flex;flex-direction:column;align-items:center;gap:6px;width:170px}.wp-p .h{position:relative;width:160px;height:160px;display:grid;place-items:center}.wp-p .h img{width:150px;height:150px;object-fit:contain;transition:opacity .3s}.wp-p .h[data-live="1"] img{opacity:0}.wp-p.talk .h:not([data-live="1"]) img{animation:wp-talk .32s ease-in-out infinite alternate}@keyframes wp-talk{0%{transform:translateY(0) scale(1)}to{transform:translateY(-3px) scale(1.03)}}.wp-p .h .initial{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;font:400 48px var(--name);color:#fff}.wp-p b{font-size:14px;font-weight:800;display:flex;align-items:center;gap:5px;max-width:100%}.wp-p b span.n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wp-p b svg{width:13px;height:13px;color:var(--greenLit);flex:none}.wp-p b .off{display:flex}.wp-p b .off,.wp-p b .off svg{color:var(--red)}.wp-p .you{font-size:11px;font-weight:800;color:var(--ink3)}.wp-p.sm{width:96px}.wp-p.sm .h{width:84px;height:84px}.wp-p.sm .h img{width:80px;height:80px}.wp-p.sm .h .initial{width:64px;height:64px;font-size:28px}.wp-p.sm b{font-size:12.5px}.wp-p.invite{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;cursor:pointer;padding:0}.wp-p.invite .ghost{width:120px;height:120px;border-radius:50%;background:var(--fill);display:grid;place-items:center;color:var(--ink2)}.wp-p.invite:hover .ghost{background:var(--hover)}.wp-p.invite.sm .ghost{width:64px;height:64px}.wp-p.invite .ghost svg{width:34%;height:34%}.wp-p.invite b{color:var(--ink2)}.wp-p.more .ghost{font:800 18px var(--text)}.wp-ctl{flex:none;justify-content:center;flex-wrap:wrap;padding:12px 16px 16px}.wp-cb,.wp-ctl{display:flex;gap:8px}.wp-cb{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;height:40px;border-radius:999px;background:var(--fill);padding:0 16px;font:800 13.5px var(--text);color:var(--ink);align-items:center;cursor:pointer}.wp-cb:hover{background:var(--hover)}.wp-cb svg{width:16px;height:16px}.wp-cb.leave,.wp-cb.off{background:var(--redFill);color:var(--red)}.wp-cb.play{background:var(--greenLit);color:#06210f}.wp-pop{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);width:560px;max-width:calc(100% - 24px);max-height:calc(100% - 24px);overflow-y:auto;background:#2c2a31;border-radius:18px;padding:12px;box-shadow:0 0 0 1px var(--line),0 20px 50px rgba(0,0,0,.5);z-index:5;animation:wp-up .2s cubic-bezier(.2,.8,.2,1)}@keyframes wp-up{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.wp-pop h5{margin:2px 4px 8px;font-size:12px;color:var(--ink3);font-weight:800}.wp-games{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.wp-gm{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:14px;background:var(--fill);padding:10px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;cursor:pointer;text-align:left;min-width:0}.wp-gm:hover{background:var(--hover)}.wp-gm img{width:44px;height:44px;border-radius:11px}.wp-gm b{font-size:13.5px;font-weight:800}.wp-gm span{font-size:11.5px;color:var(--ink3);font-weight:700}.wp-gm.phoneOnly{opacity:.5}.wp-gm.current{box-shadow:inset 0 0 0 2px var(--greenLit)}.wp-gm.hang .ic{width:44px;height:44px;border-radius:11px;background:var(--greenLit);color:#06210f;display:grid;place-items:center}.wp-gm.hang .ic svg{width:22px;height:22px}.wp-linkbtns{display:flex;gap:8px;margin-top:6px}.wp-linkbtns .wp-soft{flex:1 1;padding:0 14px}.wp-linkbtns svg{width:16px;height:16px}.wp-linkcard{width:420px;max-width:100%;background:var(--side);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:4px;box-shadow:0 0 0 1px var(--line)}.wp-linkcard b{font-size:12px;color:var(--ink3);font-weight:800}.wp-linkcard .url{font:700 18px var(--display);overflow-wrap:anywhere}.wp-linkcard small{font-size:12.5px;color:var(--ink2)}.wp-card.wide{width:560px;margin:auto 0}.wp-card.wide .wp-games{max-height:min(46vh,380px);overflow-y:auto;padding:2px;margin:-2px}.wp-card .wp-note{font-size:13px;color:var(--amber);margin:0}.wp-card h4{margin:0 0 -8px;font-size:12px;color:var(--ink3);font-weight:800}.wp-friends{display:flex;flex-direction:column;gap:4px}.wp-fr{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:12px}.wp-fr .initial,.wp-fr img{width:36px;height:36px;border-radius:50%;object-fit:contain;flex:none;display:grid;place-items:center;font:400 16px var(--name)}.wp-fr b{flex:1 1;font-size:14px;font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-fr button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;background:var(--fill);padding:6px 14px;font:800 12.5px var(--text);color:var(--ink);cursor:pointer}.wp-fr button:disabled{opacity:.5;cursor:default}.wp-toast{position:absolute;left:50%;top:12px;transform:translateX(-50%);background:var(--ink);color:#1e1b22;border-radius:999px;padding:8px 16px;font-weight:800;font-size:13px;z-index:6;max-width:calc(100% - 32px);text-align:center}.wp-play{flex:1 1;min-height:0;display:flex;gap:14px;padding:14px}.wp-play.portrait{flex-direction:row;justify-content:center;align-items:stretch}.wp-play.wide{flex-direction:column;align-items:stretch}.wp-side{flex-direction:column;align-items:center;gap:10px;width:110px}.wp-side,.wp-toprow{display:flex;justify-content:center;flex:none}.wp-toprow{gap:12px}.wp-stage{flex:1 1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}.wp-frame{border-radius:16px;overflow:hidden;background:#000;position:relative}.wp-frame iframe{border:0;width:100%;height:100%;display:block}.wp-phoneonly{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;background:var(--side);border-radius:16px;padding:24px;width:100%;height:100%}.wp-phoneonly img{width:72px;height:72px;border-radius:16px}.wp-phoneonly b{font:600 20px var(--display)}.wp-phoneonly span{color:var(--ink2);font-size:14px}.wp-pile{display:flex;justify-content:center}.wp-pile img{width:78px;height:78px;object-fit:contain;margin:0 -10px;animation:wp-bob 4.6s ease-in-out infinite}.wp-pile img:nth-child(2){width:96px;height:96px;margin-top:-10px;animation-delay:-1.4s}@keyframes wp-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.wp-store{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:#1e1b22;border-radius:14px;padding:10px 18px}.wp-store svg{width:22px;height:22px}.wp-store span{display:flex;flex-direction:column;line-height:1.05;text-align:left}.wp-store small{font-size:11px;font-weight:700}.wp-store b{font:600 18px var(--display)}.wp-qr{background:#fff;border-radius:12px;padding:8px;display:inline-flex}@media (max-width:640px){.wp-hang{gap:16px;padding:12px}.wp-row{gap:10px}.wp-p{width:104px}.wp-p .h{width:92px;height:92px}.wp-p .h img{width:88px;height:88px}.wp-p .h .initial{font-size:30px}.wp-p .h .initial,.wp-p.invite .ghost{width:72px;height:72px}.wp-p.sm{width:60px}.wp-p.sm .h{width:48px;height:48px}.wp-p.sm .h img{width:46px;height:46px}.wp-p.invite.sm .ghost,.wp-p.sm .h .initial{width:40px;height:40px;font-size:18px}.wp-p.sm b{font-size:11px}.wp-ctl{gap:6px;padding:10px}.wp-cb{padding:0 12px}.wp-cb .lb,.wp-getapp .lb{display:none}.wp-play{padding:8px;gap:8px}.wp-play.portrait{flex-direction:column}.wp-side{flex-direction:row;width:auto}.wp-games{grid-template-columns:repeat(2,1fr)}.wp-play.wide .wp-stage{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.wp *{animation:none!important}}