.bb[data-v-83d687c5]{flex:1;display:flex;flex-direction:column;min-height:0;touch-action:none;user-select:none;-webkit-user-select:none}.bb-screen[data-v-83d687c5]{flex:1;display:flex;flex-direction:column;padding:14px;gap:12px;position:relative;min-height:0}.bb-title[data-v-83d687c5]{align-items:center;justify-content:flex-start;text-align:center;gap:14px;padding-top:4vh}.bb-tag[data-v-83d687c5]{font-family:var(--font-pixel);font-size:9px;color:var(--sun-deep);letter-spacing:.1em}[data-theme=dark] .bb-tag[data-v-83d687c5]{color:var(--sun);text-shadow:0 0 6px color-mix(in srgb,var(--sun) 70%,transparent)}[data-theme=light] .bb-tag[data-v-83d687c5]{color:var(--ink)}.bb-logo[data-v-83d687c5]{font-family:var(--font-pixel);font-size:24px;line-height:1.4;color:var(--bb);text-shadow:3px 3px 0 var(--line)}[data-theme=dark] .bb-logo[data-v-83d687c5]{text-shadow:3px 3px 0 var(--line),0 0 14px color-mix(in srgb,var(--bb) 55%,transparent)}[data-theme=light] .bb-logo[data-v-83d687c5]{color:color-mix(in srgb,var(--sun) 40%,var(--line))}.bb-hint[data-v-83d687c5]{font-size:17px;color:var(--ink);max-width:240px}.bb-hint b[data-v-83d687c5]{color:var(--sun-deep)}[data-theme=light] .bb-hint[data-v-83d687c5]{background:var(--surface);border:3px solid var(--line);box-shadow:var(--shadow-tile);border-radius:var(--r-card);padding:10px 13px}[data-theme=dark] .bb-hint[data-v-83d687c5]{color:var(--ink-soft)}[data-theme=dark] .bb-hint b[data-v-83d687c5]{color:var(--sun)}.bb-link[data-v-83d687c5]{background:none;border:none;color:var(--ink);font-family:var(--font-pixel);font-size:8px;text-decoration:underline}[data-theme=dark] .bb-link[data-v-83d687c5]{color:var(--ink-soft)}.bb-demo[data-v-83d687c5]{position:relative;width:168px;height:96px;margin:4px auto;image-rendering:pixelated}.bb-demo .brick[data-v-83d687c5]{position:absolute;width:48px;height:16px;top:6px;border:3px solid var(--line);box-shadow:2px 2px 0 var(--line);border-radius:2px}.bb-demo .d1[data-v-83d687c5]{left:4px;background:var(--coral)}.bb-demo .d2[data-v-83d687c5]{left:60px;background:var(--sun)}.bb-demo .d3[data-v-83d687c5]{left:116px;background:var(--mint)}.bb-demo .d4[data-v-83d687c5]{left:4px;top:28px;background:var(--grape)}.bb-demo .d5[data-v-83d687c5]{left:60px;top:28px;background:var(--candy)}.bb-demo .d6[data-v-83d687c5]{left:116px;top:28px;background:var(--sky)}.bb-demo .ball[data-v-83d687c5]{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--sky);border:2px solid var(--line);left:40px;top:54px;animation:bb-ball-83d687c5 1.6s ease-in-out infinite alternate}.bb-demo .paddle[data-v-83d687c5]{position:absolute;bottom:0;left:54px;width:56px;height:10px;background:var(--sun);border:3px solid var(--line);box-shadow:2px 2px 0 var(--line);border-radius:2px;animation:bb-pad-83d687c5 1.6s ease-in-out infinite alternate}[data-theme=dark] .bb-demo .ball[data-v-83d687c5]{box-shadow:0 0 8px var(--sky)}[data-theme=dark] .bb-demo .paddle[data-v-83d687c5]{box-shadow:2px 2px 0 var(--line),0 0 8px var(--sun)}@keyframes bb-ball-83d687c5{0%{transform:translate(0)}to{transform:translate(80px,-36px)}}@keyframes bb-pad-83d687c5{0%{transform:translate(-30px)}to{transform:translate(30px)}}.bb-hud[data-v-83d687c5]{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-pixel);font-size:8px}.bb-stat[data-v-83d687c5]{display:flex;flex-direction:column;gap:4px;align-items:center}.bb-stat b[data-v-83d687c5]{color:var(--bb);font-size:12px;text-shadow:1px 1px 0 var(--line)}.bb-stat span[data-v-83d687c5]{font-size:7px;color:var(--ink-mute);letter-spacing:.1em}[data-theme=dark] .bb-stat b[data-v-83d687c5]{text-shadow:0 0 6px var(--bb)}[data-theme=light] .bb-hud[data-v-83d687c5]{background:var(--surface);border:3px solid var(--line);box-shadow:var(--shadow-tile);border-radius:var(--r-card);padding:6px 12px}[data-theme=light] .bb-stat b[data-v-83d687c5]{color:color-mix(in srgb,var(--sun) 40%,var(--line))}[data-theme=light] .bb-stat span[data-v-83d687c5]{color:var(--ink)}.bb-field[data-v-83d687c5]{position:relative;flex:1;min-height:0;width:100%;background:var(--bg);border:3px solid var(--line);box-shadow:var(--shadow-tile);overflow:hidden;touch-action:none}[data-theme=dark] .bb-field[data-v-83d687c5]{box-shadow:var(--shadow-tile),0 0 14px color-mix(in srgb,var(--bb) 35%,transparent)}.bb-field canvas[data-v-83d687c5]{display:block;position:absolute;inset:0}.bb-banner[data-v-83d687c5]{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:8;font-family:var(--font-pixel);font-size:11px;color:var(--sun);text-shadow:1px 1px 0 var(--line);letter-spacing:.1em;white-space:nowrap;animation:bb-bnr-83d687c5 1.5s ease-out forwards}.bb-banner.k-life[data-v-83d687c5]{color:var(--coral)}.bb-banner.k-power[data-v-83d687c5]{color:var(--mint)}[data-theme=dark] .bb-banner[data-v-83d687c5]{text-shadow:0 0 8px var(--sun)}[data-theme=dark] .bb-banner.k-life[data-v-83d687c5]{text-shadow:0 0 8px var(--coral)}[data-theme=dark] .bb-banner.k-power[data-v-83d687c5]{text-shadow:0 0 8px var(--mint)}@keyframes bb-bnr-83d687c5{0%{opacity:0;transform:translate(-50%,-6px)}14%{opacity:1}80%{opacity:1}to{opacity:0}}.bb-serve[data-v-83d687c5]{position:absolute;left:0;right:0;bottom:22%;text-align:center;z-index:7;font-family:var(--font-pixel);font-size:9px;color:var(--sun);text-shadow:1px 1px 0 var(--line);letter-spacing:.1em;pointer-events:none;animation:bb-pulse-83d687c5 1.3s ease-in-out infinite}[data-theme=dark] .bb-serve[data-v-83d687c5]{text-shadow:0 0 8px var(--sun)}[data-theme=light] .bb-serve[data-v-83d687c5]{color:var(--ink);text-shadow:none}@keyframes bb-pulse-83d687c5{0%,to{opacity:.5}50%{opacity:1}}.bb-fade-enter-active[data-v-83d687c5],.bb-fade-leave-active[data-v-83d687c5]{transition:opacity .3s ease}.bb-fade-enter-from[data-v-83d687c5],.bb-fade-leave-to[data-v-83d687c5]{opacity:0}.bb-label[data-v-83d687c5]{text-align:center;font-family:var(--font-pixel);font-size:7px;color:var(--ink-mute);letter-spacing:.08em}[data-theme=light] .bb-label[data-v-83d687c5]{color:var(--ink)}[data-theme=dark] .bb-label[data-v-83d687c5]{color:var(--ink-soft)}