.br-bubble-stats{display:flex;align-items:center;justify-content:space-between;padding:var(--br-space-sm) var(--br-space-md);background-color:var(--br-color-bg-light);border:1px solid var(--br-color-border);border-radius:var(--br-radius);margin-bottom:var(--br-space-sm);font-size:var(--br-text-sm);color:var(--br-color-text)}.br-bubble-stats__counter{font-weight:500}.br-bubble-stats__counter strong{color:var(--br-color-accent);font-weight:700}.br-bubble-stats__percent{font-weight:700;font-size:var(--br-text-md);color:var(--br-color-accent);font-variant-numeric:tabular-nums}.br-bubble-progress{width:100%;height:6px;background-color:var(--br-color-border);border-radius:3px;margin-bottom:var(--br-space-md);overflow:hidden}.br-bubble-progress__fill{height:100%;width:0%;background-color:var(--br-color-accent);border-radius:3px;transition:width .2s}.br-bubble-actions{display:flex;justify-content:center;gap:var(--br-space-sm);margin-bottom:var(--br-space-lg)}.br-bubble-actions__btn{min-height:var(--br-tap-min);padding:var(--br-space-xs) var(--br-space-md);font-size:var(--br-text-sm);font-weight:600;border-radius:var(--br-radius);cursor:pointer;border:none;transition:background-color .15s,opacity .15s}.br-bubble-actions__btn--pop-all{background-color:var(--br-color-accent);color:#fff}.br-bubble-actions__btn--pop-all:hover:not(:disabled){filter:brightness(.9)}.br-bubble-actions__btn--pop-all:focus-visible{outline:2px solid var(--br-color-accent);outline-offset:2px}.br-bubble-actions__btn--pop-all:disabled{opacity:.4;cursor:not-allowed}.br-bubble-actions__btn--reset{background-color:transparent;color:var(--br-color-text);border:1px solid var(--br-color-border)}.br-bubble-actions__btn--reset:hover{background-color:var(--br-color-bg);border-color:var(--br-color-text-sub)}.br-bubble-actions__btn--reset:focus-visible{outline:2px solid var(--br-color-accent);outline-offset:2px}.br-bubble-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;max-width:480px;margin:0 auto var(--br-space-lg);touch-action:manipulation;user-select:none;-webkit-user-select:none;padding:var(--br-space-xs)}.br-bubble{aspect-ratio:1;width:100%;min-width:0;min-height:0;border-radius:50%;border:1px solid rgba(150,180,210,.5);background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.8) 0,rgba(200,220,240,.6) 30%,rgba(150,180,220,.4) 60%,rgba(100,150,200,.3) 100%);box-shadow:0 2px 6px rgba(100,150,200,.25),inset 0 -2px 4px rgba(100,150,200,.15);cursor:pointer;padding:0;outline:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;transition:transform .1s,box-shadow .1s,background .15s}.br-bubble:focus-visible{outline:2px solid var(--br-color-accent);outline-offset:2px}.br-bubble:hover:not(.is-popped){transform:scale(1.1);box-shadow:0 3px 8px rgba(100,150,200,.35),inset 0 -2px 4px rgba(100,150,200,.2)}.br-bubble:active:not(.is-popped){transform:scale(.9);box-shadow:0 1px 2px rgba(100,150,200,.15),inset 0 -1px 2px rgba(100,150,200,.1)}.br-bubble.is-popped{background:rgba(180,190,200,.2);border-color:rgba(180,190,200,.3);box-shadow:none;transform:scale(.85);cursor:default;opacity:.5;pointer-events:none}.br-bubble-complete{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--br-space-xs);padding:var(--br-space-lg) var(--br-space-md);text-align:center;animation:.5s br-bubble-celebrate}.br-bubble-complete__emoji{font-size:var(--br-text-2xl);line-height:1}.br-bubble-complete__text{font-size:var(--br-text-xl);font-weight:700;color:var(--br-color-accent)}@keyframes br-bubble-celebrate{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}100%{opacity:1;transform:scale(1)}}@media (max-width:480px){.br-bubble-grid{grid-template-columns:repeat(8,1fr);max-width:100%;gap:6px;padding:var(--br-space-xs)}.br-bubble-stats{flex-direction:column;gap:var(--br-space-xxs);text-align:center}.br-bubble-complete__text{font-size:var(--br-text-lg)}}@media (min-width:640px){.br-bubble-grid{max-width:520px;gap:8px}.br-bubble-actions__btn{min-width:7rem}}