/* m-mobs: canavarlar, bosslar, metin taşları - only what the core lacks */

.mobs-jump { margin: 0 0 1.4rem; }
.mobs-sub { font-size: 1.05rem; margin: 1.1rem 0 .5rem; color: var(--amber-hot); }
.mobs-sub:first-child { margin-top: 0; }
.mobs-note { margin: 0 0 .8rem; color: var(--mute); font-size: .95rem; max-width: 70ch; }
.mobs-places__sep { color: var(--faint); }
.mobs-drops { display: inline; }
.mobs-onein { font-size: .85em; white-space: nowrap; }

/* flags */
.mobs-flaggrp { margin: 0 0 1rem; }
.mobs-flags { list-style: none; margin: 0; padding: 0; display: grid; gap: .45rem; }
.mobs-flags li { padding: .5rem .75rem; background: var(--row-alt); border-left: 3px solid var(--accent-d); line-height: 1.45; }
.mobs-flags strong { color: var(--bone); font-weight: 600; }

/* resist quick-reading */
.mobs-quick { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 0 0 1.2rem; }
.mobs-quick__col { padding: .75rem 1rem; background: var(--panel); border: 1px solid var(--line); }
.mobs-quick__col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .25rem; }
.mobs-quick__col--weak { border-left: 3px solid var(--good); }
.mobs-quick__col--strong { border-left: 3px solid var(--bad); }
.mobs-quick__col--weak .mobs-quick__v { color: var(--good); }
.mobs-quick__col--strong .mobs-quick__v { color: var(--bad); }
.mobs-quick__v { font-variant-numeric: tabular-nums; margin-left: .35rem; }

/* drops */
.mobs-gold { margin: 0 0 1rem; display: flex; align-items: center; flex-wrap: wrap; gap: .4rem; }
.mobs-gold .icon { color: var(--chunjo-t); }
.mobs-dgroup { margin: 0 0 1.6rem; }
.mobs-dgroup__head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.mobs-dgroup__head .mobs-sub { margin-top: 0; }
.is-dim { opacity: .6; }

/* groups */
.mobs-groups { list-style: none; margin: 0; padding: 0; display: grid; gap: .6rem; }
.mobs-groups li { display: grid; gap: .15rem; padding: .6rem .85rem; background: var(--row-alt); border-left: 3px solid var(--line-2); }
.mobs-groups__meta { font-size: .85rem; color: var(--mute); }
.mobs-groups__plus { color: var(--faint); }
.mobs-groups .is-self { color: var(--amber-hot); font-weight: 600; }

@media (max-width: 640px) {
  .mobs-quick { grid-template-columns: minmax(0, 1fr); }
}