:root{--bg1: #fff1f7;--bg2: #eef2ff;--ink: #5b4a57}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:Apple SD Gothic Neo,Pretendard,Noto Sans KR,system-ui,sans-serif;color:var(--ink);background:radial-gradient(circle at 25% 15%,var(--bg1),transparent 60%),radial-gradient(circle at 80% 90%,var(--bg2),transparent 55%),#fff7fb;-webkit-user-select:none;user-select:none;overflow:hidden}.app{height:100%;display:flex;flex-direction:column;max-width:480px;margin:0 auto}.top{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 6px}.brand{display:flex;align-items:baseline;gap:10px}.logo{font-size:26px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(120deg,#ff7eb3,#8a7bff);-webkit-background-clip:text;background-clip:text;color:transparent}.tag{font-size:13px;color:#ad9fb0;font-weight:600}.mute{border:none;background:#fffc;width:42px;height:42px;border-radius:50%;font-size:19px;cursor:pointer;box-shadow:0 4px 14px #9678a02e}.mute:active{transform:scale(.92)}.stage{flex:1;position:relative;display:flex;align-items:center;justify-content:center}.ballsvg{width:300px;max-width:78vw;height:auto;display:block;overflow:visible}.ballwrap{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:18px;animation:float 4s ease-in-out infinite}.ballwrap:active{cursor:grabbing}.wedges-layer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.wedge{transform-box:fill-box;transform-origin:center}.hint{font-size:15px;font-weight:600;color:#b79fb0;margin:0}.squishwrap{display:flex;flex-direction:column;align-items:center;gap:22px}.blob{position:relative;width:200px;height:200px;max-width:60vw;max-height:60vw;border-radius:50%;cursor:grab;box-shadow:inset -12px -16px 28px #00000024,inset 10px 12px 22px #ffffff8c,0 18px 40px #966e9647;transition:transform .28s cubic-bezier(.34,1.56,.64,1);animation:float 4.5s ease-in-out infinite}.blob:active{cursor:grabbing}.blob.squishing{transform:scale(1.16,.82);transition:transform .08s ease-out}.blob.wobble{animation:wobble .6s ease-out,float 4.5s ease-in-out infinite .6s}.shine{position:absolute;top:18%;left:22%;width:36%;height:26%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.85),transparent 70%);pointer-events:none}.flavor{font-size:16px;font-weight:700;color:#8a7790;margin:0}.newball{border:none;padding:13px 24px;border-radius:999px;font-size:16px;font-weight:800;color:#fff;cursor:pointer;background:linear-gradient(120deg,#ff7eb3,#8a7bff);box-shadow:0 10px 24px #a06ec859}.newball:active{transform:scale(.95)}.bottom{text-align:center;padding:14px;font-size:14px;color:#b09fb5}.bottom b{color:#ff7eb3;font-size:16px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes wobble{0%{transform:scale(1.16,.82)}30%{transform:scale(.92,1.1)}55%{transform:scale(1.06,.95)}78%{transform:scale(.98,1.02)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.ballwrap,.blob,.blob.wobble{animation:none}}