/* Laddoo Merge: peacock-teal sweet shop counter, glass jar drawn on the canvas */

body.game {
  --bg-top: #157074;
  --bg-bottom: #0b3c40;
  --hud-ink: #fff;
  --hud-chip: rgba(255, 255, 255, .14);
  background:
    radial-gradient(ellipse at 50% 38%, rgba(255, 214, 140, .22) 0, transparent 60%),
    radial-gradient(circle at 10% 12%, rgba(255, 255, 255, .06) 0 70px, transparent 71px),
    radial-gradient(circle at 92% 80%, rgba(255, 200, 120, .08) 0 120px, transparent 121px),
    linear-gradient(180deg, var(--bg-top), var(--bg-bottom));
}
.lm-stage { overscroll-behavior: none; touch-action: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }
.subhud .chip { white-space: nowrap; }
.subhud .lm-score b { font-size: 16px; }
.boosters:empty { padding-top: 0; }

/* ghost hand: positioned by the game every frame */
.hand.lm-hand { left: 0; top: 0; margin: 0 0 0 -12px; animation: none; transition: none; will-change: transform; }

/* "New sweet unlocked!" banner */
.lm-banner {
  position: absolute; z-index: 6; left: 50%; top: 22%; display: flex; align-items: center; gap: 10px;
  padding: 10px 18px 10px 10px; border-radius: 18px; background: #fffaf1; color: var(--ink);
  box-shadow: 0 10px 30px -8px rgba(0, 0, 0, .45); pointer-events: none;
  transform: translate(-50%, -10px) scale(.6); opacity: 0; transition: opacity .2s, transform .35s cubic-bezier(.2, 1.6, .4, 1);
}
.lm-banner.show { opacity: 1; transform: translate(-50%, 0) scale(1); }
.lm-banner img { width: 52px; height: 52px; }
.lm-banner small { display: block; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--chili); }
.lm-banner b { font: 700 22px/1.1 var(--display); }

/* pause overlay */
.lm-pause {
  position: absolute; inset: 0; z-index: 7; display: grid; place-content: center; gap: 6px; border: 0;
  background: rgba(8, 40, 42, .62); color: #fff; font: inherit; text-align: center;
}
.lm-pause[hidden] { display: none; }
.lm-pause b { font: 700 34px/1 var(--display); }
.lm-pause span { font-weight: 700; opacity: .85; }
