/* ---------- Trò 5: Săn sao ---------- */
.jar { display: flex; align-items: center; gap: 4px; padding: 4px 14px 4px 6px; }
.jar b { font-size: clamp(22px, 4vmin, 32px); color: #e0a200; min-width: 1ch; }
.jar .lv { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #3aa0ff; color: #fff; font-weight: 800; }
.jar.bump { animation: bump .5s ease; }
.fly-star { position: fixed; z-index: 70; margin: -28px 0 0 -28px; pointer-events: none; transition: transform .75s cubic-bezier(.45, -0.3, .55, 1); }
.fly-star .pic { --s: 56px; }

.hunt-map {
  display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: clamp(18px, 5vmin, 48px) clamp(10px, 3vmin, 34px);
  padding: clamp(16px, 4vmin, 36px); border-radius: var(--radius);
  background: rgba(255, 255, 255, .45); box-shadow: inset 0 0 0 4px rgba(255, 255, 255, .6);
}
.lv-node { display: flex; flex-direction: column; align-items: center; gap: 6px; position: relative; }
.lv-node .level b { font-size: clamp(26px, 6vmin, 44px); }
.lv-node.cur .level { animation: pulse 1.3s ease-in-out infinite; box-shadow: 0 8px 0 var(--d), 0 0 0 6px rgba(255, 255, 255, .9), 0 14px 26px rgba(0, 0, 0, .2); }
.lv-node.locked { opacity: .75; }
.lv-stars { display: flex; gap: 2px; }
.lv-stars i { width: 18px; height: 18px; background: #cfd8e6; clip-path: polygon(50% 0, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); }
.lv-stars i.on { background: linear-gradient(#ffe066, #f5b800); }