.bubble-container[data-v-e17dbb72]{align-items:center;display:flex;height:min(80vw,500px);justify-content:center;position:relative;width:min(80vw,500px)}.bubble-grid[data-v-e17dbb72]{display:grid;gap:4px;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);padding:8px}.bubble[data-v-e17dbb72],.bubble-grid[data-v-e17dbb72]{height:100%;width:100%}.bubble[data-v-e17dbb72]{aspect-ratio:1;background:linear-gradient(145deg,#e7f6ee,#9ecbb8);border:2px solid #8fbfa8;border-radius:50%;box-shadow:2px 2px #4a6c858c;cursor:pointer;transition:transform .1s ease-out,background .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}.bubble[data-v-e17dbb72]:active:not(.popped){transform:scale(1.08)}.bubble.popped[data-v-e17dbb72]{background:linear-gradient(145deg,#1f5c4a2e,#9ecbb847);border:2px solid rgba(85,185,243,.3);box-shadow:inset 2px 2px 4px #0003,inset -2px -2px 4px #ffffff1a;cursor:default;pointer-events:none}.dark .bubble.popped[data-v-e17dbb72]{background:linear-gradient(145deg,#1f5c4a47,#9ecbb829);border:2px solid rgba(158,203,184,.35);box-shadow:inset 2px 2px 4px #0006,inset -2px -2px 4px #ffffff0d}@media (max-width:640px){.bubble-container[data-v-e17dbb72]{height:min(90vw,400px);width:min(90vw,400px)}.bubble-grid[data-v-e17dbb72]{gap:2px;padding:4px}}