.bb{width:100%;position:relative}.bb .ka-shell{max-width:max(340px, calc(var(--bb-w) + 6px));gap:10px}.bb .ka-bar{flex-wrap:nowrap;gap:8px}.bb .ka-stats{flex-wrap:nowrap;gap:6px;min-width:0}.bb .ka-stat{min-width:0}.bb .ka-stat dd small{color:var(--ink-3);margin-left:1px;font-size:.62em;font-weight:800}.bb .ka-actions{flex-wrap:nowrap;flex:none;gap:6px}.bb .ka-hint{max-width:calc(var(--bb-w) + 6px);text-wrap:balance;align-self:center;font-size:13px}.bb-low{color:var(--bad)}@media (width<=560px){.bb .ka-stat{border-radius:11px;flex:auto;padding:4px 8px 5px}.bb .ka-stat dt{font-size:11px}.bb .ka-stat dd{white-space:nowrap;font-size:18px}.bb .ka-btn--icon{width:38px;height:38px}.bb .ka-hint{font-size:12px}}.bb-court{width:calc(var(--bb-w) + 6px);border:3px solid var(--ink);background:var(--sky);max-width:100%;box-shadow:var(--hard);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;border-radius:14px;position:relative;overflow:hidden}.bb-canvas{touch-action:none;cursor:grab;display:block}.bb-canvas:active{cursor:grabbing}.bb-hud{pointer-events:none;flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute;top:45%;left:10px;right:10px}.bb-streak{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);background:var(--white);border:var(--edge);box-shadow:var(--hard-sm);animation:bb-hop .26s var(--ease-spring);border-radius:999px;align-items:baseline;gap:6px;padding:3px 11px 4px;font-size:20px;font-weight:800;line-height:1.1;display:inline-flex}.bb-streak small{font-family:var(--font-body);color:var(--ink-2);font-size:12px;font-weight:800}.bb-streak.is-hot{background:var(--sun)}.bb-goal{color:var(--ink);background:var(--white);border:2px solid var(--ink);border-radius:999px;padding:2px 9px 3px;font-size:12px;font-weight:800}@keyframes bb-hop{0%{transform:scale(.7)rotate(-6deg)}60%{transform:scale(1.12)rotate(2deg)}to{transform:scale(1)rotate(0)}}.bb-pop{background:var(--white);border:var(--edge);box-shadow:var(--hard-sm);pointer-events:none;white-space:nowrap;animation:bb-pop 1.1s var(--ease-spring) forwards;border-radius:12px;flex-direction:column;align-items:center;padding:3px 12px 5px;display:flex;position:absolute;translate:-50% -50%}.bb-pop span{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);font-size:22px;font-weight:800;line-height:1.05}.bb-pop small{color:var(--ink-2);font-size:11.5px;font-weight:800}.bb-pop--swish{background:var(--sun);rotate:-4deg}.bb-pop--move{background:var(--game);animation-duration:1.8s}@keyframes bb-pop{0%{opacity:0;transform:translateY(10px)scale(.7)}15%{opacity:1;transform:translateY(0)scale(1.08)}25%{transform:scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-22px)}}.bb-start{text-align:center;background:var(--white);border:var(--edge);border-radius:var(--r-md);width:max-content;max-width:calc(100% - 28px);box-shadow:var(--hard);pointer-events:none;animation:bb-in .3s var(--ease-spring);flex-direction:column;align-items:center;gap:2px;padding:8px 14px 9px;display:flex;position:absolute;left:50%;translate:-50%}.bb-start-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);margin:0;font-size:20px;font-weight:800;line-height:1.1}.bb-start-sub{color:var(--ink-2);text-wrap:balance;margin:0;font-size:13px;font-weight:700}@keyframes bb-in{0%{opacity:0;transform:translateY(8px)scale(.94)}}.bb-overlay{animation:bb-fade .18s var(--ease-out);background:#fff7ddc7;place-items:center;padding:14px;display:grid;position:absolute;inset:0}.bb-overlay--late{animation-duration:.42s}@keyframes bb-fade{0%{opacity:0}}.bb-card{text-align:center;background:var(--white);border:3px solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--hard-lg);animation:bb-in .32s var(--ease-spring);flex-direction:column;align-items:center;gap:10px;padding:16px 18px 18px;display:flex}.bb-card-title{font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);margin:0;font-size:32px;font-weight:800;line-height:1}.bb-card-sub{color:var(--ink-2);margin:0;font-size:14px;font-weight:700}.bb-card-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}@media (prefers-reduced-motion:reduce){.bb-streak,.bb-start,.bb-card,.bb-overlay{animation:none}.bb-pop{animation:1.1s linear forwards bb-still}}@keyframes bb-still{0%,80%{opacity:1}to{opacity:0}}