.tbp-app{--tbp-ink:#4a2a22;--tbp-rose:#ff6f9c;--tbp-mint:#7fd1b9;--tbp-gold:#ffcf4a;--tbp-cream:#fff8ee;--tbp-glass:rgba(74,42,34,0.72);--play-accent:#ff6f9c;--play-ink:#4a2a22;--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:#f3d7d2;color:#fff}.tbp-scene{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:none}.tbp-app:not([data-phase=play]) :is(.tbp-head,.tbp-stats,.tbp-left,.tbp-toast,.tbp-hint,.tbp-tip,.tbp-panel){display:none}.tbp-head{position:absolute;z-index:4;left:0;right:0;top:calc(env(safe-area-inset-top, 0px) + 10px);display:grid;grid-template-columns:44px 1fr 44px;align-items:center;grid-gap:8px;gap:8px;padding:0 12px;pointer-events:none}.tbp-head>*{pointer-events:auto}.tbp-icon-btn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:var(--tbp-glass);color:#fff;border:2px solid rgba(255,255,255,.85);box-shadow:0 3px 0 rgba(0,0,0,.25)}.tbp-icon-btn .off,.tbp-icon-btn[aria-pressed=true] .on{display:none}.tbp-icon-btn[aria-pressed=true] .off{display:inline}.tbp-pill{justify-self:center;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px 0 6px;border-radius:22px;max-width:100%;background:var(--tbp-glass);border:2px solid rgba(255,255,255,.85);box-shadow:0 3px 0 rgba(0,0,0,.25);pointer-events:none}.tbp-pill b{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--tbp-rose);font:800 16px/1 Playful,sans-serif}.tbp-pill span{font:800 15px/1 Playful,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tbp-stats{position:absolute;z-index:4;left:12px;right:12px;top:calc(env(safe-area-inset-top, 0px) + 62px);display:grid;grid-template-columns:.8fr 1.5fr .9fr;grid-gap:6px;gap:6px;pointer-events:none;max-width:440px;margin:0 auto}.tbp-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:6px 6px 7px;border-radius:14px;background:var(--tbp-glass);border:2px solid rgba(255,255,255,.5);box-shadow:0 3px 0 rgba(0,0,0,.2)}.tbp-box>span{font:800 9px/1 Playful,sans-serif;letter-spacing:1.2px;opacity:.8}.tbp-score-box b{font:800 21px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--tbp-gold)}.tbp-score-box.bump b{animation:tbp-pop .4s}@keyframes tbp-pop{35%{transform:scale(1.25)}}.tbp-shots,.tbp-spills{display:flex;gap:3px}.tbp-shots i{width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe1a8,#e7ad62 60%,#b9772f);box-shadow:0 1px 0 rgba(0,0,0,.35);transition:opacity .3s,transform .3s}.tbp-shots i.used{opacity:.2;transform:scale(.7)}.tbp-spills i{width:18px;height:14px;border-radius:3px 3px 9px 9px;background:rgba(255,255,255,.9);position:relative;transition:background .2s,transform .3s}.tbp-spills i:after{content:"";position:absolute;right:-5px;top:2px;width:5px;height:6px;border:2px solid rgba(255,255,255,.9);border-left:0;border-radius:0 6px 6px 0}.tbp-spills i.on{background:#ff5a6a;transform:rotate(-24deg) translateY(2px)}.tbp-left{position:absolute;z-index:4;left:50%;transform:translateX(-50%);top:calc(env(safe-area-inset-top, 0px) + 118px);display:flex;gap:4px;pointer-events:none}.tbp-left i{width:12px;height:12px;border-radius:50%;background:var(--c);border:2px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.3)}.tbp-toast{position:absolute;z-index:7;left:50%;top:38%;transform:translate(-50%,10px) scale(.9);opacity:0;pointer-events:none;font:800 22px/1.1 Playful,sans-serif;color:#fff;text-align:center;width:max-content;max-width:calc(100% - 28px);-webkit-text-stroke:6px var(--tbp-ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--tbp-ink);transition:opacity .2s,transform .3s cubic-bezier(.3,1.6,.5,1)}.tbp-toast.show{opacity:1;transform:translate(-50%)}.tbp-toast[data-kind=good]{color:#fff2c4;-webkit-text-stroke-color:#8c3b52;text-shadow:0 4px 0 #8c3b52}.tbp-toast[data-kind=bad]{color:#ffe1e4;-webkit-text-stroke-color:#6a0d1c;text-shadow:0 4px 0 #6a0d1c}.tbp-tip{position:absolute;z-index:6;left:50%;top:36%;transform:translate(-50%,-50%) scale(.92);opacity:0;pointer-events:none;width:min(330px,calc(100% - 40px));padding:14px 16px 12px;border-radius:20px;text-align:center;color:var(--tbp-ink);background:var(--tbp-cream);border:3px solid #fff;box-shadow:0 6px 0 #d58aa0,0 16px 40px rgba(0,0,0,.25);transition:opacity .3s,transform .35s cubic-bezier(.3,1.5,.5,1)}.tbp-tip.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.tbp-tip span{display:inline-block;font:800 10px/1 Playful,sans-serif;letter-spacing:1.4px;color:#fff;background:var(--tbp-rose);border-radius:8px;padding:5px 8px}.tbp-tip b{display:block;margin:8px 0 4px;font:800 26px/1 Playful,sans-serif;color:#c2406a}.tbp-tip p{margin:0 0 8px;font:700 14px/1.3 Playful,sans-serif}.tbp-tip em{font:800 11px/1 Playful,sans-serif;font-style:normal;color:#9a6a4a}.tbp-hint{position:absolute;z-index:5;left:50%;top:calc(env(safe-area-inset-top, 0px) + 140px);transform:translateX(-50%);margin:0;padding:7px 13px;border-radius:14px;background:var(--tbp-glass);border:2px solid rgba(255,255,255,.55);font:700 13px/1.25 Playful,sans-serif;text-align:center;width:max-content;max-width:calc(100% - 32px);opacity:0;transition:opacity .25s;pointer-events:none}.tbp-hint.show{opacity:1}.tbp-panel{position:absolute;z-index:6;left:10px;right:10px;bottom:calc(env(safe-area-inset-bottom, 0px) + 10px);max-width:520px;margin:0 auto;display:grid;grid-template-columns:1fr 104px;grid-gap:8px;gap:8px;padding:8px;border-radius:22px;background:var(--tbp-cream);border:3px solid #fff;box-shadow:0 5px 0 #d58aa0,0 12px 26px rgba(74,42,34,.25);color:var(--tbp-ink)}.tbp-sliders{display:flex;flex-direction:column;gap:6px;min-width:0}.tbp-slider{--v:0.5;cursor:pointer;touch-action:none;padding:2px 0}.tbp-s-label{display:flex;justify-content:space-between;align-items:baseline;padding:0 4px 3px}.tbp-s-label span{font:800 10px/1 Playful,sans-serif;letter-spacing:1.3px;color:#9a6a4a}.tbp-s-label b{font:800 14px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tbp-track{position:relative;height:30px;border-radius:15px;background:#f3e3cf;box-shadow:inset 0 2px 0 rgba(74,42,34,.12);overflow:visible}.tbp-power .tbp-fill{position:absolute;left:3px;top:3px;bottom:3px;border-radius:12px;width:calc(24px + (100% - 30px) * var(--v));background:linear-gradient(90deg,#7fd1b9,#ffcf4a 55%,#ff6f6f)}.tbp-knob{position:absolute;top:50%;left:calc(15px + (100% - 30px) * var(--v));width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe9c4,#f0c27a 60%,#c88a3f);border:3px solid #fff;box-shadow:0 3px 0 rgba(74,42,34,.35)}.tbp-spin .tbp-track{background:linear-gradient(90deg,#c9e2ff,#f3e3cf 45%,#f3e3cf 55%,#ffd6e2)}.tbp-spin em{position:absolute;top:50%;transform:translateY(-50%);font:800 9px/1 Playful,sans-serif;font-style:normal;letter-spacing:1px;color:#9a6a4a;opacity:.8}.tbp-spin em:first-child{left:10px}.tbp-spin em:nth-child(2){right:10px}.tbp-mid{position:absolute;left:50%;top:6px;bottom:6px;width:2px;margin-left:-1px;background:rgba(74,42,34,.25);border-radius:1px}.tbp-shoot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0;border-radius:20px;cursor:pointer;touch-action:manipulation;background:linear-gradient(180deg,#ff9ab9,#ff5f93);color:#fff;border:3px solid #ffd6e2;box-shadow:0 6px 0 #b0335d;transition:transform .1s,box-shadow .1s,filter .2s}.tbp-shoot span{font-size:30px;line-height:1}.tbp-shoot b{font:800 20px/1 Playful,sans-serif;-webkit-text-stroke:4px #b0335d;paint-order:stroke fill}.tbp-shoot:active{transform:translateY(5px);box-shadow:0 1px 0 #b0335d}.tbp-shoot:disabled{filter:grayscale(.7) brightness(.92);cursor:default}.tbp-shoot.ready{animation:tbp-ready 1.4s ease-in-out infinite}@keyframes tbp-ready{50%{transform:translateY(-2px) rotate(-1.5deg)}}.playful-game .tbp-menu,.playful-game .tbp-results{background:linear-gradient(180deg,rgba(74,42,34,0) 30%,rgba(74,42,34,.45));backdrop-filter:none;-webkit-backdrop-filter:none;justify-content:flex-start;padding:12vh 12px calc(env(safe-area-inset-bottom, 0px) + 12px)}.playful-game .tbp-results{padding-top:16vh}.tbp-card{position:relative;width:min(440px,100%);margin:auto auto 0;flex:none;color:var(--tbp-ink);border-radius:26px;padding:14px;text-align:center;border:3px solid #fff;background:radial-gradient(circle at 12px 12px,rgba(255,111,156,.12) 3px,transparent 4px) 0 0 /24px 24px,#fff3e6;box-shadow:0 7px 0 #d58aa0,0 20px 50px rgba(74,42,34,.35)}.tbp-kicker{display:inline-block;font:800 10px/1 Playful,sans-serif;letter-spacing:1.6px;color:#fff;background:#3fae8f;border-radius:8px;padding:5px 9px}.tbp-logo{margin:8px 0 6px;font:800 40px/.9 Playful,sans-serif;letter-spacing:1px;color:#ffe08a;-webkit-text-stroke:4px var(--tbp-ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--tbp-rose);transform:rotate(-2deg)}.tbp-rules{list-style:none;margin:8px 0 10px;padding:10px;text-align:left;display:grid;grid-gap:6px;gap:6px;background:#fffaf3;border-radius:14px;box-shadow:inset 0 0 0 2px #f6dccb}.tbp-rules li{display:flex;gap:7px;align-items:baseline;font:600 12.5px/1.3 Playful,sans-serif;color:#5a3a30}.tbp-rules li span{flex:none;width:18px;text-align:center}.tbp-rules li p{margin:0}.tbp-rules b{color:#c2406a}.tbp-levels{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:5px;gap:5px;margin:0 0 6px}.tbp-app .tbp-lv{height:46px;border-radius:12px;border:2px solid #fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0;background:#fffaf3;color:var(--tbp-ink);box-shadow:0 3px 0 rgba(74,42,34,.3);font:800 16px/1 Playful,sans-serif}.tbp-lv:nth-child(5n+1){background:#ffe3ec}.tbp-lv:nth-child(5n+2){background:#e3f6ec}.tbp-lv:nth-child(5n+3){background:#fff1c9}.tbp-lv:nth-child(5n+4){background:#ece5ff}.tbp-lv i{font:700 10px/1 Playful,sans-serif;font-style:normal;color:#e0a800;letter-spacing:-1px}.tbp-lv[data-sel=true]{border-color:var(--tbp-rose);box-shadow:0 3px 0 #b0335d,0 0 0 3px rgba(255,111,156,.35);transform:translateY(-2px)}.tbp-lv:disabled{opacity:.45;cursor:default}.tbp-lv-name{margin:2px 0 8px;font:700 12.5px/1.2 Playful,sans-serif;color:#5a3a30;min-height:15px}.tbp-lv-name b{color:#c2406a}.playful-game .tbp-card button.big{width:100%;background:var(--tbp-rose);color:#fff;border-color:#b0335d;box-shadow:inset 0 3px 0 #ffb3c9,0 5px 0 #b0335d;font-size:24px}.tbp-menu-stars{margin:8px 0 0;font:800 13px/1 Playful,sans-serif;color:#a06a00}.tbp-note{margin:6px 0 0;font:700 11px/1.2 Playful,sans-serif;color:#9a6a4a}.tbp-r-title{margin:6px 0 0;font:800 30px/1 Playful,sans-serif}.tbp-r-title.good{color:#c2406a}.tbp-r-title.bad{color:#8a2a1c}.tbp-r-score{display:flex;align-items:baseline;justify-content:center;gap:6px}.tbp-r-score b{font:800 52px/1 Playful,sans-serif;color:var(--tbp-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tbp-r-score span{font:800 15px/1 Playful,sans-serif;color:#9a6a4a}.tbp-stars{display:flex;justify-content:center;gap:6px;margin:2px 0}.tbp-stars i{width:30px;height:30px;background:rgba(74,42,34,.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}.tbp-stars i.on{background:#ffc61a;transform:scale(1.18) rotate(-6deg)}.tbp-r-line{margin:6px 0 8px;font:700 13px/1.3 Playful,sans-serif;color:#5a3a30}.tbp-r-stats{list-style:none;margin:0 0 6px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:5px;gap:5px}.tbp-r-stats li{display:flex;flex-direction:column;gap:3px;padding:7px 2px;border-radius:12px;background:#fffaf3}.tbp-r-stats b{font:800 18px/1 Playful,sans-serif;color:var(--tbp-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tbp-r-stats span{font:700 10px/1 Playful,sans-serif;color:#9a6a4a}.tbp-r-best{margin:2px 0 10px;font:800 13px/1 Playful,sans-serif;color:#c2406a;min-height:13px}.tbp-r-row{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap}.playful-game .tbp-r-row .share-btn{margin-top:10px;padding:8px 14px;font-size:15px}.tbp-app .tbp-link-btn{margin-top:10px;background:#fffaf3;color:var(--tbp-ink);border:2px solid #f6dccb;border-radius:14px;padding:9px 14px;font:800 15px/1.2 Playful,sans-serif;cursor:pointer}.playful-game .tbp-loading{background:radial-gradient(ellipse at 50% 40%,#fff3e6,#f29bb0)}@media (min-width:760px) and (min-aspect-ratio:1/1){.playful-game .tbp-menu,.playful-game .tbp-results{background:linear-gradient(90deg,rgba(74,42,34,0) 45%,rgba(74,42,34,.4));align-items:flex-end;justify-content:flex-start;padding:24px 5vw 24px 24px}.tbp-card{margin:auto 0}.tbp-logo{font-size:50px}.tbp-stats{left:24px;right:auto;width:380px;margin:0}.tbp-left{left:214px}.tbp-panel{left:24px;right:auto;width:360px;margin:0;grid-template-columns:1fr 96px}.tbp-hint{left:244px}}@media (max-height:720px) and (max-width:759px){.playful-game .tbp-menu,.playful-game .tbp-results{padding-top:6vh}.tbp-rules{display:none}}