.pbb-app{--pbb-ink:#3b2a26;--pbb-cream:#fff8ee;--pbb-red:#e5574a;--pbb-green:#4fa863;--pbb-gold:#f2b840;--pbb-glass:rgba(59,42,38,0.78);--play-accent:#e5574a;--play-ink:#3b2a26;--play-paper:#fff8ee;overflow:hidden;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100dvh;background:#e9d2b0;color:#fff}.pbb-scene{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:none;cursor:-webkit-grab;cursor:grab}.pbb-app:not([data-phase=play]) :is(.pbb-top,.pbb-card,.pbb-tags,.pbb-bubble,.pbb-toast,.pbb-dock){display:none}.pbb-top{position:absolute;z-index:4;left:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);max-width:520px;margin:0 auto;display:grid;grid-template-columns:40px repeat(4,1fr) 40px;grid-gap:5px;gap:5px;align-items:center}.pbb-icon-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;cursor:pointer;padding:0;color:#fff;border:2px solid rgba(255,255,255,.85);box-shadow:0 3px 0 rgba(30,15,10,.3)}.pbb-box,.pbb-icon-btn{background:var(--pbb-glass)}.pbb-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:40px;min-width:0;box-sizing:border-box;border-radius:12px;border:2px solid rgba(255,255,255,.4);box-shadow:0 3px 0 rgba(30,15,10,.25)}.pbb-box>span{font:800 8.5px/1 Playful,sans-serif;letter-spacing:1px;opacity:.8}.pbb-box>b{font:800 16px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--pbb-gold)}#pbb-time-box.low b{color:#ffb3a8;animation:pbb-pulse .9s ease-in-out infinite}@keyframes pbb-pulse{50%{transform:scale(1.12)}}.pbb-misses{display:flex;gap:4px}.pbb-misses i{width:11px;height:11px;border-radius:50%;border:2px solid rgba(255,255,255,.55);box-sizing:border-box}.pbb-misses i.on{background:var(--pbb-red);border-color:#fff;animation:pbb-pop .4s cubic-bezier(.3,1.8,.5,1)}.pbb-card{position:absolute;z-index:4;left:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 54px);max-width:520px;margin:0 auto;padding:7px 9px 8px;border-radius:16px;color:var(--pbb-ink);display:grid;grid-gap:6px;gap:6px;box-sizing:border-box;background:repeating-linear-gradient(0deg,transparent 0 19px,rgba(229,87,74,.07) 19px 20px),var(--pbb-cream);border:3px solid #fff;box-shadow:0 4px 0 #b98a5c,0 10px 22px rgba(40,20,0,.3);transform:rotate(-.6deg)}.pbb-card.in{animation:pbb-deal .5s cubic-bezier(.3,1.4,.5,1)}@keyframes pbb-deal{0%{transform:translateY(-30px) rotate(-6deg) scale(.9);opacity:0}}.pbb-who{display:flex;align-items:center;gap:8px;min-width:0}.pbb-avatar{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:21px;background:#fff;box-shadow:inset 0 0 0 2px #f0dfc7}.pbb-who>div{min-width:0}.pbb-who strong{font:800 15px/1 Playful,sans-serif;color:var(--pbb-red)}.pbb-who p{margin:2px 0 0;font:700 11.5px/1.15 Playful,sans-serif;color:#7a645a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pbb-meters{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:4px;gap:4px}.pbb-meter{display:flex;align-items:center;gap:3px;padding:3px 4px;border-radius:10px;background:#fff;min-width:0;height:28px;box-sizing:border-box;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--g) 30%,#fff);transition:background .2s,box-shadow .2s}.pbb-meter i{font-style:normal;font-size:15px;line-height:1;flex:none}.pbb-pips{display:flex;flex-wrap:wrap;gap:2px;min-width:0}.pbb-pips b{width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--g);box-sizing:border-box}.pbb-pips b.on{background:var(--g);animation:pbb-pop .35s cubic-bezier(.3,1.8,.5,1)}.pbb-pips b.over{box-shadow:none;background:var(--pbb-red);color:#fff;font:900 9px/10px Playful,sans-serif;text-align:center}.pbb-pips em{font:700 10px/1 Playful,sans-serif;font-style:normal;color:#b0a090}.pbb-meter.done{background:color-mix(in srgb,var(--g) 18%,#fff);box-shadow:inset 0 0 0 2px var(--g)}.pbb-meter.over{box-shadow:inset 0 0 0 2px var(--pbb-red)}.pbb-chips{display:flex;flex-wrap:wrap;gap:4px}.pbb-chip{display:inline-flex;align-items:center;gap:3px;height:22px;padding:0 8px;border-radius:11px;font:800 11.5px/1 Playful,sans-serif;background:#f6ead8;color:var(--pbb-ink)}.pbb-chip[hidden]{display:none}.pbb-tokens b{font-size:13px}.pbb-tokens.tight{background:#fff0c2}.pbb-tokens.over{background:var(--pbb-red);color:#fff;animation:pbb-shake .4s}.pbb-dislike{background:#ffe4e0;color:#b0372c}.pbb-dislike s{text-decoration:line-through;-webkit-text-decoration-color:var(--pbb-red);text-decoration-color:var(--pbb-red);text-decoration-thickness:2px}.pbb-warm{background:#ffe9d0;color:#b85a12}.pbb-warm.ok{background:#ff9a3c;color:#fff}.pbb-warm.ok:after{content:" ✓"}.pbb-left{background:#ece4f6;color:#5b3f8a}@keyframes pbb-pop{0%{transform:scale(0)}}@keyframes pbb-shake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}.pbb-tags{position:absolute;inset:0;z-index:3;pointer-events:none}.pbb-tag{position:absolute;left:0;top:0;display:flex;align-items:center;gap:2px;padding:2px 5px 2px 3px;border-radius:9px;white-space:nowrap;background:rgba(255,248,238,.95);color:var(--pbb-ink);font:800 10.5px/1 Playful,sans-serif;box-shadow:0 2px 0 rgba(90,50,20,.35);will-change:transform}.pbb-tag u{text-decoration:none;width:15px;height:15px;border-radius:50%;display:grid;place-items:center;font-size:9px;background:color-mix(in srgb,var(--g) 30%,#fff);box-shadow:inset 0 0 0 1.5px var(--g)}.pbb-tag em{font-style:normal;font-size:10px}.pbb-tag em.w2{font-size:8.5px;color:#fff;background:#8a6aa0;border-radius:5px;padding:2px 3px}.pbb-tag.nope{background:#ffe4e0}.pbb-tag.nope .tx{position:relative}.pbb-tag.nope .tx:after{content:"";position:absolute;left:-2px;right:-2px;top:50%;height:2px;margin-top:-1px;background:var(--pbb-red);transform:rotate(-35deg);border-radius:1px}.pbb-bubble{position:absolute;z-index:5;left:0;top:0;max-width:220px;width:max-content;padding:7px 11px;border-radius:16px;pointer-events:none;opacity:0;background:#fff;color:var(--pbb-ink);font:800 13.5px/1.2 Playful,sans-serif;text-align:center;box-shadow:0 4px 0 rgba(90,50,20,.3),0 8px 18px rgba(40,20,0,.25);transition:opacity .2s;will-change:transform}.pbb-bubble:after{content:"";position:absolute;left:50%;bottom:-8px;margin-left:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:0;border-top:8px solid #fff}.pbb-bubble.show{opacity:1;animation:pbb-bub .4s cubic-bezier(.3,1.7,.5,1)}.pbb-bubble[data-kind=bad]{color:#b0372c}.pbb-bubble[data-kind=warn]{color:#8a4a12}.pbb-bubble[data-kind=card]{color:#5b3f8a}@keyframes pbb-bub{0%{opacity:0;margin-top:10px}}.pbb-toast{position:absolute;z-index:7;left:50%;top:37%;transform:translate(-50%,10px) scale(.9);opacity:0;pointer-events:none;font:800 21px/1.1 Playful,sans-serif;color:#fff;text-align:center;width:max-content;max-width:calc(100% - 28px);-webkit-text-stroke:6px var(--pbb-ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--pbb-ink);transition:opacity .2s,transform .3s cubic-bezier(.3,1.6,.5,1)}.pbb-toast.show{opacity:1;transform:translate(-50%)}.pbb-toast[data-kind=good]{color:#fff2b8;-webkit-text-stroke-color:#3f7a3a;text-shadow:0 4px 0 #3f7a3a}.pbb-toast[data-kind=warn]{color:#ffe9d0;-webkit-text-stroke-color:#a0481c;text-shadow:0 4px 0 #a0481c;font-size:17px}.pbb-toast[data-kind=bad]{color:#ffd9d4;-webkit-text-stroke-color:#9a2c22;text-shadow:0 4px 0 #9a2c22}.pbb-toast[data-kind=info]{color:#fff;-webkit-text-stroke-color:#4a3a6a;text-shadow:0 4px 0 #4a3a6a;font-size:17px}.pbb-dock{position:absolute;z-index:6;left:10px;right:10px;bottom:calc(env(safe-area-inset-bottom, 0px) + 10px);max-width:460px;margin:0 auto;display:grid;grid-gap:6px;gap:6px}.pbb-hint{margin:0 auto;padding:5px 10px;border-radius:10px;background:var(--pbb-glass);font:700 12px/1.25 Playful,sans-serif;text-align:center;opacity:0;transition:opacity .25s;max-width:100%}.pbb-hint.show{opacity:1}.pbb-dock-row{display:grid;grid-template-columns:54px 1fr;grid-gap:8px;gap:8px}.pbb-app .pbb-clear{height:54px;border-radius:16px;border:3px solid #fff;background:var(--pbb-cream);color:#8a6a5a;display:grid;place-items:center;box-shadow:0 4px 0 #b98a5c}.pbb-app .pbb-clear,.pbb-app .pbb-serve{cursor:pointer;touch-action:manipulation}.pbb-app .pbb-serve{height:54px;border-radius:18px;border:3px solid #9a2c22;background:var(--pbb-red);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font:800 22px/1 Playful,sans-serif;letter-spacing:1.5px;box-shadow:inset 0 3px 0 #ff9a8c,0 5px 0 #9a2c22;transition:transform .12s,filter .2s}.pbb-app .pbb-serve:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 3px 0 #ff9a8c,0 2px 0 #9a2c22}.pbb-app .pbb-serve:disabled{filter:grayscale(.7) opacity(.7);cursor:default}.playful-game .pbb-menu,.playful-game .pbb-paused,.playful-game .pbb-results{background:linear-gradient(180deg,rgba(60,30,15,0) 25%,rgba(60,30,15,.55));backdrop-filter:none;-webkit-backdrop-filter:none;justify-content:flex-start;padding:10vh 12px calc(env(safe-area-inset-bottom, 0px) + 12px)}.playful-game .pbb-paused{background:rgba(59,42,38,.5);justify-content:center}.pbb-sheet{position:relative;width:min(440px,100%);margin:auto auto 0;flex:none;color:var(--pbb-ink);border-radius:24px;padding:14px;text-align:center;border:3px solid #fff;box-sizing:border-box;background:repeating-linear-gradient(0deg,transparent 0 23px,rgba(229,87,74,.08) 23px 24px),var(--pbb-cream);box-shadow:0 7px 0 #b98a5c,0 20px 50px rgba(40,20,0,.45)}.pbb-pause-card{margin:auto;width:min(340px,100%);display:grid;grid-gap:8px;gap:8px}.pbb-kicker{display:inline-block;font:800 10px/1 Playful,sans-serif;letter-spacing:1.6px;color:#fff;background:var(--pbb-green);border-radius:8px;padding:5px 9px}.pbb-logo{margin:8px 0 4px;font:800 34px/.92 Playful,sans-serif;color:#fff2b8;-webkit-text-stroke:4px var(--pbb-ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--pbb-red);transform:rotate(-2deg)}.pbb-rules{list-style:none;margin:8px 0;padding:10px;text-align:left;display:grid;grid-gap:6px;gap:6px;background:#fff;border-radius:14px;box-shadow:inset 0 0 0 2px #f0dfc7}.pbb-rules li{display:flex;gap:7px;align-items:baseline;font:600 12.5px/1.3 Playful,sans-serif;color:#5a4a44}.pbb-rules li span{flex:none;width:18px;text-align:center}.pbb-rules li p{margin:0}.pbb-rules b{color:#c2412f}.playful-game .pbb-sheet button.big{width:100%;background:var(--pbb-green);color:#fff;border-color:#2f7a3e;box-shadow:inset 0 3px 0 #a6e6a8,0 5px 0 #2f7a3e;font-size:22px}.pbb-app .pbb-link-btn{margin-top:10px;background:#fff;color:var(--pbb-ink);border:2px solid #f0dfc7;border-radius:14px;padding:9px 14px;font:800 15px/1.2 Playful,sans-serif;cursor:pointer}.pbb-link-btn .off,.pbb-link-btn[aria-pressed=true] .on{display:none}.pbb-link-btn[aria-pressed=true] .off{display:inline}.pbb-best{margin:8px 0 0;font:800 13px/1 Playful,sans-serif;color:#b0662a;min-height:13px}.pbb-note{margin:6px 0 0;font:700 11px/1.25 Playful,sans-serif;color:#9a8a80}.pbb-r-title{margin:6px 0 0;font:800 26px/1 Playful,sans-serif;color:var(--pbb-red)}.pbb-r-score{display:flex;align-items:baseline;justify-content:center;gap:6px}.pbb-r-score b{font:800 46px/1 Playful,sans-serif;color:var(--pbb-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pbb-r-score span{font:800 15px/1 Playful,sans-serif;color:#9a8a80}.pbb-stars{display:flex;justify-content:center;gap:6px;margin:2px 0 6px}.pbb-stars i{width:28px;height:28px;background:rgba(59,42,38,.18);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);transition:transform .3s cubic-bezier(.3,1.8,.5,1),background .2s}.pbb-stars i.on{background:#ffc61a;transform:scale(1.18) rotate(-6deg)}.pbb-r-plates{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:5px;gap:5px;margin:0 0 8px}.pbb-rp{position:relative;display:grid;justify-items:center;grid-gap:1px;gap:1px;padding:5px 2px 4px;border-radius:50%;aspect-ratio:1;align-content:center;background:#fff;box-shadow:inset 0 0 0 3px #e7e9f0,0 2px 4px rgba(0,0,0,.15);animation:pbb-deal .45s cubic-bezier(.3,1.4,.5,1) backwards}.pbb-rp i{font-style:normal;font-size:18px;line-height:1}.pbb-rp b{font:800 11px/1 Playful,sans-serif;color:var(--pbb-ink)}.pbb-rp em{position:absolute;right:-2px;top:-3px;width:18px;height:18px;border-radius:50%;font:900 11px/18px Playful,sans-serif;font-style:normal;color:#fff;background:#9a8a80;box-shadow:0 0 0 2px #fff}.pbb-rp.perfect{box-shadow:inset 0 0 0 3px #ffc61a,0 2px 4px rgba(0,0,0,.15)}.pbb-rp.perfect em{background:#f2a50c}.pbb-rp.good em{background:var(--pbb-green)}.pbb-rp.miss{background:#fbecea}.pbb-rp.miss em{background:var(--pbb-red)}.pbb-r-stats{list-style:none;margin:0 0 4px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:5px;gap:5px}.pbb-r-stats li{display:flex;flex-direction:column;gap:3px;padding:7px 2px;border-radius:12px;background:#fff}.pbb-r-stats b{font:800 18px/1 Playful,sans-serif;color:var(--pbb-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pbb-r-stats span{font:700 10px/1 Playful,sans-serif;color:#9a8a80}.pbb-r-line{margin:6px 0 4px;font:700 13px/1.3 Playful,sans-serif;color:#5a4a44}.pbb-r-best{margin:2px 0 10px;font:800 13px/1 Playful,sans-serif;color:#c2457a;min-height:13px}.pbb-r-row{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap}.playful-game .pbb-r-row .share-btn{margin-top:10px;padding:8px 14px;font-size:15px}.playful-game .pbb-loading{background:radial-gradient(ellipse at 50% 40%,#fff8ee,#d9b88e)}@media (min-width:760px) and (min-aspect-ratio:1/1){.playful-game .pbb-menu,.playful-game .pbb-results{background:linear-gradient(90deg,rgba(60,30,15,0) 45%,rgba(60,30,15,.45));align-items:flex-end;justify-content:flex-start;padding:24px 5vw 24px 24px}.pbb-sheet{margin:auto 0}.pbb-pause-card{margin:auto}.pbb-logo{font-size:44px}}@media (max-height:720px){.pbb-rules{display:none}}