.bb{--ink:#3d2414;--paper:#fff4de;--paper-2:#f5e0bb;--line:#6b3f21;--accent:#e0833a;isolation:isolate;width:100%;height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#5b331b;font-family:ui-rounded,SF Pro Rounded,Segoe UI,system-ui,sans-serif;line-height:1.25;position:relative;overflow:hidden;container:bb/size}.bb *,.bb :before,.bb :after{box-sizing:border-box}.bb button{font:inherit;color:inherit}.bb [hidden]{display:none!important}.bb .bb-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.bb-canvas:focus-visible{box-shadow:inset 0 0 0 3px #ffe07a}.bb-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.bb canvas.bb-icon{flex:none;display:block}.bb-hud{z-index:2;pointer-events:none;justify-content:center;align-items:stretch;gap:6px;height:48px;padding:6px 8px 0;display:flex;position:absolute;inset:0 0 auto}.bb-chip{border:2px solid var(--line);background:var(--paper);border-radius:11px;align-items:center;gap:6px;min-width:0;padding:1px 10px;display:flex;box-shadow:0 3px #2e180a8c}.bb-stat{align-content:center;justify-items:start;row-gap:2px;display:grid}.bb-stat span{letter-spacing:.08em;text-transform:uppercase;color:#8a5a36;font-size:11px;font-weight:800;line-height:1}.bb-stat b{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:18px;font-weight:900;line-height:1}.bb-chip{flex:none}.bb-score{flex:0 150px;min-width:76px}.bb-score b{color:#7a3d14;font-size:20px}.bb-hearts{gap:2px;padding:2px 7px}.bb-hearts canvas.is-lost{opacity:.22;filter:grayscale()}.bb-hearts.is-hit{animation:.4s ease-in-out bb-shake}.bb-hearts.is-heal{animation:.45s ease-out bb-pop}.bb-combo{gap:3px;padding:2px 8px 2px 4px;position:relative;overflow:hidden}.bb-combo b{font-variant-numeric:tabular-nums;color:#b4461c;font-size:17px;font-weight:900}.bb-combo i{transform-origin:0;background:#f08a3c;width:100%;height:4px;position:absolute;bottom:0;left:0}.bb-combo.is-off{opacity:.55}.bb-combo.is-off b{color:#8a5a36}.bb-combo.is-up{animation:.35s ease-out bb-pop}@keyframes bb-pop{0%{transform:scale(.85)}60%{transform:scale(1.12)}to{transform:none}}@keyframes bb-shake{0%,to{transform:none}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.bb-banner{z-index:3;border:2px solid var(--line);text-align:center;pointer-events:none;background:#fff4def5;border-radius:12px;justify-items:center;gap:1px;width:max-content;max-width:calc(100% - 20px);padding:6px 14px 7px;display:grid;position:absolute;top:56px;left:50%;transform:translate(-50%);box-shadow:0 4px #2e180a80}.bb-banner strong{color:#7a3d14;font-size:17px;font-weight:900}.bb-banner span{font-size:14px;font-weight:700}.bb-banner[data-tone=warn]{background:#ffe4daf7;border-color:#a83a22}.bb-banner[data-tone=warn] strong{color:#a83a22}.bb-banner.is-in{animation:.35s ease-out bb-banner-in}.bb.is-tight .bb-banner{background:#fff4de;align-content:center;width:auto;max-width:none;min-height:44px;padding:3px 12px 4px;top:4px;left:5px;right:5px;transform:none}.bb.is-tight .bb-banner.is-in{animation-name:bb-banner-in-tight}@keyframes bb-banner-in-tight{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.bb.is-tight .bb-banner strong{font-size:15px;line-height:1.15}.bb.is-tight .bb-banner span{font-size:13px;line-height:1.2}@keyframes bb-banner-in{0%{opacity:0;transform:translate(-50%,-8px)scale(.92)}to{opacity:1;transform:translate(-50%)}}.bb-screen{z-index:4;background:radial-gradient(at 50% 40%,#3a201240,#1e1008b8);grid-template-columns:minmax(0,1fr);place-items:center;padding:10px;display:grid;position:absolute;inset:0;overflow:auto}.bb-title{background-position:50%;background-size:cover}.bb-title:before{content:"";z-index:-1;background:radial-gradient(at 50% 55%,#28140833,#1e0e0699);position:absolute;inset:0}.bb-card{border:3px solid var(--line);background:linear-gradient(#fffaf0, var(--paper) 55%, var(--paper-2));border-radius:18px;width:min(430px,100%);padding:16px;position:relative;box-shadow:0 5px #2e180a99,0 16px 40px #0006}.bb-card h2,.bb-card p,.bb-card ol,.bb-card dl{margin:0}.bb-btn{border:2px solid var(--line);min-height:44px;box-shadow:0 3px 0 var(--line);cursor:pointer;touch-action:manipulation;background:#fff8e8;border-radius:12px;justify-content:center;align-items:center;padding:0 18px;font-size:16px;font-weight:900;display:inline-flex}.bb-btn:active{box-shadow:0 1px 0 var(--line);transform:translateY(2px)}.bb-btn:focus-visible{outline-offset:2px;outline:3px solid #ffe07a}.bb .bb-btn--play{background:linear-gradient(#ffb25e, var(--accent));color:#fffaf0;text-shadow:0 2px #6b3f2199;min-height:52px;font-size:21px}.bb-title-card{gap:12px;display:grid}.bb-title-main,.bb-title-side{gap:10px;min-width:0;display:grid}.bb-logo{justify-content:center;align-items:center;gap:8px;display:flex}.bb-logo h2{text-align:left;line-height:.9;display:grid}.bb-logo span{letter-spacing:.02em;color:#7a3d14;text-shadow:2px 2px #f6c98a;font-size:25px;font-weight:900}.bb-logo b{letter-spacing:.03em;color:var(--accent);-webkit-text-stroke:2px var(--line);text-shadow:3px 3px 0 var(--line);font-size:46px;font-weight:900}.bb-rules{gap:8px;padding:0;list-style:none;display:grid}.bb-rules li{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;font-size:14px;font-weight:600;line-height:1.3;display:grid}.bb-rules b{font-weight:900}.bb-records{color:#6b4a33;text-align:center;font-size:14px;font-weight:700}.bb-records b{color:var(--ink);font-weight:900}.bb-note{color:#8a5a36;text-align:center;font-size:12.5px;font-weight:700}.bb-results-card{text-align:center;justify-items:center;gap:10px;display:grid}.bb-results-title{color:#7a3d14;font-size:26px;font-weight:900}.bb-stars{gap:4px;font-size:38px;line-height:1;display:flex}.bb-stars span{color:#d9b24a;text-shadow:0 2px #8a5a14;transition:transform .2s}.bb-stars span.is-off{color:#6b3f2140;text-shadow:none}.bb-results-score{align-items:baseline;gap:8px;display:flex}.bb-results-score span{letter-spacing:.08em;text-transform:uppercase;color:#8a5a36;font-size:13px;font-weight:800}.bb-results-score b{font-variant-numeric:tabular-nums;font-size:36px;font-weight:900}.bb-newbest{color:#fff;background:#4f9a3a;border-radius:99px;padding:2px 12px;font-size:14px;font-weight:900}.bb-results-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;display:grid}.bb-results-stats div{background:#6b3f211a;border-radius:10px;padding:5px 6px}.bb-results-stats dt{color:#8a5a36;font-size:12px;font-weight:800}.bb-results-stats dd{margin:0;font-size:16px;font-weight:900}.bb-results-hint{color:#6b4a33;font-size:13.5px;font-weight:700}.bb-actions{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.bb-actions .bb-btn{white-space:nowrap;flex:120px;padding:0 10px}.bb-actions .bb-btn--play{font-size:19px}@container bb (width<=400px){.bb-hud{gap:4px;padding:5px 5px 0}.bb-chip{padding:2px 7px}.bb-best{display:none!important}.bb-score b{font-size:19px}.bb-card{padding:12px}.bb-logo b{font-size:40px}.bb-logo span{font-size:22px}.bb-rules li{font-size:13px}}@container bb (height<=560px) and (aspect-ratio<=13/10){.bb-title-card{gap:8px}.bb-logo b{font-size:36px}.bb-rules{gap:5px}.bb-rules li{font-size:13px}}@container bb (aspect-ratio>=13/10) and (height<=520px){.bb-hud{height:44px;padding-top:4px}.bb-banner{top:50px}.bb-screen{padding:6px}.bb-card{padding:10px 14px}.bb-title-card{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:14px;width:min(700px,100%)}.bb-logo b{font-size:32px}.bb-logo span{font-size:20px}.bb-rules{gap:4px}.bb-rules li{grid-template-columns:28px minmax(0,1fr);font-size:12.5px}.bb-results-card{text-align:left;grid-template-columns:auto minmax(0,1fr);justify-items:start;gap:6px 16px;width:min(620px,100%)}.bb-results-title,.bb-results-score,.bb-stars,.bb-newbest{grid-column:1}.bb-results-title{font-size:21px}.bb-results-score b{font-size:28px}.bb-stars{font-size:30px}.bb-results-stats{grid-area:1/2/span 4}.bb-results-hint{grid-column:2}.bb-actions{grid-column:1/-1}.bb-actions .bb-btn{min-height:40px}}@media (prefers-reduced-motion:reduce){.bb-banner.is-in,.bb-combo.is-up,.bb-hearts.is-hit,.bb-hearts.is-heal{animation:none}}@media (orientation:portrait) and (width<=900px){body.play-theme-bakery-belt .play-shell[data-game-shell]{--game-width-from-height:100vw;width:min(var(--game-shell-max-width,720px), calc(100vw - 10px))}body.play-theme-bakery-belt .play-shell[data-game-shell] .game-stage{aspect-ratio:auto;height:clamp(420px,100svh - 112px,180vw - 18px)}}@media (orientation:landscape) and (height<=520px){body.play-theme-bakery-belt .play-shell[data-game-shell]{--game-shell-max-width:900px;--game-width-from-height:100vw;width:min(900px,100vw - 16px)}body.play-theme-bakery-belt .play-shell[data-game-shell] .game-stage{aspect-ratio:auto;height:max(220px,100svh - 108px)}}