.bb-game{--bb-world: #e64a3b;display:flex;width:min(100%,60rem);margin:1.1rem auto 0;flex-direction:column;align-items:center;gap:.5rem;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;scroll-margin-top:calc(var(--bb-header, 0px) + .4rem)}.bb-stage{position:relative;display:grid;max-width:100%;overflow:hidden;border:3px solid var(--color-navy);border-radius:1.1rem;background:linear-gradient(180deg,#5fc4ff,#2f86d8);box-shadow:0 6px 0 var(--color-navy),0 22px 60px color-mix(in srgb,black 35%,transparent);-webkit-touch-callout:none}.bb-stage>.bb-canvas,.bb-stage>.bb-overlay{grid-area:1 / 1}.bb-canvas{display:block;outline:none;touch-action:none}.bb-game[data-mode=loading] .bb-canvas,.bb-game[data-mode=title] .bb-canvas,.bb-game[data-mode=worlds] .bb-canvas,.bb-game[data-mode=intro] .bb-canvas{display:none}.bb-game[data-mode=loading] .bb-stage,.bb-game[data-mode=title] .bb-stage,.bb-game[data-mode=worlds] .bb-stage,.bb-game[data-mode=intro] .bb-stage{width:min(100%,44rem)!important;background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.35) 0 6%,transparent 7%),radial-gradient(circle at 85% 30%,rgba(255,255,255,.25) 0 4%,transparent 5%),linear-gradient(180deg,#6fcdff,#3a8fe0)}.bb-screen{position:relative;display:flex;flex-direction:column;align-items:center;gap:.7rem;padding:1.1rem 1rem 1.3rem;color:#fff;text-align:center}.bb-screen[hidden]{display:none}.bb-overlay{justify-content:center;background:color-mix(in srgb,#0d1b4a 72%,transparent);backdrop-filter:blur(2px)}.bb-loading{padding:4rem 1rem;font-size:1.1rem;font-weight:900;text-shadow:0 3px 0 var(--color-navy)}.bb-logo{width:min(92%,30rem);height:auto;filter:drop-shadow(0 6px 0 rgba(13,27,74,.35))}.bb-choose,.bb-screen-title,.bb-result-head{font-size:1.35rem;font-weight:900;line-height:1.1;text-shadow:0 3px 0 var(--color-navy),2px 0 0 var(--color-navy),-2px 0 0 var(--color-navy),0 -2px 0 var(--color-navy)}.bb-heroes{display:grid;width:100%;max-width:34rem;gap:.7rem;grid-template-columns:1fr 1fr}.bb-hero-card{display:flex;flex-direction:column;align-items:center;gap:.15rem;border:3px solid var(--color-navy);border-radius:1.1rem;background:#fbf7ef;box-shadow:0 5px 0 var(--color-navy);color:#15182a;cursor:pointer;padding:.6rem .6rem .8rem;transition:transform .12s ease}.bb-hero-card[aria-pressed=true]{background:#fff6c9;outline:4px solid #ffd23f;outline-offset:2px;transform:translateY(-3px)}.bb-hero-name{font-size:1.2rem;font-weight:900}.bb-hero-type{color:#2f6fd1;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.bb-hero-desc{min-height:2.4em;color:#4a5066;font-size:.78rem;line-height:1.25}.bb-bars{display:grid;width:100%;gap:.2rem;margin-top:.3rem}.bb-bar-row{display:grid;align-items:center;gap:.4rem;grid-template-columns:4.6rem 1fr;font-size:.66rem;font-weight:800;text-align:left}.bb-bar{position:relative;height:.55rem;overflow:hidden;border:2px solid var(--color-navy);border-radius:999px;background:#e6e9f2}.bb-bar-max,.bb-bar-base{position:absolute;inset:0 auto 0 0}.bb-bar-max{background:#9fd3ff}.bb-bar-base{background:#2f86ff}.bb-avatar{display:inline-block;flex:none;width:48px;height:53.3px;background-image:var(--bb-chars);background-repeat:no-repeat;background-size:288px 960px;background-position:0 calc(var(--row) * -53.333px)}.bb-avatar-sm{width:36px;height:40px;background-size:216px 720px;background-position:0 calc(var(--row) * -40px)}.bb-avatar-lg{width:90px;height:100px;background-size:540px 1800px;background-position:0 calc(var(--row) * -100px)}.bb-avatar-xl{width:120px;height:133.3px;background-size:720px 2400px;background-position:0 calc(var(--row) * -133.333px)}.bb-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.bb-stack{display:flex;width:min(100%,18rem);flex-direction:column;gap:.55rem}.bb-btn{display:inline-flex;min-height:2.8rem;align-items:center;justify-content:center;gap:.4rem;border:3px solid var(--color-navy);border-radius:999px;background:#fbf7ef;box-shadow:0 4px 0 var(--color-navy);color:#15182a;cursor:pointer;font-size:.95rem;font-weight:900;line-height:1.1;padding:.45rem 1.1rem;text-decoration:none;transition:transform .1s ease,box-shadow .1s ease}.bb-btn:active{box-shadow:0 1px 0 var(--color-navy);transform:translateY(3px)}.bb-btn-primary{min-width:10rem;background:#ffd23f;font-size:1.1rem}.bb-btn-small{min-height:2.3rem;font-size:.82rem;padding:.35rem .9rem}.bb-hint{max-width:32rem;color:#eaf6ff;font-size:.78rem;line-height:1.35}.bb-hint-touch{display:none}.bb-game[data-touch=true] .bb-hint-touch{display:block}.bb-game[data-touch=true] .bb-hint-keys{display:none}.bb-screen-head{display:flex;width:100%;align-items:center;gap:.7rem}.bb-screen-head .bb-screen-title{flex:1;padding-right:5rem}.bb-worlds{display:grid;width:100%;gap:.7rem;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));margin:0;padding:0;list-style:none}.bb-world{--bb-accent: #e64a3b;display:flex;flex-direction:column;gap:.4rem;border:3px solid var(--color-navy);border-radius:1rem;background:#fbf7ef;box-shadow:0 5px 0 var(--color-navy);color:#15182a;padding:.55rem;text-align:left}.bb-world[data-locked=true]{opacity:.62}.bb-world-head{display:flex;align-items:center;gap:.5rem;border-radius:.7rem;background:var(--bb-accent);color:#fff;padding:.3rem .5rem;text-shadow:0 2px 0 rgba(0,0,0,.35)}.bb-world-num{display:grid;width:1.6rem;height:1.6rem;flex:none;place-items:center;border:2px solid #fff;border-radius:50%;font-weight:900}.bb-world-name{font-size:.98rem;font-weight:900;line-height:1.1}.bb-world-mascots{display:flex;gap:.1rem;padding-left:.2rem}.bb-stage-btns{display:grid;gap:.35rem}.bb-stage-btn{display:grid;align-items:center;gap:.5rem;grid-template-columns:2.4rem 1fr auto;border:2px solid var(--color-navy);border-radius:.7rem;background:#fff;box-shadow:0 3px 0 var(--color-navy);color:#15182a;cursor:pointer;font-size:.8rem;font-weight:800;padding:.35rem .5rem;text-align:left}.bb-stage-btn:disabled{cursor:not-allowed;background:#eceef3;box-shadow:0 1px 0 var(--color-navy);color:#7a8094}.bb-stage-btn:not(:disabled):active{box-shadow:0 1px 0 var(--color-navy);transform:translateY(2px)}.bb-stage-boss .bb-stage-id{background:#e5484d}.bb-stage-id{border-radius:.45rem;background:#2f86ff;color:#fff;font-weight:900;padding:.15rem 0;text-align:center}.bb-rank{min-width:1.8rem;color:#d4a100;font-size:.95rem;font-weight:900;text-align:right}.bb-intro-stage{border-radius:999px;background:var(--bb-world);color:#fff;font-size:.8rem;font-weight:900;letter-spacing:.08em;padding:.2rem .8rem;text-transform:uppercase}.bb-intro-world,.bb-meet-head{color:#eaf6ff;font-size:.85rem;font-weight:800}.bb-meet-list{display:grid;width:min(100%,30rem);gap:.4rem;margin:0;padding:0;list-style:none}.bb-meet{display:flex;align-items:center;gap:.6rem;border:2px solid var(--color-navy);border-radius:.8rem;background:#fbf7ef;color:#15182a;font-size:.85rem;line-height:1.25;padding:.25rem .6rem;text-align:left}.bb-meet em{color:#5f6579;font-size:.72rem;font-style:normal;font-weight:700}.bb-meet small{color:#2f5fc4;font-size:.78rem;font-weight:700}.bb-tip{max-width:30rem;border:2px dashed rgba(255,255,255,.7);border-radius:.8rem;font-size:.86rem;font-weight:700;line-height:1.35;padding:.45rem .7rem}.bb-tip:empty{display:none}.bb-result-title{color:#eaf6ff;font-size:.9rem;font-weight:800}.bb-rank-big{display:grid;width:5.2rem;height:5.2rem;place-items:center;border:4px solid var(--color-navy);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6c9,#ffd23f 60%,#e0a200);box-shadow:0 5px 0 var(--color-navy);color:#15182a;font-size:2.2rem;font-weight:900;animation:bb-pop-in .5s cubic-bezier(.2,1.6,.4,1)}.bb-rank-big[data-rank=SS]{background:radial-gradient(circle at 35% 30%,#fff,#7fe3ff 55%,#2f86ff);font-size:1.8rem}.bb-result-stats{display:flex;gap:1rem;margin:0;font-weight:800}.bb-result-stats dt{color:#cfe9ff;font-size:.72rem;text-transform:uppercase}.bb-result-stats dd{margin:0;font-size:1.25rem;font-weight:900}.bb-new-best{color:#ffd23f;font-weight:900}.bb-result-cards{font-size:.85rem;font-weight:800}.bb-result-cards ul{margin:.2rem 0 0;padding:0;list-style:none;color:#fff3b0}.bb-over-title{font-size:2rem}.bb-over-text{max-width:22rem;color:#eaf6ff;font-weight:700}.bb-ending-art{width:6rem;height:auto}.bb-final-score strong{font-size:1.4rem}.bb-banner{position:absolute;top:38%;left:50%;z-index:4;margin:0;color:#fff;font-size:clamp(1.6rem,7vw,3.2rem);font-weight:900;pointer-events:none;text-shadow:0 5px 0 var(--color-navy),3px 0 0 var(--color-navy),-3px 0 0 var(--color-navy),0 -3px 0 var(--color-navy);transform:translate(-50%,-50%);white-space:nowrap}.bb-banner[data-kind=go],.bb-banner[data-kind=clear]{color:#ffd23f}.bb-banner[data-kind=hurry]{color:#ff6b6b}.bb-banner-anim{animation:bb-banner .55s cubic-bezier(.2,1.6,.4,1)}.bb-toast{position:absolute;bottom:.6rem;left:50%;z-index:5;width:max-content;max-width:min(92%,24rem);line-height:1.25;border:2px solid var(--color-navy);border-radius:1rem;background:#fbf7ef;box-shadow:0 3px 0 var(--color-navy);color:#15182a;font-size:clamp(.66rem,2.2vw,.8rem);font-weight:800;opacity:0;padding:.35rem .9rem;pointer-events:none;text-align:center;transform:translate(-50%,10px);transition:opacity .2s ease,transform .2s ease}.bb-toast[data-show=true]{opacity:1;transform:translate(-50%)}@keyframes bb-banner{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes bb-pop-in{0%{transform:scale(.2) rotate(-20deg)}to{transform:scale(1) rotate(0)}}.bb-hud{width:min(100%,56rem);border:3px solid var(--color-navy);border-radius:1rem;background:linear-gradient(180deg,#fbf7ef,#efe6d2);box-shadow:0 4px 0 var(--color-navy);color:#15182a;padding:.3rem .55rem}.bb-hud[hidden]{display:none}.bb-hud-row{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .8rem}.bb-hud-stats{gap:.3rem .7rem;margin-top:.15rem}.bb-hearts{color:#e5484d;font-size:1.1rem;letter-spacing:.05em;text-shadow:0 1px 0 var(--color-navy)}.bb-stage-label{flex:1;min-width:8rem;overflow:hidden;font-size:.8rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.bb-time{border-radius:.5rem;background:#15182a;color:#7fffb0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem;font-weight:900;padding:.05rem .45rem}.bb-time[data-hurry=true]{color:#ff6b6b}.bb-score{font-size:.95rem;font-weight:900}.bb-score small{color:#5f6579;font-size:.66rem;text-transform:uppercase}.bb-hud-btns{display:flex;gap:.35rem}.bb-icon-btn{display:grid;width:2.1rem;height:2.1rem;place-items:center;border:2px solid var(--color-navy);border-radius:50%;background:#fff;box-shadow:0 2px 0 var(--color-navy);color:#15182a;cursor:pointer}.bb-icon-btn svg{width:1.1rem;height:1.1rem;fill:currentColor}.bb-mute .bb-cross,.bb-mute[aria-pressed=true] .bb-wave{display:none}.bb-mute[aria-pressed=true] .bb-cross{display:inline}.bb-stat{display:inline-flex;align-items:center;gap:.2rem;font-size:.9rem;font-weight:900}.bb-stat[hidden]{display:none}.bb-ico{display:inline-block;flex:none;background-repeat:no-repeat}.bb-controls{display:none}.bb-game[data-touch=true] .bb-controls[data-active=true]{display:flex;width:100%;max-width:34rem;height:9rem;align-items:stretch;justify-content:space-between;gap:.6rem}.bb-joy{position:relative;flex:1;border:2px dashed color-mix(in srgb,var(--color-navy) 30%,transparent);border-radius:1.2rem;touch-action:none}.bb-joy-base{position:absolute;top:50%;left:50%;width:6.4rem;height:6.4rem;border:3px solid var(--color-navy);border-radius:50%;background:radial-gradient(circle,#ffffffe6,#c8e1ffd9);box-shadow:0 4px 0 var(--color-navy);opacity:.8;transform:translate(-50%,-50%)}.bb-joy-base[data-active=true]{opacity:1}.bb-joy-knob{position:absolute;top:50%;left:50%;width:2.8rem;height:2.8rem;border:3px solid var(--color-navy);border-radius:50%;background:#2f86ff;transform:translate(-50%,-50%)}.bb-pads{display:flex;align-items:center;gap:.6rem}.bb-pad{display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid var(--color-navy);border-radius:50%;background:#fbf7ef;box-shadow:0 5px 0 var(--color-navy);color:#15182a;font-size:.7rem;font-weight:900;touch-action:none}.bb-pad[data-pressed=true]{box-shadow:0 1px 0 var(--color-navy);transform:translateY(4px)}.bb-pad-bomb{width:6.6rem;height:6.6rem;background:radial-gradient(circle at 35% 30%,#e9f7ff,#7fd0ff 60%,#3f9cff)}.bb-pad-item{width:4.3rem;height:4.3rem;align-self:flex-end;opacity:.55}.bb-pad-item[data-ready=true]{opacity:1;background:#fff3b0}.bb-game[data-landscape=true][data-mode=playing]{position:relative}.bb-game[data-landscape=true] .bb-controls[data-active=true]{position:fixed;inset:auto 0 0;z-index:30;max-width:none;height:100%;justify-content:space-between;padding:0 .6rem .6rem;pointer-events:none}.bb-game[data-landscape=true] .bb-joy,.bb-game[data-landscape=true] .bb-pads{width:9.5rem;flex:none;align-self:flex-end;pointer-events:auto}.bb-game[data-landscape=true] .bb-joy{height:60%;border:none}.bb-game[data-landscape=true] .bb-pads{flex-direction:column-reverse;align-items:flex-end}html[data-bb-immersive] [data-site-header]{display:none!important}html[data-bb-immersive] .bb-game .bb-hud{position:fixed;top:6px;left:6px;z-index:31;width:calc((100vw - var(--bb-board-w, 360px)) / 2 - 14px);max-width:13rem;padding:.25rem .4rem}html[data-bb-immersive] .bb-game .bb-stage-label{display:none}html[data-bb-immersive] .bb-game .bb-hud-row{gap:.2rem .45rem}html[data-bb-immersive] .bb-game .bb-joy{height:58%}.bb-rotate-tip{display:none}.bb-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.bb-how{width:min(100%,48rem);margin:1.4rem auto 0;border:2px solid color-mix(in srgb,var(--color-navy) 25%,transparent);border-radius:1rem;padding:.8rem 1rem}.bb-how summary{cursor:pointer;font-weight:900}.bb-how p{margin-top:.55rem;line-height:1.55}.bb-keys,.bb-now-playing{color:#5f6579;font-size:.88rem}.bb-section{margin-top:2.2rem}.bb-album-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.6rem}.bb-h2{font-size:1.6rem;font-weight:900}.bb-lede{max-width:40rem;color:var(--color-link)}.bb-collected{font-weight:900}.bb-card-grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));margin-top:1.3rem;padding:0;list-style:none}.bb-card{--bb-accent: #0b1752;border:3px solid var(--color-navy);border-radius:1.1rem;background:#fbf7ef;box-shadow:0 5px 0 var(--color-navy);color:#15182a;padding:.7rem .75rem .9rem}.bb-card-art{display:grid;aspect-ratio:4 / 3;place-items:center;border-radius:.8rem;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--bb-accent) 26%,#fbf7ef),color-mix(in srgb,var(--bb-accent) 8%,#fbf7ef) 70%)}.bb-card-hero .bb-card-art{background:linear-gradient(180deg,#e3f3fb,#fbf7ef)}.bb-card-club{margin-top:.55rem;color:color-mix(in srgb,var(--bb-accent) 70%,#15182a);font-size:.66rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.bb-card-name{margin-top:.1rem;font-size:1.05rem;font-weight:900;line-height:1.2}.bb-card-name span{color:#5f6579;font-size:.85rem}.bb-card-kind{color:#5f6579;font-size:.78rem;font-weight:800}.bb-card-move{margin-top:.25rem;color:#2f5fc4;font-size:.76rem;font-weight:800}.bb-card-fact{margin-top:.35rem;font-size:.82rem;line-height:1.4}.bb-card-hint{display:none;margin-top:.35rem;color:#5f6579;font-size:.78rem}.bb-card-lock{border-radius:999px;background:#15182a;color:#fff;font-size:.62rem;font-weight:900;padding:.05rem .45rem;text-transform:uppercase}.bb-card[data-locked] .bb-card-art .bb-avatar{filter:brightness(0) opacity(.35)}.bb-card[data-locked] .bb-card-fact,.bb-card[data-locked] .bb-card-move{display:none}.bb-card[data-locked] .bb-card-hint{display:block}.bb-back{margin-top:1.8rem;font-weight:900}.bb-credit{margin-top:.8rem;color:#5f6579;font-size:.8rem;line-height:1.5}@media(max-width:640px){.bb-game{margin-top:.7rem}.bb-stage{border-radius:.8rem}.bb-heroes{gap:.45rem}.bb-avatar-lg{width:72px;height:80px;background-size:432px 1440px;background-position:0 calc(var(--row) * -80px)}.bb-hero-desc{display:none}.bb-bar-row{grid-template-columns:3.6rem 1fr;font-size:.6rem}.bb-hud{padding:.25rem .4rem}.bb-stage-label{display:none}.bb-overlay{gap:.45rem;padding:.75rem .7rem .95rem}.bb-overlay .bb-rank-big{width:4rem;height:4rem;font-size:1.75rem}.bb-overlay .bb-rank-big[data-rank=SS]{font-size:1.45rem}.bb-result-stats{gap:.7rem}.bb-result-stats dd{font-size:1.05rem}.bb-over-title{font-size:1.6rem}.bb-ending-art{width:4.5rem}}@media(max-width:360px){.bb-hud-row:first-child{flex-wrap:nowrap;gap:.3rem .45rem}.bb-score small{display:none}.bb-hearts{font-size:1rem;letter-spacing:0}.bb-hud-btns{gap:.3rem;margin-left:auto}.bb-icon-btn{width:1.95rem;height:1.95rem}}@media(prefers-reduced-motion:reduce){.bb-banner-anim,.bb-rank-big{animation:none}}
