.bp-app{--bp-ink:#1f2b3a;--bp-red:#e5483a;--bp-gold:#ffc93c;--bp-blue:#2f8fe0;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:#f6e6cf}.bp-scene{width:100%;height:100%;display:block;z-index:0}.bp-scene,.bp-vignette{position:absolute;inset:0}.bp-vignette{z-index:1;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(ellipse at 50% 50%,transparent 50%,rgba(229,72,58,.5) 100%)}.bp-vignette.on{opacity:1;animation:bp-pulse .9s ease-in-out infinite}.bp-zone{position:absolute;inset:0;z-index:2;touch-action:none;cursor:pointer}.bp-app:not([data-phase=play]) .bp-zone{pointer-events:none}.bp-app:not([data-phase=play]):not([data-phase=ending]) :is(.bp-hud,.bp-b,.bp-keys,.bp-pause-btn,.bp-hint,.bp-vignette){display:none}@keyframes bp-pulse{50%{opacity:.55}}.bp-hud{position:absolute;inset:0 0 auto 0;z-index:4;pointer-events:none;display:flex;align-items:flex-start;gap:10px;padding:calc(env(safe-area-inset-top, 0px) + 10px) 66px 0 max(10px,env(safe-area-inset-left,0px))}.bp-meter-wrap{position:relative;flex:none;width:62px;display:flex;flex-direction:column;align-items:center}.bp-meter{width:62px;height:112px;display:block;filter:drop-shadow(0 3px 0 rgba(31,43,58,.25))}.bp-pct{margin-top:-4px;font:800 18px/1 Playful,sans-serif;color:#fff;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;-webkit-text-stroke:3px var(--bp-ink);paint-order:stroke fill}.bp-meter-wrap.hot .bp-pct{color:#ffe1dc;-webkit-text-stroke-color:#9c1d10;animation:bp-throb .6s ease-in-out infinite}@keyframes bp-throb{50%{transform:scale(1.18)}}.bp-top{flex:1 1;min-width:0;max-width:560px;flex-direction:column;background:rgba(31,43,58,.78);border:3px solid #fff;border-radius:16px;padding:7px 12px 10px;box-shadow:0 4px 0 rgba(31,43,58,.25)}.bp-top,.bp-top-row{display:flex;gap:8px}.bp-top-row{justify-content:space-between;align-items:baseline}.bp-level{font:800 14px/1.2 Playful,sans-serif;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bp-clock{display:flex;align-items:baseline;gap:5px;white-space:nowrap}.bp-clock b{font:800 22px/1 Playful,sans-serif;color:#8dffb0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bp-clock b.over{color:#ffb36b}.bp-clock small{font:700 12px/1 Playful,sans-serif;color:#c9d6e0}.bp-track{position:relative;height:10px;border-radius:6px;background:rgba(255,255,255,.22);margin:4px 14px 2px 4px}.bp-track-fill{position:absolute;inset:0;border-radius:6px;background:linear-gradient(90deg,#8dffb0,#ffd45e);transform-origin:left;transform:scaleX(0)}.bp-track-dot{left:0;transform:translate(-50%,-58%) scaleX(-1)}.bp-track-dot,.bp-track-end{position:absolute;top:50%;font-size:18px;line-height:1}.bp-track-end{right:-16px;transform:translateY(-55%)}.bp-tick{position:absolute;top:-3px;width:4px;height:16px;margin-left:-2px;border-radius:2px;background:#fff}.bp-tick.final{background:var(--bp-gold)}.bp-tick.tried{background:var(--bp-red)}.bp-banner{position:absolute;left:50%;top:30%;z-index:6;pointer-events:none;transform:translate(-50%,-50%) scale(.85);font:800 clamp(26px,8vw,52px)/1.05 Playful,sans-serif;color:#fff;text-align:center;width:max-content;max-width:92vw;-webkit-text-stroke:3px var(--bp-ink);paint-order:stroke fill;text-shadow:0 5px 0 rgba(31,43,58,.45);opacity:0;transition:opacity .18s,transform .18s}.bp-banner.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.bp-banner.red{color:#ffe1dc;-webkit-text-stroke-color:#9c1d10}.bp-banner.gold{color:#fff3c4;-webkit-text-stroke-color:#8a5a00}.bp-banner.green{color:#e3ffd9;-webkit-text-stroke-color:#2f6b2a}.bp-banner.small{font-size:clamp(20px,6vw,36px)}.bp-banner.tip{top:auto;bottom:calc(env(safe-area-inset-bottom, 0px) + 150px);font-size:clamp(17px,4.6vw,24px);color:#fff;-webkit-text-stroke:0;text-shadow:none;background:rgba(31,43,58,.82);padding:8px 14px;border-radius:14px;white-space:normal}.bp-stamp{position:absolute;left:50%;top:44%;z-index:6;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:6px;transform:translate(-50%,-50%) rotate(-8deg) scale(2.2);opacity:0}.bp-stamp.show{animation:bp-stamp .32s cubic-bezier(.2,1.6,.4,1) forwards}.bp-stamp b{font:900 clamp(34px,11vw,70px)/1 Playful,sans-serif;letter-spacing:1px;color:var(--bp-red);white-space:nowrap;border:6px solid;border-radius:14px;padding:6px 16px 4px;background:rgba(255,255,255,.86);box-shadow:0 6px 0 rgba(31,43,58,.3)}.bp-stamp span{font:800 clamp(18px,5vw,26px)/1 Playful,sans-serif;color:#fff;-webkit-text-stroke:3px var(--bp-ink);paint-order:stroke fill}.bp-stamp span:empty{display:none}.bp-stamp.gold{top:22%}.bp-stamp.gold b{color:#d49a00;background:rgba(255,252,235,.92)}.bp-stamp.blue b{color:#2f6fb3}@keyframes bp-stamp{to{opacity:1;transform:translate(-50%,-50%) rotate(-8deg) scale(1)}}.bp-whiteout{position:absolute;inset:0;z-index:8;pointer-events:none;background:#fffdf4;opacity:0}.bp-whiteout.on{opacity:1;transition:opacity 1.1s ease-in}.bp-hint{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 132px);transform:translateX(-50%);z-index:5;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:6px;opacity:0;transition:opacity .2s}.bp-hint.show{opacity:1}.bp-hint-hand{font-size:54px;filter:drop-shadow(0 3px 0 rgba(31,43,58,.35))}.bp-hint.hold .bp-hint-hand{animation:bp-press .9s ease-in-out infinite}.bp-hint.lift .bp-hint-hand{transform:translateY(-26px);opacity:.7;transition:transform .2s}.bp-hint.tapb{left:auto;right:max(20px,env(safe-area-inset-right,0px));bottom:calc(env(safe-area-inset-bottom, 0px) + 128px);transform:none;align-items:flex-end}.bp-hint.tapb .bp-hint-hand{animation:bp-press .6s ease-in-out infinite;margin-right:18px}.bp-hint-text{font:800 18px/1.15 Playful,sans-serif;color:#fff;background:rgba(31,43,58,.84);padding:7px 12px;border-radius:12px;max-width:min(78vw,340px);text-align:center}@keyframes bp-press{0%,to{transform:translateY(-14px)}45%,60%{transform:translateY(4px) scale(.92)}}.bp-b{position:absolute;z-index:5;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(env(safe-area-inset-bottom, 0px) + 26px);width:88px;height:88px;border-radius:50%;border:4px solid #fff;padding:0;cursor:pointer;touch-action:none;background:#8a97a6;box-shadow:0 5px 0 rgba(31,43,58,.4);display:grid;place-items:center;transition:transform .08s,box-shadow .08s,background .15s,opacity .15s;opacity:.55}.bp-b-icon{font-size:38px;line-height:1}.bp-b.on{transform:translateY(4px) scale(.96);box-shadow:0 1px 0 rgba(31,43,58,.4)}.bp-b.ready{background:var(--bp-blue);opacity:1;animation:bp-ready .8s ease-in-out infinite}.bp-b.ready.final{background:#f2b632}@keyframes bp-ready{50%{box-shadow:0 5px 0 rgba(31,43,58,.4),0 0 0 10px rgba(255,201,60,.6)}}.bp-b-label{bottom:-22px;font:800 13px/1 Playful,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.6)}.bp-b-label,.bp-keys{position:absolute;left:50%;transform:translateX(-50%);color:#fff;white-space:nowrap}.bp-keys{bottom:calc(env(safe-area-inset-bottom, 0px) + 14px);z-index:4;font:700 13px/1 Playful,sans-serif;background:rgba(31,43,58,.55);padding:6px 12px;border-radius:10px;pointer-events:none}@media (hover:none),(pointer:coarse){.bp-keys{display:none}}.bp-corner{position:absolute;z-index:7;top:calc(env(safe-area-inset-top, 0px) + 10px);right:max(10px,env(safe-area-inset-right,0px));display:flex;flex-direction:column;gap:8px}.bp-icon-btn{width:44px;height:44px;padding:0;border-radius:13px;border:2px solid #fff;display:grid;place-items:center;background:rgba(255,251,237,.88);color:var(--play-ink);box-shadow:0 3px 0 rgba(31,43,58,.3);cursor:pointer}.bp-icon-btn .off,.bp-icon-btn[aria-pressed=true] .on{display:none}.bp-icon-btn[aria-pressed=true] .off{display:inline}.bp-app:has(.overlay.show:not(.bp-menu)) .bp-corner{display:none}.playful-game .bp-menu{background:linear-gradient(90deg,rgba(246,230,207,0) 30%,rgba(246,230,207,.8) 62%);-webkit-backdrop-filter:none;backdrop-filter:none;align-items:flex-end;padding-right:max(5vw,24px)}.bp-card{width:min(410px,100%);background:var(--play-paper);border:4px solid #fff;border-radius:28px;box-shadow:0 8px 0 var(--play-shadow);padding:22px 22px 18px;display:flex;flex-direction:column;gap:10px}.bp-card,.bp-card>*{flex-shrink:0}.bp-kicker{font:800 13px/1.2 Playful,sans-serif;letter-spacing:.06em;color:var(--play-accent)}.bp-title{margin:0;font:800 clamp(40px,6vw,56px)/.95 Playful,sans-serif;color:#fff;letter-spacing:-.5px;-webkit-text-stroke:2.5px var(--bp-ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--bp-blue)}.bp-pitch{margin:0;font-size:15px;line-height:1.45}.bp-levels{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.bp-level-btn{min-height:64px;border:2px solid #d9d2bf;background:#fff;border-radius:16px;padding:8px 6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font:800 17px/1.1 Playful,sans-serif;color:var(--play-ink)}.bp-level-btn small{font-size:12px;font-weight:700;color:#52667a}.bp-level-btn[aria-pressed=true]{background:var(--bp-ink);border-color:var(--bp-ink);color:#fff}.bp-level-btn[aria-pressed=true] small{color:#c9d6e0}.bp-level-btn:disabled{opacity:.45;cursor:not-allowed}.bp-level-blurb{margin:-2px 0 2px;font-size:14px;line-height:1.35;color:#52667a;min-height:2.7em}.bp-best,.bp-total{margin:0;text-align:center;font-weight:800;color:#b5701c;min-height:1.2em}.bp-link-btn{background:none;border:0;color:var(--play-accent);font:800 17px/1.2 Playful,sans-serif;padding:6px;cursor:pointer}.playful-game .bp-pause,.playful-game .bp-results{align-items:center}.bp-small-card{width:min(380px,100%);align-items:stretch;text-align:center}.bp-result-title{margin:0;font:800 clamp(42px,11vw,64px)/1 Playful,sans-serif;color:#fff3c4;transform:rotate(-3deg);-webkit-text-stroke:3px #8a5a00;paint-order:stroke fill;text-shadow:0 5px 0 rgba(138,90,0,.3)}.bp-results.fail .bp-result-title{color:#dff1ff;-webkit-text-stroke-color:#2f6fb3;text-shadow:0 5px 0 rgba(47,111,179,.3)}.bp-result-line{margin:0;font-size:16px;font-weight:700;color:var(--play-ink)}.bp-result-list{margin:4px 0;display:grid;grid-gap:6px;gap:6px}.bp-result-list>div{display:flex;justify-content:space-between;gap:10px;background:#fff;border-radius:12px;padding:8px 12px}.bp-result-list dt{color:#52667a;font-weight:700}.bp-result-list dd{margin:0;font-weight:800;color:var(--play-accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.bp-result-list .bp-result-parts{display:grid;justify-content:stretch;grid-gap:4px;gap:4px;background:none;padding:0}.bp-result-parts:empty{display:none}.bp-result-parts span i{font-style:normal}.bp-result-parts span{display:flex;justify-content:space-between;background:#fff6d8;border-radius:10px;padding:6px 12px;font-weight:800;color:#8a5a00}.bp-result-list .bp-result-score{background:var(--play-soft)}.bp-result-score dd{font-size:22px}.bp-results.can-next #bp-again,.bp-results:not(.can-next) #bp-next{display:none}@media (max-aspect-ratio:4/5),(max-width:700px){.playful-game .bp-menu{align-items:center;justify-content:flex-end;padding:0 12px calc(env(safe-area-inset-bottom, 0px) + 12px);background:linear-gradient(180deg,rgba(246,230,207,0) 30%,rgba(246,230,207,.85) 55%)}.bp-menu .bp-card{max-height:64dvh;overflow-y:auto;gap:8px;padding:16px 16px 12px}.bp-menu .bp-pitch{font-size:14px}.bp-menu #bp-start{position:-webkit-sticky;position:sticky;bottom:0;z-index:1}.bp-title{font-size:40px}}@media (max-height:520px){.playful-game .bp-menu{padding-top:12px;padding-bottom:12px}.bp-menu .bp-card{max-height:calc(100dvh - 24px);overflow-y:auto}.bp-menu .bp-pitch{display:none}.bp-b{width:76px;height:76px}.bp-meter{height:86px}.bp-meter,.bp-meter-wrap{width:48px}}@media (prefers-reduced-motion:reduce){.bp-b.ready,.bp-hint .bp-hint-hand,.bp-meter-wrap.hot .bp-pct,.bp-vignette.on{animation:none}.bp-stamp.show{animation-duration:.01s}}