/* 🔫 Guns (rpg/ui-guns.js): the Bag's block and the window when a fight hands you one. The Bag's own navy tiles (world.css
   .bag), with a blood-red edge (Jon Wik's red: wick-fx.js). */
.guns { display: grid; gap: 6px; margin: 6px 0 8px; }
.gun-row { display: flex; align-items: center; gap: 10px; padding: 6px 10px 6px 6px; border-radius: 8px; background: rgba(3, 10, 44, 0.6); border: 1px solid rgba(216, 30, 44, 0.6); box-shadow: inset 0 0 12px rgba(216, 30, 44, 0.12); }
.gun-row > div { flex: 1; min-width: 0; display: grid; gap: 2px; }
.gun-row b { font-weight: 400; color: #fff; font-size: 16px; line-height: 1.1; }
.gun-row small { color: var(--muted); font-size: 12px; }
.gun-row.spent { opacity: 0.6; }
.gun-ico { width: 48px; height: 48px; image-rendering: pixelated; }
.gun-stars { color: #ff3346; font-size: 12px; letter-spacing: 1px; }
.guns .pane-note { margin: 0; }
.gun-found { text-align: center; }
.gun-found .actions { justify-content: center; }
.gun-found .gun-burst { display: grid; place-items: center; margin: 4px auto 2px; width: 150px; height: 150px; border-radius: 50%; background: radial-gradient(circle, rgba(255, 70, 80, 0.5) 0%, rgba(216, 30, 44, 0.16) 45%, rgba(216, 30, 44, 0) 70%); }
.gun-found .gun-ico.big { width: 96px; height: 96px; animation: gun-pop 0.6s cubic-bezier(0.2, 1.6, 0.4, 1) both; }
.gun-stars.big { display: block; margin: -4px 0 6px; font-size: 24px; letter-spacing: 3px; text-shadow: 0 0 6px rgba(255, 51, 70, 0.55); }
@keyframes gun-pop { from { transform: scale(0.3) rotate(-25deg); opacity: 0; } to { transform: none; opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .gun-found .gun-ico.big { animation: none; } }