.bb-page{--ink: #263e42;--ink-2: #435d61;--line: #d4e0d8;--glass: #fffdf5;--nano: #306b62;--radius-m: 20px;--bb-fox: #a6502d;--bb-owl: #71559b;--bb-bear: #876047;min-height:100dvh;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:radial-gradient(ellipse at 8% 0%,#e2eee0,transparent 55%),#fbf6e9;color:var(--ink);font-family:ui-rounded,Avenir Next,system-ui,sans-serif;font-size:calc(16px * var(--text-scale, 1));line-height:1.4;overflow-x:clip}.bb-page *,.bb-page *:before,.bb-page *:after{box-sizing:border-box}.bb-page button{min-height:44px;min-width:44px;font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.bb-page button:focus-visible{outline:3px solid #215d67;outline-offset:4px}.bb-page button:disabled{cursor:default}.bb-page p,.bb-page h1,.bb-page h2,.bb-page h3{margin:0}.bb-frame{width:min(1100px,100%);margin:0 auto}.bb-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:10px}.bb-brand{display:flex;align-items:center;gap:8px}.bb-brand>svg{width:27px;height:27px;color:var(--nano)}.bb-brand h1{font-size:calc(20px * var(--text-scale, 1));font-weight:850;letter-spacing:-.04em;line-height:1.1}.bb-settings{display:flex;gap:6px}.bb-setting{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;background:#fffdf5;border:1px solid var(--line);border-radius:14px}.bb-setting svg{width:20px;height:20px}.bb-setting span{display:none;font-size:calc(12px * var(--text-scale, 1));font-weight:750}.bb-setting[aria-pressed=true]{background:#e4eee3}.bb-setting:disabled{opacity:.7}.bb-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;list-style:none;padding:0;margin:2px 0 10px}.bb-progress li{display:flex;align-items:center;justify-content:center;gap:5px;border-radius:12px;padding:7px 3px;font-size:calc(11px * var(--text-scale, 1));font-weight:750;color:#526a69;background:#eeeee3}.bb-progress .is-current{color:#fff;background:#37695f}.bb-progress .is-done{color:#30564c;background:#dce9d5}.bb-progress-dot{display:grid;place-items:center;width:20px;height:20px;flex:0 0 20px;border:1px solid currentColor;border-radius:50%;font-variant-numeric:tabular-nums}.bb-game{display:grid;gap:12px}.bb-board{min-width:0;border:1px solid #d5ddd0;border-radius:24px;overflow:hidden;background:#f5f0db;box-shadow:0 4px #dce0c9}.bb-story{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 12px;padding:3px 8px;background:#fffdf2;border-bottom:1px solid #e4e3d0}.bb-story button{display:flex;align-items:center;gap:7px;padding:0;background:none;border:0;font-size:calc(13px * var(--text-scale, 1));font-weight:750}.bb-story-number{display:grid;place-items:center;flex:0 0 21px;width:21px;height:21px;background:#e8daa9;border-radius:7px;font-size:calc(11px * var(--text-scale, 1))}.bb-story-number-1{background:#c8e4df}.bb-stage{position:relative;isolation:isolate;height:340px}.bb-loading{display:grid;place-items:center;background:linear-gradient(#dbedf0,#e5ebcb);font-weight:700}.bb-world,.bb-links{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.bb-world{z-index:-2}.bb-links{z-index:-1;overflow:visible}.bb-link-line{fill:none;stroke:#a57723;stroke-width:2;stroke-linecap:round;stroke-dasharray:5 7}.bb-link.is-complete .bb-link-line{stroke:#886219;stroke-width:3;stroke-dasharray:none}.bb-link-glow{fill:none;stroke:#ffedaa;stroke-width:12;opacity:.9;stroke-linecap:round}.bb-towers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;height:100%;align-items:end;padding:12px 14px 10px}.bb-tower{display:flex;flex-direction:column;align-items:center;min-width:0}.bb-fox{--bb-friend: var(--bb-fox)}.bb-owl{--bb-friend: var(--bb-owl)}.bb-bear{--bb-friend: var(--bb-bear)}.bb-stack{display:flex;flex-direction:column;justify-content:end;gap:5px;width:100%;max-width:138px;height:202px}.bb-block{position:relative;display:grid;flex:0 0 48px;width:100%;height:48px;padding:4px 5px;border:1px solid #d4ae54;border-bottom:5px solid #c49642;border-radius:8px;background:#f6dda1;box-shadow:2px 2px #2d3c261a}.bb-block:before{content:"";position:absolute;top:2px;left:7px;right:7px;height:3px;border-radius:3px;background:#ffffff80;pointer-events:none}.bb-block.bb-receive{background:#c1e3db;border-color:#71a898;border-bottom-color:#6da391}.bb-block-top{display:flex;align-items:center;justify-content:center;gap:2px;font-size:calc(12px * var(--text-scale, 1));line-height:1;font-weight:850;animation:bb-label-in .5s ease-out}.bb-block-top svg{flex:0 0 13px;width:13px}.bb-block-bottom{display:flex;align-items:center;justify-content:center;gap:12px}.bb-block-bottom>svg{width:17px;height:17px;color:var(--bb-friend)}.bb-coin{display:inline-grid;place-items:center;flex:0 0 auto;width:23px;height:23px;border-radius:50%;border:2px solid #ad802f;color:#624811;background:#fff0b4;font-size:calc(12px * var(--text-scale, 1));line-height:1;font-weight:850;font-variant-numeric:tabular-nums}.bb-block-bottom .bb-coin{width:19px;height:19px;border-width:1px}.bb-base{display:flex;align-items:center;justify-content:center;gap:3px;background:#fff8e6;border-color:#d7cba5;border-bottom-color:#c6b78e}.bb-base>svg{width:22px;height:22px;color:var(--bb-friend)}.bb-base>span{font-size:calc(11px * var(--text-scale, 1));font-weight:800}.bb-add{display:flex;align-items:center;justify-content:center;flex:0 0 44px;gap:2px;padding:0;border:2px dashed #65897d;border-radius:10px;background:#fffdf5cc;font-size:calc(11px * var(--text-scale, 1))!important;font-weight:800!important}.bb-add svg{flex:0 0 14px;width:14px}.bb-ghost{display:grid;place-items:center;border:2px dashed #9e7424;background:#fff9dc;font-size:calc(28px * var(--text-scale, 1))!important;font-weight:850!important}.bb-friend{display:flex;flex-direction:column;align-items:center;padding:3px 0 0;border:0;background:none;min-width:70px!important}.bb-animal{width:75px;height:72px}.bb-animal.is-happy{animation:bb-friend-happy 2.8s ease-in-out infinite}.bb-friend>span{display:block;min-width:60px;padding:0 8px;border-radius:99px;background:#fff9e9;font-size:calc(14px * var(--text-scale, 1));color:var(--bb-friend);font-weight:850}.bb-coins{height:25px;margin-top:3px}.bb-controls{display:flex;flex-direction:column;gap:12px;min-width:0}.bb-caption{display:flex;align-items:center;gap:9px;min-height:134px;border:1px solid #d7e1d9;border-radius:20px;padding:10px;background:#fffdf6;box-shadow:0 3px #e3e6d7}.bb-caption-icon{display:none;color:#416e5e;flex:0 0 24px}.bb-caption p{flex:1;min-width:0;font-size:calc(17px * var(--text-scale, 1));line-height:1.4;font-weight:650;text-wrap:pretty}.bb-read{display:grid;place-items:center;flex:0 0 44px;padding:0;border:1px solid #d7e0d5;border-radius:50%;background:#eef1e4}.bb-primary{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:58px!important;padding:12px 18px;border:1px solid #2b594e;border-bottom:5px solid #264a42;border-radius:18px;color:#fffdf0!important;background:#3a7667;box-shadow:0 4px 10px #2b48371f;font-size:calc(20px * var(--text-scale, 1))!important;font-weight:800!important;transition:transform .2s}.bb-primary:active{transform:translateY(2px)}.bb-primary:disabled{background:#e0e6d8;color:#687568!important;border-color:#bcc9b7;box-shadow:none}.bb-control-label,.bb-tray legend,.bb-stamps legend{margin-bottom:6px;padding:0;font-size:calc(13px * var(--text-scale, 1));font-weight:750;color:var(--ink-2)}.bb-tray,.bb-stamps{min-width:0;margin:0;padding:0;border:0}.bb-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;min-height:142px;gap:8px}.bb-choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:67px!important;padding:7px 6px;border:2px solid #dcc283;border-bottom-width:4px;border-radius:13px;background:#fff0c5}.bb-choice.bb-receive{border-color:#a5c9ba;background:#e3f0e5}.bb-choice.is-selected{border-color:#255e65;outline:2px solid #255e65;outline-offset:1px}.bb-choice-main{display:flex;align-items:center;gap:5px;font-size:calc(14px * var(--text-scale, 1))}.bb-choice-main strong{font-weight:850}.bb-choice-route{display:flex;align-items:center;gap:3px;font-size:calc(12px * var(--text-scale, 1));color:#3e5557}.bb-stamp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.bb-stamp{position:relative;display:flex;align-items:center;justify-content:center;gap:4px;min-height:60px!important;padding:8px 4px;border:2px solid #d9dbcb;border-bottom-width:4px;border-radius:16px;background:#fffcf1;font-size:calc(14px * var(--text-scale, 1))!important;font-weight:800!important}.bb-stamp>svg:first-child{width:29px;height:29px;flex:0 0 29px;color:var(--bb-friend)}.bb-stamp.is-selected{border-color:var(--bb-friend);background:#f6ecd7}.bb-stamp-check{position:absolute;top:-6px;right:-3px;padding:2px;width:20px;height:20px;border-radius:50%;color:#fff;background:var(--bb-friend)}.bb-tower-hint{display:flex;align-items:center;justify-content:center;gap:5px;min-height:24px;font-size:calc(13px * var(--text-scale, 1));font-weight:750}.bb-play-note,.bb-saved{display:flex;align-items:center;justify-content:center;gap:6px;color:#4c655c;font-size:calc(12px * var(--text-scale, 1));font-weight:650}.bb-play-note{margin-top:16px!important}.bb-welcome-copy{text-align:center;padding:14px 0 20px}.bb-kicker{color:#4f7667;font-size:calc(12px * var(--text-scale, 1));font-weight:800;letter-spacing:.08em}.bb-welcome-copy h2{margin-top:6px;font-size:clamp(calc(26px * var(--text-scale, 1)),calc(4vw * var(--text-scale, 1)),calc(40px * var(--text-scale, 1)));font-weight:850;letter-spacing:-.04em}.bb-finish{text-align:center}.bb-finish h2{font-size:calc(25px * var(--text-scale, 1));font-weight:850;color:#345f50}.bb-finish p{margin:5px 0 16px;font-size:calc(15px * var(--text-scale, 1))}.bb-finish h3{margin-bottom:9px;font-size:calc(15px * var(--text-scale, 1))}.bb-fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bb-fact-grid button{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px;border:1px solid #c9dcc6;border-radius:12px;background:#eaf1df;font-size:calc(13px * var(--text-scale, 1));font-weight:750}.bb-scene-stars{position:absolute;inset:10px 15% auto;display:flex;justify-content:space-between;color:#9e7521;pointer-events:none}.bb-scene-stars svg{width:30px;height:30px;animation:bb-star-float 4s ease-in-out infinite}.bb-scene-stars svg:nth-child(2){margin-top:10px;animation-delay:-1.5s}@keyframes bb-label-in{0%{transform:translateY(-6px);opacity:.2}to{transform:none;opacity:1}}@keyframes bb-friend-happy{50%{transform:translateY(-4px) rotate(-2deg)}}@keyframes bb-star-float{50%{transform:translateY(6px) rotate(8deg)}}@media (hover: hover){.bb-choice:hover,.bb-stamp:hover,.bb-add:hover,.bb-fact-grid button:hover{outline:2px solid #628b78;outline-offset:2px}.bb-block:hover{box-shadow:0 0 0 2px #628b78}}@media (min-width: 600px){.bb-page{padding:max(20px,env(safe-area-inset-top)) 24px max(20px,env(safe-area-inset-bottom))}.bb-brand h1{font-size:calc(26px * var(--text-scale, 1))}.bb-setting span{display:block}.bb-progress{max-width:600px;margin:6px auto 16px}.bb-progress li{font-size:calc(13px * var(--text-scale, 1))}.bb-stage{height:380px}.bb-game{gap:20px}.bb-controls{width:min(600px,100%);margin:0 auto}.bb-caption-icon{display:block}.bb-stack{max-width:148px}.bb-block-top{font-size:calc(14px * var(--text-scale, 1))}.bb-story{gap:18px;padding:5px 12px}.bb-story button{font-size:calc(15px * var(--text-scale, 1))}}@media (min-width: 950px),(min-width: 720px) and (max-height: 540px){.bb-game{grid-template-columns:minmax(0,1fr) minmax(300px,350px);align-items:start;gap:18px}.bb-stage{height:425px}.bb-controls{gap:14px}.bb-caption{min-height:134px}.bb-animal{width:90px;height:87px}.bb-stack{height:258px;max-width:145px}.bb-block{height:60px;flex-basis:60px}.bb-block-top{font-size:calc(13px * var(--text-scale, 1))}.bb-add{font-size:calc(13px * var(--text-scale, 1))!important}.bb-welcome-copy{padding-top:20px;padding-bottom:28px}.is-welcome .bb-controls{align-self:center}}@media (min-width: 720px) and (max-height: 540px){.bb-page{padding-top:max(8px,env(safe-area-inset-top))}.bb-header{padding-bottom:3px}.bb-progress{margin-bottom:10px}.bb-stage{height:340px}.bb-stack{height:202px}.bb-block{height:48px;flex-basis:48px}.bb-animal{width:75px;height:72px}.bb-setting span{display:none}.bb-caption{min-height:116px}.bb-caption p{font-size:calc(15px * var(--text-scale, 1))}.bb-welcome-copy{padding:4px 0 12px}}.bb-page.is-calm *,.bb-page.is-calm *:before,.bb-page.is-calm *:after{animation:none!important;transition:none!important}@media (prefers-reduced-motion: reduce){.bb-page *,.bb-page *:before,.bb-page *:after{animation:none!important;transition:none!important}}@media (forced-colors: active){.bb-link-line{stroke:CanvasText}.bb-choice.is-selected,.bb-stamp.is-selected{outline:3px solid Highlight}.bb-block,.bb-choice,.bb-stamp,.bb-primary{border:2px solid ButtonText}}.bb-header{padding-right:52px}@media (min-width: 521px){.bb-header{padding-right:128px}}.bb-page~.kids-foot{padding:4px 12px max(14px,env(safe-area-inset-bottom));color:#4c655c;opacity:1;background:#fbf6e9}.bb-page{min-height:calc(100dvh - 40px)}.bb-page~.kids-foot button{min-height:44px}.bb-about h2{margin:0 0 10px;font-size:calc(20px * var(--text-scale, 1))}.bb-about p{font-size:calc(15px * var(--text-scale, 1))!important;font-weight:500!important;line-height:1.45}.bb-about button{width:100%}.bb-base>span{color:#6b6450}.bb-base{background:repeating-linear-gradient(135deg,#f4ecd6 0,#f4ecd6 8px,#efe5c9 8px,#efe5c9 16px)}.bb-ground{flex:0 0 44px;width:100%;min-height:44px!important;padding:0 4px;border:2px dashed #b9b08e;border-radius:10px;background:#fffdf58c;color:#6b6450;font-size:calc(11px * var(--text-scale, 1))!important;font-weight:800!important}.bb-block-bottom:has(.bb-open){gap:5px}.bb-open{padding:1px 6px;border-radius:99px;background:#3a7667;color:#fffdf0;font-size:calc(11px * var(--text-scale, 1));font-weight:850;letter-spacing:.06em;line-height:1.4;pointer-events:none}.bb-coins{display:flex;align-items:center;justify-content:center;gap:6px;height:auto;min-height:25px}.bb-coins>.bb-coin{animation:bb-coin-pop .45s ease-out}.bb-waiting{display:inline-flex;align-items:center;gap:3px;font-size:calc(11px * var(--text-scale, 1));font-weight:800;color:#8a6a1f;white-space:nowrap}.bb-coin.is-waiting{border-style:dashed;background:#fffbe8;animation:bb-wait-bob 1.6s ease-in-out infinite}.bb-stack>.bb-block.bb-send,.bb-stack>.bb-block.bb-receive{animation:bb-drop .42s cubic-bezier(.3,1.4,.6,1)}.bb-stage.is-placing .bb-add,.bb-stage.is-placing .bb-ghost{border-color:#2f6d5c;background:#eef8ec;animation:bb-slot-pulse 1.2s ease-in-out infinite}.bb-tray.is-next legend,.bb-stamps.is-next legend,.bb-tower-hint.is-next{color:#1f5547}.bb-tray.is-next legend:before,.bb-stamps.is-next legend:before,.bb-tower-hint.is-next:before{content:"";display:inline-block;width:9px;height:9px;margin-right:6px;border-radius:50%;background:#e0a43a;vertical-align:1px;animation:bb-slot-pulse 1.2s ease-in-out infinite}.bb-tray.is-next .bb-choice-grid,.bb-stamps.is-next .bb-stamp-grid{border-radius:16px;box-shadow:0 0 0 3px #f3d98f}.bb-caption.is-hint{border-color:#e7c27a;background:#fff6df}.bb-caption.is-hint p{animation:bb-nudge .4s ease-in-out}.bb-link-line{animation:bb-dash 1.4s linear infinite}.bb-link.is-complete .bb-link-line,.bb-link.is-complete .bb-link-glow{animation:bb-link-in .6s ease-out}.bb-confetti{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;overflow:hidden;pointer-events:none}.bb-confetti i{position:absolute;top:-20px;width:12px;height:12px;border-radius:3px;background:#e9b549;animation:bb-fall 2.6s ease-in forwards}.bb-confetti i:nth-child(3n){background:#8fc9b8;border-radius:50%}.bb-confetti i:nth-child(3n+1){background:#c9b3ec}.bb-confetti i:nth-child(1){left:3%;animation-delay:0s}.bb-confetti i:nth-child(2){left:10%;animation-delay:.18s}.bb-confetti i:nth-child(3){left:17%;animation-delay:.36s}.bb-confetti i:nth-child(4){left:24%;animation-delay:.54s}.bb-confetti i:nth-child(5){left:31%;animation-delay:.72s}.bb-confetti i:nth-child(6){left:38%;animation-delay:0s}.bb-confetti i:nth-child(7){left:45%;animation-delay:.18s}.bb-confetti i:nth-child(8){left:52%;animation-delay:.36s}.bb-confetti i:nth-child(9){left:59%;animation-delay:.54s}.bb-confetti i:nth-child(10){left:66%;animation-delay:.72s}.bb-confetti i:nth-child(11){left:73%;animation-delay:0s}.bb-confetti i:nth-child(12){left:80%;animation-delay:.18s}.bb-confetti i:nth-child(13){left:87%;animation-delay:.36s}.bb-confetti i:nth-child(14){left:94%;animation-delay:.54s}@keyframes bb-drop{0%{transform:translateY(-40px);opacity:0}70%{opacity:1}to{transform:none}}@keyframes bb-slot-pulse{50%{transform:scale(1.06)}}@keyframes bb-nudge{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes bb-coin-pop{40%{transform:scale(1.3)}}@keyframes bb-wait-bob{50%{transform:translateY(-3px)}}@keyframes bb-dash{to{stroke-dashoffset:-24}}@keyframes bb-link-in{0%{opacity:0}}@keyframes bb-fall{to{transform:translateY(105vh) rotate(540deg)}}.bb-page.is-calm .bb-confetti{display:none}@media (prefers-reduced-motion: reduce){.bb-confetti{display:none}}@media (max-width: 599px){.bb-header{padding-bottom:6px}.bb-progress{margin-bottom:8px}.bb-progress li{padding:4px 3px}.bb-story{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 8px}.bb-story button{font-size:calc(12px * var(--text-scale, 1));text-align:left;line-height:1.2}.bb-stage{height:322px}.bb-block{height:44px;flex-basis:44px;padding:3px 5px}.bb-stack{gap:4px}.bb-towers{gap:10px;padding:8px 10px 6px}.bb-stack{height:196px}.bb-animal{width:62px;height:60px}.bb-game,.bb-controls{gap:10px}.bb-caption{min-height:72px;padding:6px 8px 6px 12px}.bb-caption p{font-size:calc(16px * var(--text-scale, 1));line-height:1.3}.bb-choice-grid{min-height:0;gap:6px}.bb-choice{min-height:54px!important;padding:4px 6px}.bb-stamp{min-height:52px!important;padding:4px}.bb-tray legend,.bb-stamps legend{margin-bottom:4px}.bb-welcome-copy{padding:4px 0 12px}}@media (max-height: 540px){.bb-page~.kids-grownups{width:44px;padding:0;justify-content:center}.bb-page~.kids-grownups span{display:none}.bb-header{padding-right:52px}}@media (max-width: 599px) and (max-height: 700px){.bb-welcome-copy{padding:4px 0 10px}.is-welcome .bb-controls{order:-1}.is-welcome .bb-play-note{margin-top:4px!important}}@media (min-width: 720px) and (max-height: 540px){.is-welcome .bb-controls{align-self:start}}