/* Baza de monștri */
.mb-av { flex: none; width: 76px; height: 76px; display: grid; place-items: center; border-radius: 20px;
  font: 800 30px/1 Cinzel, serif; color: hsl(var(--h) 70% 78%);
  background: hsl(var(--h) 55% 50% / .16); border: 1px solid hsl(var(--h) 60% 60% / .4); }
.mb-av.sef { border-color: rgba(255,92,122,.6); color: #ff9bad; background: rgba(255,92,122,.12);
  box-shadow: 0 0 22px rgba(255,92,122,.18); }
.mb-mic { width: 40px; height: 40px; flex: none; display: grid; place-items: center; border-radius: 11px;
  font: 800 15px/1 Inter, sans-serif; color: hsl(var(--h) 70% 78%);
  background: hsl(var(--h) 55% 50% / .16); border: 1px solid hsl(var(--h) 60% 60% / .35); }
.mb-mic.sef { border-color: rgba(255,92,122,.55); color: #ff9bad; background: rgba(255,92,122,.12); }
.ob-tags .el { color: #7fd6ff; background: rgba(127,214,255,.1); border-color: rgba(127,214,255,.35); }

.mb-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(215px, 1fr)); gap: 7px; }
.mb-kv { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; padding: 9px 12px;
  border-radius: 11px; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.07); }
.mb-kv span { font: 500 12px/1.3 Inter, sans-serif; color: #8d95a8; }
.mb-kv b { font: 700 13px/1.3 Inter, sans-serif; color: #e8ecf6; white-space: nowrap; }
.mb-grid.rez .mb-kv b { color: #7bd389; }
.mb-grid.vr .mb-kv b { color: #ff9bad; }

.ob-row.col { flex-direction: column; align-items: flex-start; gap: 3px; }
.ob-row.col span { white-space: normal; }
.ob-cat.mic { font-size: 11.5px; padding: 5px 9px; }

/* pozele monștrilor */
.mb-av.poza, .mb-mic.poza { overflow: hidden; padding: 0; background: rgba(255,255,255,.04); }
.mb-av.poza img { width: 100%; height: 100%; object-fit: contain; }
.mb-mic.poza img { width: 100%; height: 100%; object-fit: contain; }