.bubble{width:min(60vw,260px);aspect-ratio:1;border-radius:50%;position:relative;background:radial-gradient(circle at 32% 28%,#ffffffd9,#fff0 42%),radial-gradient(circle at 50% 55%,#8bd45a,#5fa832 70%,#457a22);box-shadow:inset -8px -10px 18px #1e3c0a73,inset 6px 8px 14px #ffffff59,0 10px 24px #00000059;transition:transform 70ms ease-out,box-shadow 70ms ease-out;touch-action:none;cursor:pointer}.bubble:active{transform:scale(.88)}.bubble--popped{background:radial-gradient(circle at 32% 28%,#ffffff40,#fff0 42%),radial-gradient(circle at 50% 55%,#6e9b4c,#4c7530 70%,#395c1f);box-shadow:inset -6px -6px 14px #1428088c,inset 3px 4px 8px #ffffff1f,0 4px 10px #00000040;transition:transform 90ms ease-out,box-shadow .22s ease-out,background .22s ease-out}.bubble--popped:active{transform:scale(.96)}.bubble__crack{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transform:scale(.8);transition:opacity .16s ease-out,transform .22s ease-out;pointer-events:none}.bubble__crack path{fill:none;stroke:#1423058c;stroke-width:2.4;stroke-linecap:round}.bubble--popped .bubble__crack{opacity:1;transform:scale(1)}@media (prefers-reduced-motion: reduce){.bubble,.bubble--popped,.bubble__crack{transition:none}}html,body,#root{height:100%;margin:0}body{touch-action:none;overscroll-behavior:none;background:#1c1b17}.app-screen{height:100%;display:flex;align-items:center;justify-content:center}