.bw-root{--ink:#38201f;--cream:#fff8e9;--pink:#ff7bad;--yellow:#ffdf54;--mint:#c5eadf;--lilac:#a895ef;--blush:#ffd6e8;--ease:cubic-bezier(.16, 1, .3, 1);--display:"BB Fredoka", Fredoka, "Arial Rounded MT Bold", ui-rounded, system-ui, sans-serif;--body:"BB Sans", "DM Sans", system-ui, -apple-system, sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);width:100%;height:100%;color:var(--ink);font:500 16px/1.4 var(--body);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;background:#ffe9f1;position:relative;overflow:hidden;container:bw/inline-size}.bw-root *,.bw-root :before,.bw-root :after{box-sizing:border-box}.bw-root canvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.bw-root [hidden]{display:none!important}.bw-root button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.bw-root svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:24px;height:24px}.bw-root :focus-visible{outline-offset:3px;outline:3px solid #30256b}.bw-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bw-title{padding:calc(28px + var(--safe-t)) 20px calc(26px + var(--safe-b));text-align:center;pointer-events:none;transition:opacity .6s var(--ease);background:linear-gradient(#fff8e98c,#fff8e900 32%),linear-gradient(#fff8e900 66%,#fff8e9b3);flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0}.bw-title>*{pointer-events:auto}.bw-title.is-leaving{opacity:0}.bw-title.is-leaving>*{pointer-events:none}.bw-title-top,.bw-title-bottom{flex-direction:column;align-items:center;gap:12px;max-width:560px;display:flex}.bw-title-top{transition:transform .7s var(--ease)}.bw-title.is-leaving .bw-title-top{transform:translateY(-40px)}.bw-title.is-leaving .bw-title-bottom{transition:transform .7s var(--ease);transform:translateY(40px)}.bw-logo{font:700 clamp(48px, 13vw, 104px) / .92 var(--display);letter-spacing:-.02em;color:var(--cream);-webkit-text-stroke:.075em var(--ink);paint-order:stroke fill;text-shadow:0 .07em 0 var(--pink);flex-wrap:wrap;justify-content:center;gap:0 .12em;animation:3.2s ease-in-out infinite bw-float;display:flex}.bw-logo span:last-child{color:var(--yellow)}.bw-tag{text-wrap:balance;background:#fff8e9db;border-radius:999px;max-width:440px;margin:0;padding:8px 16px;font-size:15px;font-weight:600;box-shadow:0 6px 14px #38201f14}.bw-play{letter-spacing:.01em;min-width:240px;min-height:64px;box-shadow:0 7px 0 var(--pink), 0 16px 30px #38201f33;transition:transform .25s var(--ease), box-shadow .25s var(--ease);border-radius:999px;padding:16px 34px;animation:2.4s ease-in-out infinite bw-breathe;position:relative;background:var(--ink)!important;color:var(--cream)!important;font:700 24px/1 var(--display)!important}.bw-play:hover{transform:translateY(-2px)rotate(-1.5deg)}.bw-play:active{box-shadow:0 2px 0 var(--pink), 0 8px 18px #38201f33;transform:translateY(5px)}.bw-load{background:#38201f1f;border-radius:99px;width:160px;height:6px;transition:opacity .4s;overflow:hidden}.bw-load i{background:var(--pink);transform-origin:0;height:100%;transition:transform .3s var(--ease);display:block;transform:scaleX(.04)}.bw-title.is-loaded .bw-load{opacity:0}.bw-sound-note{opacity:.75;margin:0;font-size:13px;font-weight:600}.bw-skip{color:var(--ink);text-underline-offset:4px;padding:6px 10px;font-size:14px;font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px}.bw-hud{pointer-events:none;opacity:0;transition:opacity .5s var(--ease) .4s;position:absolute;inset:0}.bw-root.is-playing .bw-hud{opacity:1}.bw-hud>*{pointer-events:auto}.bw-pill{top:calc(14px + var(--safe-t));left:calc(14px + var(--safe-l));background:var(--cream);border:2.5px solid var(--ink);height:48px;font:700 20px/1 var(--display);pointer-events:none;border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 10px;display:flex;position:absolute;box-shadow:0 4px #38201f22}.bw-pill .bw-of{opacity:.55;font-size:16px}.bw-pill i{font-style:normal}.bw-pill.is-bump{animation:bw-bump .5s var(--ease)}.bw-pearl-dot{border:2px solid var(--ink);background:radial-gradient(circle at 35% 30%,#a97a63 0 14%,#3a1d14 45%);border-radius:50%;width:26px;height:26px}.bw-hud-right{top:calc(14px + var(--safe-t));right:calc(14px + var(--safe-r));gap:10px;display:flex;position:absolute}.bw-round{min-width:48px;height:48px;transition:transform .2s var(--ease), background .2s;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 12px;display:inline-flex;box-shadow:0 4px #38201f22;background:var(--cream)!important;border:2.5px solid var(--ink)!important}.bw-round:hover{transform:rotate(-4deg)}.bw-round:active{transform:translateY(2px)}.bw-bag{font:700 16px/1 var(--display);background:var(--yellow)!important}.bw-round.is-off .wave{opacity:0}.bw-round.is-off:after{content:"";background:var(--ink);border-radius:2px;width:26px;height:2.5px;position:absolute;transform:rotate(-45deg)}.bw-round{position:relative}.bw-toast{top:calc(128px + var(--safe-t));background:var(--ink);color:var(--cream);font:700 16px/1.2 var(--display);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s var(--ease), transform .4s var(--ease);text-overflow:ellipsis;border-radius:999px;max-width:calc(100% - 28px);padding:10px 18px;position:absolute;left:50%;overflow:hidden;transform:translate(-50%,-12px)scale(.96)}.bw-toast.is-on{opacity:1;transform:translate(-50%)scale(1)}.bw-toast b{color:var(--yellow)}.bw-prompt{left:50%;bottom:calc(26px + var(--safe-b));min-height:52px;box-shadow:0 5px 0 var(--ink);animation:bw-pop-in .35s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:0 22px;display:inline-flex;position:absolute;transform:translate(-50%);background:var(--yellow)!important;border:2.5px solid var(--ink)!important;font:700 18px/1 var(--display)!important}.bw-prompt:active{box-shadow:0 2px 0 var(--ink);transform:translate(-50%,3px)}.bw-root.is-touch .bw-prompt{bottom:calc(150px + var(--safe-b))}.bw-hint{left:50%;bottom:calc(22px + var(--safe-b));white-space:nowrap;text-overflow:ellipsis;opacity:0;pointer-events:none;max-width:calc(100% - 24px);transition:opacity .5s, transform .5s var(--ease);background:#fff8e9e6;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;position:absolute;overflow:hidden;transform:translate(-50%,10px);box-shadow:0 4px 12px #38201f18}.bw-hint.is-on{opacity:1;transform:translate(-50%)}.bw-root.is-touch .bw-hint{bottom:calc(140px + var(--safe-b));white-space:normal;text-align:center;width:min(92%,380px)}.bw-board{left:calc(14px + var(--safe-l));bottom:calc(18px + var(--safe-b));height:50px;box-shadow:0 5px 0 var(--ink);transition:transform .15s var(--ease), background .2s, box-shadow .15s;border-radius:999px;align-items:center;gap:8px;padding:0 18px 0 14px;display:inline-flex;position:absolute;background:var(--mint)!important;border:2.5px solid var(--ink)!important;font:700 17px/1 var(--display)!important}.bw-board:active{box-shadow:0 2px 0 var(--ink);transform:translateY(3px)}.bw-board.is-on{background:var(--pink)!important;color:var(--cream)!important}.bw-board.is-on span{-webkit-text-stroke:3.5px var(--ink);paint-order:stroke fill}.bw-root.is-touch .bw-board{left:auto;right:calc(34px + var(--safe-r));bottom:calc(146px + var(--safe-b));flex-direction:column;justify-content:center;gap:2px;width:68px;height:56px;padding:0;font-size:12px!important}.bw-root.is-touch .bw-board svg{width:26px;height:26px}.bw-joy,.bw-jump{display:none}.bw-root.is-touch .bw-joy{pointer-events:none;opacity:0;background:#fff8e959;border:2.5px solid #38201f55;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;transition:opacity .15s;display:block;position:absolute;top:0;left:0}.bw-root.is-touch .bw-joy.is-active{opacity:1}.bw-knob{background:var(--cream);border:2.5px solid var(--ink);border-radius:50%;width:54px;height:54px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px #38201f33}.bw-root.is-touch .bw-jump{right:calc(22px + var(--safe-r));bottom:calc(34px + var(--safe-b));width:92px;height:92px;box-shadow:0 7px 0 var(--ink);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;touch-action:none;border-radius:50%;justify-content:center;align-items:center;transition:transform 80ms,box-shadow 80ms;display:flex;position:absolute;background:var(--pink)!important;border:3px solid var(--ink)!important;font:700 18px/1 var(--display)!important;color:var(--cream)!important}.bw-root.is-touch .bw-jump.is-down{box-shadow:0 2px 0 var(--ink);transform:translateY(5px)scale(.96)}.bw-cardbtn{left:calc(14px + var(--safe-l) + 118px);cursor:pointer;pointer-events:auto!important;background:var(--yellow)!important;font:700 20px/1 var(--display)!important;color:var(--ink)!important;gap:6px!important;padding:0 14px 0 10px!important}.bw-cardbtn svg{width:26px;height:26px}.bw-cardbtn.is-bump{animation:bw-bump .6s var(--ease)}.bw-stamps{grid-template-columns:1fr 1fr;gap:10px;display:grid}.bw-stamp{background:#fff;border:2px dashed #38201f55;border-radius:16px;align-items:center;gap:10px;padding:10px;display:flex}.bw-stamp.is-got{border-style:solid;border-color:var(--ink);background:var(--blush)}.bw-stamp-mark{width:48px;height:48px;font:700 20px/1 var(--display);color:#38201f88;border:2.5px dashed #38201f55;border-radius:50%;flex:none;place-items:center;display:grid}.bw-stamp-mark i{font-style:normal}.bw-stamp.is-got .bw-stamp-mark{border:0;transform:rotate(-12deg)}.bw-stamp-mark svg,.bw-stamppop-mark svg{fill:#e0457f;stroke:none;width:100%;height:100%}.bw-stamp-mark svg .f,.bw-stamppop-mark svg .f{fill:#fff}.bw-stamp-text{flex-direction:column;gap:2px;min-width:0;display:flex}.bw-stamp-text b{font:700 15px/1.1 var(--display)}.bw-stamp-text small{opacity:.8;font-size:12.5px;line-height:1.25}.bw-rewards{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.bw-rewards li{background:var(--mint);border:2px solid var(--ink);border-radius:14px;flex:1;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:700;display:flex}.bw-rewards b{background:var(--yellow);border:2px solid var(--ink);width:26px;height:26px;font:700 14px/1 var(--display);border-radius:50%;place-items:center;display:grid}.bw-stamppop{background:var(--cream);border:3px solid var(--ink);box-shadow:0 7px 0 var(--ink);opacity:0;pointer-events:none;border-radius:999px;align-items:center;gap:12px;padding:12px 22px 12px 12px;display:flex;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)scale(.4)}.bw-stamppop.is-on{animation:bw-stamp 2.6s var(--ease) forwards}.bw-stamppop-mark{width:56px;height:56px;transform:rotate(-12deg)}.bw-stamppop small{letter-spacing:.08em;text-transform:uppercase;color:#b3476f;font-size:12px;font-weight:700;display:block}.bw-stamppop b{font:700 22px/1.1 var(--display)}@keyframes bw-stamp{0%{opacity:0;transform:translate(-50%,-50%)scale(1.8)rotate(-8deg)}12%{opacity:1;transform:translate(-50%,-50%)scale(.94)rotate(2deg)}20%{transform:translate(-50%,-50%)scale(1)rotate(0)}82%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-60%)scale(.96)}}.bw-finale .bw-finale-copy{margin:0 0 16px;font-size:16px}.bw-finale-actions{gap:10px;display:grid}.bw-finale-actions .bw-back{place-items:center;margin:0;text-decoration:none;display:grid}.bw-back--light{background:var(--yellow)!important;color:var(--ink)!important;border:2.5px solid var(--ink)!important}@media (max-width:420px){.bw-stamps{grid-template-columns:1fr}.bw-rewards{flex-direction:column}}.bw-speech-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.speech{background:var(--cream);border:2.5px solid var(--ink);opacity:0;will-change:transform;border-radius:18px;max-width:min(240px,62vw);margin-top:-14px;padding:16px 16px 12px;font-size:15px;font-weight:600;line-height:1.3;transition:opacity .25s;position:absolute;top:0;left:0;box-shadow:0 5px #38201f22}.speech.is-on{opacity:1}.speech:after{content:"";background:var(--cream);border-right:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);width:16px;height:16px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)rotate(45deg)}.speech b{background:var(--pink);border:2.5px solid var(--ink);font:700 13px/1 var(--display);color:var(--cream);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;border-radius:999px;padding:3px 10px;position:absolute;top:-13px;left:12px}.bw-sheet{pointer-events:auto;touch-action:auto;background:#38201f00;justify-content:center;align-items:flex-end;transition:background .25s;display:flex;position:absolute;inset:0}.bw-sheet.is-open{background:#38201f47}.bw-sheet-card{width:min(640px,100%);max-height:88%;padding:28px 20px calc(20px + var(--safe-b));background:var(--cream);border:3px solid var(--ink);transition:transform .35s var(--ease);-webkit-user-select:text;user-select:text;border-bottom:0;border-radius:28px 28px 0 0;position:relative;overflow:auto;transform:translateY(100%)}.bw-sheet.is-open .bw-sheet-card{transform:none}@media (min-width:720px){.bw-sheet{align-items:center}.bw-sheet-card{border-bottom:3px solid var(--ink);opacity:0;transition:transform .35s var(--ease), opacity .25s;border-radius:28px;padding-bottom:24px;transform:translateY(24px)scale(.97)}.bw-sheet.is-open .bw-sheet-card{opacity:1}}.bw-sheet-close{top:14px;right:14px;position:absolute!important}.bw-kicker{letter-spacing:.08em;text-transform:uppercase;color:#b3476f;margin:0 0 4px;font-size:13px;font-weight:700}.bw-sheet h2{font:700 clamp(26px, 6vw, 34px) / 1.02 var(--display);letter-spacing:-.02em;text-wrap:balance;margin:0 56px 16px 0}.bw-cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.bw-card{border:2.5px solid var(--ink);min-height:132px;box-shadow:0 5px 0 var(--ink);color:var(--ink);transition:transform .2s var(--ease), box-shadow .2s var(--ease);border-radius:18px;flex-direction:column;gap:6px;padding:14px;text-decoration:none;display:flex}.bw-card:hover{transform:translateY(-2px)rotate(-1deg)}.bw-card:active{box-shadow:0 2px 0 var(--ink);transform:translateY(3px)}.bw-card svg{width:30px;height:30px}.bw-card b{font:700 18px/1.1 var(--display)}.bw-card span{font-size:13.5px;font-weight:500;line-height:1.3}.bw-card--pink{background:var(--blush)}.bw-card--mint{background:var(--mint)}.bw-card--yellow{background:#ffe98f}.bw-card--lilac{background:#e1d4f5}.bw-back{border-radius:999px;width:100%;min-height:52px;margin-top:16px;display:block;background:var(--ink)!important;color:var(--cream)!important;font:700 18px/1 var(--display)!important}@media (max-width:360px){.bw-cards{grid-template-columns:1fr}.bw-card{min-height:0}}@keyframes bw-float{50%{transform:translateY(-6px)rotate(-1deg)}}@keyframes bw-breathe{50%{transform:scale(1.035)}}@keyframes bw-bump{30%{transform:scale(1.18)rotate(-4deg)}}@keyframes bw-pop-in{0%{opacity:0;transform:translate(-50%)scale(.6)}}@media (prefers-reduced-motion:reduce){.bw-root *,.bw-root :before,.bw-root :after{transition-duration:10ms!important;animation:none!important}}.bw-root .bw-goal{top:calc(70px + var(--safe-t));left:calc(14px + var(--safe-l));border:2.5px solid var(--ink);max-width:min(64vw,300px);color:var(--ink);text-align:left;cursor:pointer;pointer-events:auto;font:600 13px/1.25 var(--body,system-ui);background:#fff8e9f0;border-radius:16px;gap:1px;padding:7px 14px 8px;display:grid;position:absolute;box-shadow:0 4px #38201f22}.bw-root .bw-goal[hidden]{display:none}.bw-root .bw-goal.is-muted{visibility:hidden}.bw-root .bw-goal b{font:700 16px/1.1 var(--display)}.bw-root .bw-goal-kicker{font:700 10px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--pink,#ff7bad)}.bw-root .bw-goal-detail{opacity:.75}.bw-root .bw-goal.is-new{animation:bw-bump .6s var(--ease)}.bw-banner{top:calc(74px + var(--safe-t));border:2.5px solid var(--ink);background:var(--mint,#c5eadf);color:var(--ink);font:700 18px/1 var(--display);white-space:nowrap;pointer-events:none;border-radius:999px;padding:8px 18px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px #38201f22}.bw-banner[hidden]{display:none}.bw-banner small{opacity:.7;margin-left:6px;font-size:14px}@container bw (width<=420px){.bw-pill .bw-of,.bw-root .bw-bag span{display:none}.bw-root .bw-bag{width:48px;padding:0}}