body { font-size: 14px; }
.tab-content { border-top-left-radius: 0; border-top-right-radius: 0.375rem; }
.nav-tabs .nav-link { color: var(--bs-secondary-color); }
.nav-tabs .nav-link.active { color: var(--bs-emphasis-color); font-weight: 500; }

/* Rarity badges — colour the worth of an event at a glance. */
.rarity-badge { text-transform: uppercase; letter-spacing: .03em; font-weight: 600; }
.rarity-common    { background: #6c757d; color: #fff; }
.rarity-uncommon  { background: #2f9e44; color: #fff; }
.rarity-rare      { background: #1971c2; color: #fff; }
.rarity-epic      { background: #7048e8; color: #fff; }
.rarity-legendary { background: #e8590c; color: #fff; }
.rarity-mythic    { background: #c2255c; color: #fff; }
.rarity-default   { background: var(--bs-tertiary-bg); color: var(--bs-secondary-color); border: 1px solid var(--bs-border-color); }

/* Search results */
.event-result { cursor: pointer; }
.event-result:hover { background: var(--bs-tertiary-bg); }
.event-thumb { width: 56px; height: 56px; object-fit: cover; border-radius: .375rem; background: var(--bs-tertiary-bg); }
.event-thumb-lg { max-width: 100%; max-height: 360px; border-radius: .5rem; }

/* Editor cards for the nested choices → chances → modifiers structure */
.choice-card { border-left: 3px solid var(--bs-info); }
.chance-row { border-left: 3px solid var(--bs-secondary); }
.modifier-chip .form-control { width: auto; }

/* Read-only detail rendering */
.chance-line { display: flex; flex-wrap: wrap; align-items: baseline; gap: .4rem; }
.chance-pct { font-variant-numeric: tabular-nums; font-weight: 600; min-width: 3.2em; }
.modifier-tag { display: inline-block; padding: .1em .5em; border-radius: .35em; background: var(--bs-tertiary-bg); border: 1px solid var(--bs-border-color); font-size: .85em; }

@media (max-width: 575.98px) {
  body { font-size: 13px; }
  .nav-tabs { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .nav-tabs .nav-link { white-space: nowrap; padding: .4rem .6rem; }
  .tab-content { padding: .75rem !important; }
}