.bb-app{--bb-ink:#4a2617;--bb-red:#e2483d;--bb-deep:#a8281f;--bb-gold:#ffcf4a;--bb-cream:#fff8ec;--bb-steam:#eaf6ff;--bb-glass:rgba(74,38,23,0.58);--play-accent:#e2483d;--play-ink:#4a2617;--play-paper:#fff8ec;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:#ffe6cf;color:#fff}.bb-scene{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:none}.bb-app:not([data-phase=play]) :is(.bb-head,.bb-alt,.bb-meters,.bb-spare,.bb-power,.bb-drag,.bb-keys,.bb-hint,.bb-count,.bb-toast,.bb-banner){display:none}.bb-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}.bb-head>*{pointer-events:auto}.bb-icon-btn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:var(--bb-glass);color:#fff;border:2px solid rgba(255,255,255,.9);box-shadow:0 3px 0 rgba(74,38,23,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.bb-icon-btn .off,.bb-icon-btn[aria-pressed=true] .on{display:none}.bb-icon-btn[aria-pressed=true] .off{display:inline}.bb-pill{justify-self:center;display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 7px 0 14px;border-radius:22px;max-width:100%;background:var(--bb-glass);border:2px solid rgba(255,255,255,.95);box-shadow:0 3px 0 rgba(74,38,23,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none}.bb-pill span{font:800 14px/1 Playful,sans-serif;letter-spacing:.3px;color:#ffe2c8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bb-pill b{font:800 18px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:var(--bb-cream);color:var(--bb-ink);border-radius:14px;padding:6px 10px;min-width:52px;text-align:center;transition:background .2s,color .2s}.bb-pill b.low{background:var(--bb-red);color:#fff;animation:bb-blink .5s infinite}@keyframes bb-blink{50%{opacity:.55}}.bb-meters{position:absolute;z-index:4;left:12px;right:12px;top:calc(env(safe-area-inset-top, 0px) + 62px);display:grid;grid-template-columns:1.35fr 1fr;grid-gap:8px;gap:8px;pointer-events:none}.bb-meter{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;grid-column-gap:7px;column-gap:7px;grid-row-gap:4px;row-gap:4px;padding:6px 10px 7px;border-radius:14px;background:var(--bb-glass);border:2px solid rgba(255,255,255,.6);box-shadow:0 3px 0 rgba(74,38,23,.25);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.bb-meter-label{grid-column:1/3;font:800 9px/1 Playful,sans-serif;letter-spacing:1.3px;opacity:.9}.bb-bar{position:relative;height:12px;border-radius:7px;background:rgba(255,255,255,.18);overflow:hidden;border:1.5px solid rgba(255,255,255,.8)}.bb-bar u{display:block;height:100%;width:0;border-radius:6px;transition:width .12s}.bb-heat .bb-bar u{background:linear-gradient(90deg,#8fd0ff,#ffe08a 45%,#ff9a4a 80%,#ff5a3a);background-size:260px 100%}.bb-heat.cold .bb-bar u{background:linear-gradient(90deg,#8fd0ff,#cfeaff);animation:bb-blink .6s infinite}.bb-meter b{font:800 13px/1 Playful,sans-serif;letter-spacing:.5px;min-width:50px;text-align:right}.bb-heat b[data-word=COLD]{color:#bfe6ff}.bb-heat b[data-word=COOL]{color:#dff1ff}.bb-heat b[data-word=WARM]{color:#ffe08a}.bb-heat b[data-word=PIPING]{color:#ffb08a}.bb-skin .bb-bar u{background:linear-gradient(90deg,#ffd6e0,#ff8fa8)}.bb-skin.tight{border-color:#ff8fa8}.bb-skin.tight .bb-bar u{background:linear-gradient(90deg,#ff8fa8,#ff4d6a);animation:bb-blink .4s infinite}.bb-skin b{min-width:42px;color:#ffd6e0}.bb-alt{position:absolute;z-index:4;left:50%;top:calc(env(safe-area-inset-top, 0px) + 114px);transform:translateX(-50%);display:flex;align-items:baseline;gap:3px;pointer-events:none;color:#fff}.bb-alt b{font:800 40px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;-webkit-text-stroke:4px var(--bb-ink);text-shadow:0 4px 0 rgba(74,38,23,.4)}.bb-alt b,.bb-alt span{paint-order:stroke fill}.bb-alt span{font:800 18px/1 Playful,sans-serif;-webkit-text-stroke:3px var(--bb-ink)}.bb-spare{position:absolute;z-index:4;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 16px);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;padding:7px 14px;border-radius:18px;background:var(--bb-glass);border:2px solid rgba(255,255,255,.6);pointer-events:none}.bb-spare>span{font:800 9px/1 Playful,sans-serif;letter-spacing:1.2px;opacity:.9;white-space:nowrap}.bb-reserve{display:flex;gap:8px}.bb-reserve i{position:relative;width:22px;height:22px;border-radius:50%;overflow:hidden;background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.75)}.bb-reserve i u{position:absolute;left:0;right:0;bottom:0;height:0;background:rgba(255,232,140,.6);transition:height .2s}.bb-reserve i.on{background:radial-gradient(circle at 35% 30%,#fffbe0,#ffcf4a 55%,#e0901a);border-color:#fff;box-shadow:0 0 10px rgba(255,207,74,.8)}.bb-power{position:absolute;z-index:4;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 78px);transform:translateX(-50%) scale(.8);display:flex;gap:6px;align-items:baseline;padding:6px 14px;border-radius:16px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.bb-power.show{opacity:1;transform:translateX(-50%) scale(1)}.bb-power.rocket{background:linear-gradient(180deg,#ffe27a,#ffb020);color:#6a3a08;border:2px solid #fff;box-shadow:0 0 18px rgba(255,190,60,.8)}.bb-power.scarf{background:linear-gradient(180deg,#ff7a7a,#d0303c);color:#fff;border:2px solid #fff}.bb-power b{font:800 15px/1 Playful,sans-serif;letter-spacing:1px}.bb-power span{font:800 13px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bb-drag{position:absolute;z-index:5;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 150px);transform:translateX(-50%);width:220px;height:70px;pointer-events:none;opacity:0;transition:opacity .4s}.bb-drag.show{opacity:1}.bb-drag:before{content:"";position:absolute;left:14px;right:14px;top:20px;height:4px;border-radius:2px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.9) 0 10px,transparent 10px 18px)}.bb-drag-finger{position:absolute;left:50%;top:4px;width:36px;height:36px;margin-left:-18px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffffff,#ffe6d0);border:3px solid var(--bb-ink);box-shadow:0 4px 0 rgba(74,38,23,.4);animation:bb-swipe 1.6s ease-in-out infinite}@keyframes bb-swipe{0%,to{transform:translateX(-70px)}50%{transform:translateX(70px)}}.bb-drag span{bottom:0;font:800 15px/1 Playful,sans-serif;letter-spacing:1px;-webkit-text-stroke:3px var(--bb-ink)}.bb-count,.bb-drag span{position:absolute;left:0;right:0;text-align:center;paint-order:stroke fill}.bb-count{z-index:6;top:36%;pointer-events:none;opacity:0;font:800 92px/1 Playful,sans-serif;color:#fff;-webkit-text-stroke:5px var(--bb-deep);text-shadow:0 7px 0 #6a1a12}.bb-count.show{animation:bb-count .8s ease-out both}@keyframes bb-count{0%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(1.1)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}.bb-banner{position:absolute;z-index:6;left:50%;top:calc(env(safe-area-inset-top, 0px) + 170px);transform:translate(-50%,-12px);opacity:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 22px;border-radius:20px;border:2.5px solid #fff;white-space:nowrap;background:linear-gradient(180deg,rgba(255,150,120,.95),rgba(200,60,80,.95));box-shadow:0 0 26px rgba(255,180,160,.7);transition:opacity .3s,transform .3s}.bb-banner span{font:800 11px/1 Playful,sans-serif;letter-spacing:2px;opacity:.92}.bb-banner b{font:800 26px/1 Playful,sans-serif;letter-spacing:1px}.bb-banner.show{opacity:1;transform:translate(-50%)}.bb-toast{position:absolute;z-index:7;left:50%;top:29%;transform:translate(-50%,8px) scale(.9);opacity:0;pointer-events:none;font:800 19px/1.1 Playful,sans-serif;color:#fff;-webkit-text-stroke:4px var(--bb-ink);paint-order:stroke fill;text-shadow:0 4px 0 rgba(74,38,23,.35);white-space:nowrap;transition:opacity .18s,transform .18s;max-width:calc(100% - 20px)}.bb-toast.show{opacity:1;transform:translate(-50%) scale(1)}.bb-toast.good{color:#fff3a0}.bb-toast.bad{color:#ffc6c0;-webkit-text-stroke-color:#6a1a12}.bb-hint{position:absolute;z-index:5;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 92px);transform:translateX(-50%);width:min(340px,calc(100% - 32px));margin:0;padding:8px 12px;border-radius:14px;text-align:center;background:var(--bb-glass);border:2px solid rgba(255,255,255,.65);font:700 13px/1.3 Playful,sans-serif;color:#fff;opacity:0;transition:opacity .25s;pointer-events:none}.bb-hint.show{opacity:1}.bb-keys{display:none}@media (hover:hover) and (pointer:fine) and (min-width:760px){.bb-keys{display:block;position:absolute;z-index:4;right:16px;bottom:18px;font:700 12px/1 Playful,sans-serif;color:rgba(74,38,23,.75);white-space:nowrap;pointer-events:none;background:rgba(255,248,236,.7);padding:6px 10px;border-radius:10px}}.playful-game .bb-menu,.playful-game .bb-results{background:linear-gradient(180deg,rgba(74,38,23,0) 35%,rgba(74,38,23,.5));backdrop-filter:none;-webkit-backdrop-filter:none;justify-content:flex-start;flex-direction:column;align-items:center;padding:70px 12px calc(env(safe-area-inset-bottom, 0px) + 12px)}.playful-game .bb-results{padding-top:26vh}.bb-logo{margin:0;display:flex;flex-direction:column;align-items:center;transform:rotate(-3deg);pointer-events:none}.bb-logo b,.bb-logo span{font:800 50px/.92 Playful,sans-serif;letter-spacing:2px;color:var(--bb-cream);-webkit-text-stroke:4px var(--bb-red);paint-order:stroke fill;text-shadow:0 6px 0 var(--bb-deep)}.bb-logo b{font-size:60px;color:var(--bb-gold);-webkit-text-stroke-color:#b0601a;text-shadow:0 6px 0 #6a3a08}.bb-card{width:min(440px,100%);margin:auto auto 0;flex:none;background:var(--bb-cream);color:var(--bb-ink);border:3px solid #fff;border-radius:28px;padding:13px 14px 14px;box-shadow:0 7px 0 #e0b48a,0 20px 50px rgba(74,38,23,.4);text-align:center}.bb-kicker{display:inline-block;font:800 10.5px/1 Playful,sans-serif;letter-spacing:2px;color:var(--bb-deep);background:#ffe4d6;border-radius:10px;padding:5px 10px}.bb-rules{list-style:none;margin:10px 0 11px;padding:0;text-align:left;display:grid;grid-gap:6px;gap:6px}.bb-rules li{display:flex;gap:8px;align-items:baseline;font:600 13px/1.3 Playful,sans-serif;color:#5a3424}.bb-rules li span{flex:none;width:20px;text-align:center}.bb-rules li p{margin:0}.bb-rules b{color:var(--bb-deep)}.playful-game .bb-card button.big{width:100%;background:linear-gradient(180deg,#ff7a62,#e2483d);color:#fff;border-color:#a8281f;box-shadow:inset 0 3px 0 #ffb4a4,0 5px 0 #a8281f;font-size:23px;text-shadow:0 2px 0 rgba(120,20,10,.5)}.bb-best{margin:9px 0 0;font:700 12px/1.25 Playful,sans-serif;color:#8a6050}.bb-r-title{margin:7px 0 2px;font:800 27px/1.05 Playful,sans-serif;color:var(--bb-red)}.bb-r-title.bad{color:#6a7ab8}.bb-r-score{display:flex;align-items:baseline;justify-content:center;gap:6px}.bb-r-score b{font:800 52px/1 Playful,sans-serif;color:var(--bb-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bb-r-score span{font:800 16px/1 Playful,sans-serif;color:#a88a7a}.bb-r-line{margin:6px 0 9px;font:700 13px/1.3 Playful,sans-serif;color:#6a4434}.bb-r-stats{list-style:none;margin:0 0 6px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:5px;gap:5px}.bb-r-stats li{display:flex;flex-direction:column;gap:3px;padding:8px 2px;border-radius:12px;background:#ffeee2}.bb-r-stats b{font:800 17px/1 Playful,sans-serif;color:var(--bb-deep);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bb-r-stats span{font:700 9.5px/1.1 Playful,sans-serif;color:#8a6050}.bb-r-best{margin:3px 0 10px;font:800 13px/1 Playful,sans-serif;color:#8a6050;min-height:13px}.bb-r-best.new{color:var(--bb-red)}.bb-r-row{display:flex;gap:10px;justify-content:center;align-items:center}.playful-game .bb-r-row .share-btn{margin-top:10px;padding:8px 14px;font-size:15px}.bb-link-btn{margin-top:10px;background:#ffeee2;color:var(--bb-ink);border:2px solid #f0d0bc;border-radius:14px;padding:9px 16px;font:800 15px/1.2 Playful,sans-serif;cursor:pointer}.playful-game .bb-loading{background:radial-gradient(ellipse at 50% 40%,#fff1e2,#ffc9a8)}@media (min-width:760px) and (min-aspect-ratio:1/1){.playful-game .bb-menu,.playful-game .bb-results{background:linear-gradient(90deg,rgba(74,38,23,0) 45%,rgba(74,38,23,.4));align-items:flex-end;justify-content:center;padding:24px 6vw 24px 24px}.bb-logo{position:absolute;left:7vw;top:12vh;align-items:flex-start}.bb-logo span{font-size:76px}.bb-logo b{font-size:96px}.bb-card{margin:auto 0}.bb-meters{left:auto;right:16px;width:420px;top:14px}.bb-head{right:450px}.bb-alt{top:70px;left:50%}.bb-alt b{font-size:52px}.bb-toast{font-size:30px}}@media (max-height:720px) and (max-width:759px){.playful-game .bb-menu{padding-top:56px}.bb-logo span{font-size:40px}.bb-logo b{font-size:48px}.bb-rules li{font-size:12px}}