/* Phase 6 boss archive and encounter presentation. */
.boss-bestiary-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 12px;
}
.boss-card {
  --boss-accent: #00ff9d;
  border: 1px solid color-mix(in srgb, var(--boss-accent) 42%, transparent);
  border-radius: 14px;
  padding: 12px;
  background:
    radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--boss-accent) 15%, transparent), transparent 52%),
    rgba(0,0,0,0.42);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
}
.boss-card.unknown { opacity: 0.56; filter: saturate(0.45); }
.boss-card-head { display:flex; gap:10px; align-items:center; margin-bottom:8px; }
.boss-icon {
  width: 40px; height: 40px; border-radius: 50%; display:grid; place-items:center;
  color: var(--boss-accent); border:1px solid currentColor;
  background: rgba(0,0,0,0.45); box-shadow:0 0 18px color-mix(in srgb, var(--boss-accent) 28%, transparent);
}
.boss-card strong { display:block; color:#fff; text-transform:uppercase; letter-spacing:.08em; }
.boss-card small { display:block; color:var(--boss-accent); margin-top:2px; }
.boss-card p, .boss-card ol { font-size:.62rem; line-height:1.45; color:#cfd7df; }
.boss-card ol { padding-left:18px; margin:8px 0; }
.boss-card-foot { display:flex; flex-wrap:wrap; gap:6px; }
.boss-card-foot span {
  border:1px solid rgba(255,255,255,.10); border-radius:999px; padding:3px 7px;
  font-size:.52rem; text-transform:uppercase; letter-spacing:.06em;
}
.boss-state-indicator.show { animation: bossStatusPulse 1s ease-in-out infinite alternate; }
@keyframes bossStatusPulse { from { transform:scale(1); } to { transform:scale(1.045); } }
body.reduced-motion .boss-state-indicator.show { animation:none; }