.bub-board[data-v-4c4f7b8c]{--board-aspect:var(--bub-ratio,.695);width:min(100%,440px);margin:0 auto;position:relative}.bub-field[data-v-4c4f7b8c]{aspect-ratio:var(--bub-aspect);overscroll-behavior:none;touch-action:none;-webkit-touch-callout:none;cursor:crosshair;-webkit-user-select:none;user-select:none;outline:none;width:100%;height:auto;display:block}.bub-field[data-v-4c4f7b8c]:focus-visible{border-radius:var(--board-radius-8,8px);box-shadow:0 0 0 3px var(--motion-hint)}.bub-field[aria-disabled=true][data-v-4c4f7b8c]{cursor:default}.bub-bg[data-v-4c4f7b8c]{fill:color-mix(in srgb,var(--color-ink) 6%,var(--board-cell-fill))}.bub-line[data-v-4c4f7b8c]{stroke:color-mix(in srgb,var(--color-ink) 45%,transparent);stroke-dasharray:.4 .3;stroke-width:.08px}.bub-hang[data-v-4c4f7b8c]{transition:transform .38s cubic-bezier(.34,1.4,.5,1)}.bub-plate[data-v-4c4f7b8c]{fill:color-mix(in srgb,var(--color-ink) 16%,var(--board-cell-fill))}.bub-plate-edge[data-v-4c4f7b8c]{stroke:color-mix(in srgb,var(--color-ink) 38%,transparent);stroke-width:.12px}.is-warning[data-v-4c4f7b8c]{animation:1.4s ease-in-out infinite bub-shiver-4c4f7b8c}@keyframes bub-shiver-4c4f7b8c{0%,70%,to{transform:translate(0)}76%{transform:translate(-.09px)}82%{transform:translate(.09px)}88%{transform:translate(-.06px)}94%{transform:translate(.04px)}}.bub-base[data-v-4c4f7b8c]{fill:color-mix(in srgb,var(--color-ink) 11%,var(--board-cell-fill));stroke:color-mix(in srgb,var(--color-ink) 22%,transparent);stroke-width:.08px}.bub-needle[data-v-4c4f7b8c]{stroke:var(--color-ink);stroke-linecap:round;stroke-opacity:.5;stroke-width:.22px}.bub-next-label[data-v-4c4f7b8c]{fill:var(--color-muted,var(--color-ink));font:600 .62px var(--font-body);text-anchor:middle}.bub-next.can-swap[data-v-4c4f7b8c]{cursor:pointer}.bub-swap[data-v-4c4f7b8c]{fill:none;stroke:var(--color-muted,var(--color-ink));stroke-linecap:round;stroke-linejoin:round;stroke-width:.12px}.bub-pip[data-v-4c4f7b8c]{fill:color-mix(in srgb,var(--color-ink) 14%,transparent)}.bub-pip.on[data-v-4c4f7b8c]{fill:color-mix(in srgb,var(--color-ink) 62%,transparent)}.bub-pip.last[data-v-4c4f7b8c]{animation:mo-pulse var(--motion-pulse) var(--motion-ease-symmetric) infinite alternate;fill:var(--motion-conflict);transform-box:fill-box;transform-origin:50%}.bub-aim polyline[data-v-4c4f7b8c]{fill:none;stroke:var(--color-ink);stroke-dasharray:.01 .5;stroke-linecap:round;stroke-opacity:.55;stroke-width:.16px}.bub-ghost[data-v-4c4f7b8c]{fill:none;stroke:var(--color-ink);stroke-dasharray:.3 .22;stroke-opacity:.5;stroke-width:.1px}.bub-ring[data-v-4c4f7b8c]{fill:none;pointer-events:none;stroke:var(--motion-hint);stroke-width:.22px}.bub-board.is-hinting .bub-hang .bub[data-v-4c4f7b8c]:not(.is-lit){opacity:.38}.bub-board.is-hinting .bub-aim polyline[data-v-4c4f7b8c],.bub-board.is-hinting .bub-needle[data-v-4c4f7b8c]{stroke:var(--motion-hint);stroke-opacity:1}.bub.is-nudged[data-v-4c4f7b8c]{animation:.22s ease-out bub-nudge-4c4f7b8c}@keyframes bub-nudge-4c4f7b8c{40%{transform:translate(var(--nx),var(--ny))}}.bub-spray circle[data-v-4c4f7b8c],.is-drop[data-v-4c4f7b8c],.is-pop[data-v-4c4f7b8c]{transform-box:fill-box;transform-origin:50%}.is-pop[data-v-4c4f7b8c]{animation:bub-pop-4c4f7b8c .21s ease-in var(--d,0s) both}@keyframes bub-pop-4c4f7b8c{0%{opacity:1;transform:scale(1)}55%{opacity:1;transform:scale(1.22)}to{opacity:0;transform:scale(.4)}}.bub-spray circle[data-v-4c4f7b8c]{animation:bub-spray-4c4f7b8c .36s ease-out calc(var(--d,0s) + .12s) both;fill:var(--bub);opacity:0}@keyframes bub-spray-4c4f7b8c{0%{opacity:.9;transform:rotate(var(--a)) translateX(.6px) scale(1)}to{opacity:0;transform:rotate(var(--a)) translateX(1.9px) scale(.3)}}.is-drop[data-v-4c4f7b8c]{animation:bub-drop-4c4f7b8c .64s cubic-bezier(.45,0,.9,.55) var(--d,0s) both}@keyframes bub-drop-4c4f7b8c{0%{opacity:1;transform:translate(0)rotate(0)}12%{opacity:1;transform:translateY(-.35px)rotate(0)}85%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--fall)) rotate(var(--spin))}}.bub-float[data-v-4c4f7b8c]{fill:var(--color-ink);font:700 1px var(--font-body);paint-order:stroke;stroke:var(--board-cell-fill);stroke-width:.18px;text-anchor:middle;animation:.9s ease-out both bub-float-4c4f7b8c}.bub-float.is-drop[data-v-4c4f7b8c]{font-size:1.35px}@keyframes bub-float-4c4f7b8c{0%{opacity:0;transform:translateY(.4px)}20%{opacity:1}to{opacity:0;transform:translateY(-1.6px)}}.bub-board.is-celebrating .bub-base[data-v-4c4f7b8c]{animation:mo-pulse calc(var(--motion-pulse)*2) var(--motion-ease-symmetric) 2;transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:reduce){.bub-board.is-celebrating .bub-base[data-v-4c4f7b8c],.bub-float[data-v-4c4f7b8c],.bub-pip.last[data-v-4c4f7b8c],.bub-spray circle[data-v-4c4f7b8c],.bub.is-nudged[data-v-4c4f7b8c],.is-drop[data-v-4c4f7b8c],.is-pop[data-v-4c4f7b8c],.is-warning[data-v-4c4f7b8c]{animation:none!important}.bub-float[data-v-4c4f7b8c],.bub-spray circle[data-v-4c4f7b8c],.is-drop[data-v-4c4f7b8c],.is-pop[data-v-4c4f7b8c]{opacity:0}.bub-hang[data-v-4c4f7b8c]{transition:none}}.reduce-animations .bub-float[data-v-4c4f7b8c],.reduce-animations .bub-spray circle[data-v-4c4f7b8c],.reduce-animations .is-drop[data-v-4c4f7b8c],.reduce-animations .is-pop[data-v-4c4f7b8c]{opacity:0;animation:none!important}.reduce-animations .bub-hang[data-v-4c4f7b8c]{transition:none}.reduce-animations .bub.is-nudged[data-v-4c4f7b8c],.reduce-animations .is-warning[data-v-4c4f7b8c]{animation:none!important}.bub-hero[data-v-9bc29fb3]{padding:6px 0 2px}.bub-hint-room[data-v-074c9f6e]{display:none}@media (width<=520px) and (height>=740px){.bub-hint-room[data-v-074c9f6e]{height:48px;display:block}}
