.playful-game.bubble-trap-app{--play-accent:#ff5fa8;--play-shadow:#a8326e;--play-soft:#ffe8f4;--play-ink:#3a1a3a;--bt-cyan:#35c8ff;--bt-gold:#ffd23f;--bt-pink:#ff6fb6;position:fixed;inset:0;height:100dvh;background:#ffeef6;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overflow:hidden;overflow:clip}.bubble-trap-app .btp-scene{position:absolute;inset:0;width:100%;height:100dvh;display:block;touch-action:none}.bubble-trap-app .btp-hud{position:absolute;z-index:5;left:50%;transform:translateX(-50%);top:calc(env(safe-area-inset-top, 0px) + 8px);display:flex;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 16px);pointer-events:none}.bubble-trap-app:is([data-phase=menu],[data-phase=loading],[data-phase=party],[data-phase=results]) :is(.btp-hud,.btp-keys,.btp-touch){visibility:hidden}.bubble-trap-app.btp-online[data-phase=party] .btp-hud{visibility:visible}.bubble-trap-app[data-phase=party] :is(.btp-level,.btp-scorebox,.btp-seats,.btp-word){display:none}.bubble-trap-app .btp-box{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:92px;min-height:44px;padding:3px 12px;border:3px solid #fff;border-radius:16px;background:rgba(255,255,255,.88);color:var(--play-ink);box-shadow:0 3px 0 rgba(168,50,110,.35)}.bubble-trap-app .btp-box span{font-size:11px;font-weight:800;color:#b0508a;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.bubble-trap-app .btp-box b{font-size:16px;line-height:1.15;white-space:nowrap;max-width:170px;overflow:hidden;text-overflow:ellipsis;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bubble-trap-app .btp-scorebox b{color:#e0307a;font-size:19px}.bubble-trap-app .btp-lives{display:flex;gap:2px;min-height:10px;align-items:center}.bubble-trap-app .btp-lives i{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0 18%,var(--bt-cyan) 22% 100%);box-shadow:0 0 0 1px #2a8acc}.bubble-trap-app .btp-lives b{font-size:11px;color:#2a8acc}.bubble-trap-app .btp-word{display:flex;gap:2px;padding:4px 6px;border-radius:14px;background:rgba(255,255,255,.82);border:3px solid #fff;box-shadow:0 3px 0 rgba(168,50,110,.35)}.bubble-trap-app .btp-word[hidden]{display:none}.bubble-trap-app .btp-word span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font:900 13px/1 Avenir Next,system-ui,sans-serif;color:#c7b4c7;background:#f6eef6}.bubble-trap-app .btp-word span.on{color:#fff;background:radial-gradient(circle at 35% 30%,#fff 0 12%,var(--bt-pink) 16% 100%);text-shadow:0 1px 0 #a8326e}.bubble-trap-app .btp-seats{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;max-width:min(40vw,520px)}.bubble-trap-app .btp-seat{display:flex;align-items:center;gap:4px;padding:3px 8px 3px 4px;border:2px solid #fff;border-radius:12px;background:rgba(255,255,255,.85);font-size:12px;font-weight:800;color:var(--play-ink)}.bubble-trap-app .btp-seat i{width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px rgba(0,0,0,.12)}.bubble-trap-app .btp-seat.me{border-color:var(--bt-gold)}.bubble-trap-app .btp-seat.ko{opacity:.6}.bubble-trap-app .btp-seat small{font-size:10px;color:#e0307a;letter-spacing:.03em}.bubble-trap-app .btp-seat-name{max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bubble-trap-app .btp-seat-score{color:#2a8acc;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bubble-trap-app .btp-hud-btns{display:flex;gap:6px;pointer-events:auto}.bubble-trap-app .btp-icon-btn{display:grid;place-items:center;width:44px;height:44px;border:3px solid #fff;border-radius:14px;background:var(--play-accent);color:#fff;box-shadow:0 3px 0 var(--play-shadow);cursor:pointer}.bubble-trap-app #btp-mute[aria-pressed=true] .on,.bubble-trap-app .btp-icon-btn .off{display:none}.bubble-trap-app #btp-mute[aria-pressed=true] .off{display:inline}.bubble-trap-app .btp-only-online{display:none}.bubble-trap-app.btp-online .btp-only-online{display:grid}.bubble-trap-app.btp-online p.btp-only-online{display:block}.bubble-trap-app .btp-pops{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden}.bubble-trap-app .btp-pop{position:absolute;left:0;top:0;font:900 16px/1 Avenir Next,system-ui,sans-serif;white-space:nowrap;text-shadow:0 2px 0 rgba(90,20,60,.7),0 0 6px rgba(90,20,60,.4);will-change:transform,opacity}.bubble-trap-app .btp-pop.big{font-size:22px}.bubble-trap-app .btp-me-tag{position:absolute;left:0;top:0;z-index:6;padding:1px 6px;border-radius:8px;background:var(--bt-gold);color:#4a2a00;font:900 11px/1.3 system-ui,sans-serif;pointer-events:none;box-shadow:0 2px 0 #b07a00}.bubble-trap-app .btp-me-tag[hidden]{display:none}.bubble-trap-app .btp-keys{position:absolute;z-index:4;bottom:calc(env(safe-area-inset-bottom, 0px) + 8px);left:50%;transform:translateX(-50%);margin:0;padding:3px 10px;border-radius:10px;background:rgba(255,255,255,.82);font-size:13px;font-weight:700;color:#6a3a5a;white-space:nowrap;pointer-events:none}.bubble-trap-app[data-variant=bubble] .btp-keys-dig,.bubble-trap-app[data-variant=dig] .btp-keys-bubble{display:none}.bubble-trap-app .btp-net{position:absolute;z-index:30;left:6px;bottom:40px;max-width:70vw;margin:0;white-space:pre-wrap;font:11px/1.3 ui-monospace,monospace;color:#fff;background:rgba(0,0,0,.55);padding:4px 6px;border-radius:6px;pointer-events:none}.bubble-trap-app .btp-net:empty{display:none}.bubble-trap-app .btp-touch{position:absolute;inset:auto 0 0 0;z-index:6;display:none;justify-content:space-between;align-items:flex-end;padding:0 max(14px,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom, 0px) + 16px) max(14px,env(safe-area-inset-left,0px));pointer-events:none;touch-action:none}.bubble-trap-app[data-touch="1"]:is([data-phase=play],[data-phase=paused]) .btp-touch{display:flex}.bubble-trap-app .btp-dpad{width:176px}.bubble-trap-app .btp-abtns,.bubble-trap-app .btp-dpad{position:relative;height:150px;pointer-events:auto;touch-action:none}.bubble-trap-app .btp-abtns{width:168px}.bubble-trap-app .btp-tbtn{position:absolute;display:grid;place-items:center;width:68px;height:68px;border:3px solid rgba(255,255,255,.95);border-radius:22px;background:rgba(255,95,168,.72);color:#fff;font:900 24px/1 system-ui,sans-serif;box-shadow:0 4px 0 rgba(120,30,80,.5);touch-action:none}.bubble-trap-app .btp-tbtn.on{transform:translateY(3px);box-shadow:0 1px 0 rgba(120,30,80,.5);background:rgba(255,60,140,.92)}.bubble-trap-app .btp-t-left{left:0;bottom:8px}.bubble-trap-app .btp-t-right{left:92px;bottom:8px;width:80px}.bubble-trap-app .btp-t-up{left:52px;bottom:82px}.bubble-trap-app .btp-t-down{left:52px;bottom:-66px;display:none}.bubble-trap-app[data-variant=bubble] .btp-t-up{display:none}.bubble-trap-app[data-variant=dig] .btp-t-left{bottom:40px}.bubble-trap-app[data-variant=dig] .btp-t-right{bottom:40px;width:68px;left:104px}.bubble-trap-app[data-variant=dig] .btp-t-up{bottom:100px;left:52px;height:56px}.bubble-trap-app[data-variant=dig] .btp-t-down{display:grid;bottom:-6px;left:52px;height:56px}.bubble-trap-app .btp-ta{right:0;bottom:40px;width:78px;height:78px;border-radius:50%;background:rgba(53,200,255,.78)}.bubble-trap-app .btp-tb{right:90px;bottom:6px;width:74px;height:74px;border-radius:50%}.bubble-trap-app[data-variant=dig] .btp-tb{right:0;bottom:30px;width:96px;height:96px}.bubble-trap-app[data-variant=dig] .btp-ta{display:none}.bubble-trap-app .btp-banner{position:absolute;z-index:8;left:50%;top:38%;transform:translate(-50%,-50%) scale(.6);opacity:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 26px;border:4px solid #fff;border-radius:26px;background:linear-gradient(180deg,#ff7cbc,#ff4f9a);color:#fff;text-align:center;box-shadow:0 6px 0 #a8326e,0 0 30px rgba(255,95,168,.5);transition:opacity .2s,transform .2s;max-width:calc(100vw - 24px)}.bubble-trap-app .btp-banner b{font:900 clamp(22px,min(5.4vw,7vh),46px)/1.05 Playful,Avenir Next,sans-serif;letter-spacing:.02em;white-space:nowrap}.bubble-trap-app .btp-banner small{font-size:14px;font-weight:700;color:#fff0f7}.bubble-trap-app .btp-banner.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.bubble-trap-app .btp-banner.pop{animation:btp-pop .35s ease-out}.bubble-trap-app .btp-banner.win{background:linear-gradient(180deg,#5ee0b0,#20b07a);box-shadow:0 6px 0 #0e6a46,0 0 30px rgba(58,224,160,.5)}.bubble-trap-app .btp-banner.lose{background:linear-gradient(180deg,#ffb03a,#ff6a2a);box-shadow:0 6px 0 #9a3a0e,0 0 30px rgba(255,140,60,.5)}.bubble-trap-app .btp-toast{position:absolute;z-index:8;left:50%;top:calc(env(safe-area-inset-top, 0px) + 70px);transform:translateX(-50%) translateY(-6px);opacity:0;padding:6px 16px;border-radius:14px;background:rgba(58,26,58,.9);color:#fff;font-size:15px;font-weight:800;pointer-events:none;transition:opacity .2s,transform .2s;white-space:nowrap;max-width:calc(100vw - 24px);overflow:hidden;text-overflow:ellipsis}.bubble-trap-app .btp-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@keyframes btp-pop{0%{transform:translate(-50%,-50%) scale(.5)}70%{transform:translate(-50%,-50%) scale(1.12)}to{transform:translate(-50%,-50%) scale(1)}}.bubble-trap-app .overlay{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.bubble-trap-app .btp-menu{justify-content:center;align-items:flex-end;padding:20px max(24px,env(safe-area-inset-right,0px)) 20px 20px}.bubble-trap-app .btp-panel{width:min(440px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;padding:22px 24px;touch-action:pan-y}.bubble-trap-app .btp-kicker{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.14em;color:#d0408a}.bubble-trap-app .btp-logo{margin:2px 0 6px;font:900 clamp(40px,5vw,54px)/1 Playful,Avenir Next,sans-serif;color:#e0307a;letter-spacing:-1px;transform:rotate(-2deg);text-shadow:0 4px 0 #9fe8ff}.bubble-trap-app .btp-sub{margin:0 0 12px;font-size:15px;line-height:1.4}.bubble-trap-app .btp-label{margin:10px 0 6px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#9a5a86}.bubble-trap-app .btp-cards{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.bubble-trap-app .btp-card{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:92px;padding:8px 6px;border:3px solid #f5d2e6;border-radius:16px;background:#fff9fc;color:var(--play-ink);cursor:pointer;text-align:center;transition:transform .12s,border-color .12s}.bubble-trap-app .btp-card b{font-size:15px}.bubble-trap-app .btp-card small{font-size:11px;line-height:1.25;color:#8a5a7a}.bubble-trap-app .btp-card-icon{font-size:24px}.bubble-trap-app .btp-card[aria-checked=true]{border-color:var(--play-accent);background:var(--play-soft);transform:translateY(-2px)}.bubble-trap-app .btp-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:4px}.bubble-trap-app .btp-row .btp-label{margin:8px 0 0}.bubble-trap-app .btp-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px;align-items:center}.bubble-trap-app .btp-chip,.bubble-trap-app .btp-toggle{min-width:44px;min-height:44px;padding:6px 10px;border:2px solid #f5d2e6;border-radius:12px;background:#fff9fc;color:var(--play-ink);font-weight:800;font-size:14px;cursor:pointer}.bubble-trap-app .btp-toggle{flex:1 1 100%;margin-top:6px}.bubble-trap-app .btp-chip[aria-checked=true],.bubble-trap-app .btp-toggle[aria-pressed=true]{border-color:var(--play-accent);background:var(--play-soft);color:#c02a6a}.bubble-trap-app .btp-toggle[aria-pressed=false]{opacity:.6}.bubble-trap-app .btp-chip:disabled{opacity:.35;cursor:not-allowed}.bubble-trap-app:not([data-variant=bubble]) .btp-only-bubble,.bubble-trap-app:not([data-variant=dig]) .btp-only-dig{display:none}.bubble-trap-app .btp-start{margin-top:14px}.bubble-trap-app .btp-online-btn{width:100%}.bubble-trap-app .btp-best-line{margin:10px 0 0;text-align:center;font-size:13px;color:#8a5a7a}.bubble-trap-app .btp-howto{margin:8px 0 0;font-size:13px;line-height:1.45;color:#6a4a6a}.bubble-trap-app .btp-settings{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.bubble-trap-app .btp-setting{flex:1 1 auto;min-height:44px;padding:6px 10px;border:2px solid #f5d2e6;border-radius:12px;background:#fff9fc;font-weight:800;font-size:13px;color:var(--play-ink);cursor:pointer}.bubble-trap-app .btp-setting[aria-pressed=false]{opacity:.5;text-decoration:line-through}.bubble-trap-app .btp-pause,.bubble-trap-app .btp-results{background:rgba(80,20,60,.35);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:20px}.bubble-trap-app .btp-panel-small{width:min(340px,100%);text-align:center}.bubble-trap-app .btp-panel-small h2{margin:0 0 12px}.bubble-trap-app .btp-panel-results{width:min(460px,100%)}.bubble-trap-app .btp-r-title{margin:4px 0;font-size:30px;line-height:1.1;color:#e0307a}.bubble-trap-app .btp-r-sub{margin:0 0 10px;font-size:15px}.bubble-trap-app .btp-r-scorebox{display:flex;align-items:baseline;justify-content:space-between;padding:8px 14px;margin-bottom:10px;border-radius:14px;background:var(--play-soft)}.bubble-trap-app .btp-r-scorebox b{font-size:30px;color:var(--play-accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bubble-trap-app .btp-r-table{width:100%;border-collapse:collapse;margin-bottom:10px;font-size:15px}.bubble-trap-app .btp-r-table th{text-align:left;font-size:12px;text-transform:uppercase;color:#9a5a86;padding:4px 6px}.bubble-trap-app .btp-r-table td{padding:6px;border-top:1px solid #f5dcea;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bubble-trap-app .btp-r-table tr.me td{background:#fff4c2}.bubble-trap-app .btp-dot{display:inline-block;width:12px;height:12px;margin-right:6px;border-radius:50%;background:var(--c);vertical-align:-1px}.bubble-trap-app .btp-pause .big,.bubble-trap-app .btp-results .big{width:100%;margin-top:8px}.bubble-trap-app .btp-pause .a-secondary,.bubble-trap-app .btp-results .a-secondary{width:100%}.bubble-trap-app .btp-loading{background:#ffeef6}.bubble-trap-app .backlink{position:absolute;z-index:11;top:calc(env(safe-area-inset-top, 0px) + 14px);left:calc(env(safe-area-inset-left, 0px) + 14px)}@media (hover:none),(pointer:coarse){.bubble-trap-app .btp-keys{display:none}}@media (max-aspect-ratio:4/5),(max-width:700px){.bubble-trap-app .btp-menu{align-items:stretch;justify-content:flex-end;padding:0}.bubble-trap-app .btp-menu .btp-panel{width:100%;max-height:62dvh;border-radius:26px 26px 0 0;border-bottom:0;padding:16px 16px calc(env(safe-area-inset-bottom, 0px) + 16px)}.bubble-trap-app .btp-logo{font-size:36px}.bubble-trap-app .btp-howto,.bubble-trap-app .btp-sub{font-size:13px}.bubble-trap-app .btp-hud{gap:5px}.bubble-trap-app .btp-box{min-width:70px;padding:2px 8px}.bubble-trap-app .btp-box b{font-size:13px;max-width:120px}.bubble-trap-app .btp-scorebox b{font-size:15px}}@media (max-width:560px) and (orientation:portrait){.bubble-trap-app .btp-hud{flex-wrap:wrap;justify-content:center;row-gap:5px;width:calc(100vw - 16px)}.bubble-trap-app .btp-seats{order:3;flex-basis:100%;justify-content:center;max-width:none;gap:3px}.bubble-trap-app .btp-word{order:4}.bubble-trap-app .btp-word span{width:19px;height:19px;font-size:11px}.bubble-trap-app .btp-seat{padding:2px 6px 2px 3px;font-size:11px}.bubble-trap-app .btp-seat-name{max-width:50px}.bubble-trap-app .btp-hud-btns{gap:4px}.bubble-trap-app .btp-toast{top:auto;bottom:calc(env(safe-area-inset-bottom, 0px) + 180px)}}@media (max-height:500px) and (orientation:landscape){.bubble-trap-app .btp-hud{left:calc(env(safe-area-inset-left, 0px) + 8px);transform:none;flex-direction:column;align-items:stretch;width:160px;top:calc(env(safe-area-inset-top, 0px) + 6px)}.bubble-trap-app .btp-hud-btns{order:-1;justify-content:space-between}.bubble-trap-app .btp-seats{flex-direction:column;max-width:none}.bubble-trap-app .btp-word{justify-content:center}.bubble-trap-app .btp-word span{width:19px;height:19px;font-size:11px}.bubble-trap-app .btp-menu{align-items:flex-end;justify-content:center;padding:8px}.bubble-trap-app .btp-menu .btp-panel{width:min(400px,56vw);max-height:calc(100dvh - 16px);border-radius:22px;padding:12px 14px}.bubble-trap-app .btp-logo{font-size:30px}.bubble-trap-app .btp-howto,.bubble-trap-app .btp-sub{display:none}.bubble-trap-app .btp-card{min-height:60px}.bubble-trap-app .backlink,.bubble-trap-app .btp-card small{display:none}.bubble-trap-app .btp-banner{top:42%}.bubble-trap-app .btp-toast{top:auto;bottom:calc(env(safe-area-inset-bottom, 0px) + 10px)}.bubble-trap-app .btp-touch{padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 8px)}.bubble-trap-app .btp-touch .btp-dpad{transform:scale(.86);transform-origin:left bottom}.bubble-trap-app .btp-touch .btp-abtns{transform:scale(.86);transform-origin:right bottom}}@media (prefers-reduced-motion:reduce){.bubble-trap-app .btp-banner.pop{animation:none}}