body{background:#111;color:#eee}.card{box-shadow:0 0 18px rgba(0,0,0,.25)}.enemy-card,.player-card{background:#1f1f1f;border:1px solid #444;border-radius:.75rem;padding:.75rem;margin-bottom:.75rem}.dead{opacity:.45}.stat-badge{display:inline-block;margin:.15rem .25rem .15rem 0}.log-panel{max-height:75vh;overflow:auto}.log-entry{border-bottom:1px solid #333;padding:.45rem 0}.hpbar{height:8px;background:#333;border-radius:20px;overflow:hidden}.hpbar span{display:block;height:100%;background:#b32626}.ability-list{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.6rem}.small-muted{color:#aaa;font-size:.85rem}

.ability-card {
  border: 1px solid rgba(255,255,255,.15);
  border-radius: .6rem;
  padding: .75rem;
  margin-top: .6rem;
  background: rgba(255,255,255,.04);
}
.ability-effect {
  margin-top: .4rem;
  font-size: .9rem;
  color: #f1f1f1;
}
.ability-disabled {
  opacity: .55;
}

.loot-box {
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: .5rem;
  padding: .5rem;
}
.loot-item {
  border-top: 1px solid rgba(255,255,255,.08);
  padding-top: .35rem;
  margin-top: .35rem;
}
.loot-item:first-of-type {
  border-top: 0;
  padding-top: 0;
  margin-top: 0;
}


.loot-details summary,
.enemy-abilities summary {
  cursor: pointer;
  list-style-position: inside;
}
.loot-detail-body {
  background: rgba(255,255,255,.04);
  border-left: 3px solid rgba(255,193,7,.55);
  padding: .45rem .6rem;
  border-radius: .35rem;
}
.enemy-ability-table {
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: .5rem;
  overflow: hidden;
}
.enemy-ability-row {
  padding: .55rem .65rem;
  border-top: 1px solid rgba(255,255,255,.08);
}
.enemy-ability-row:first-child {
  border-top: 0;
}


.loot-summary,
.enemy-summary {
  cursor: pointer;
  user-select: none;
}
.loot-summary:hover,
.enemy-summary:hover {
  text-decoration: underline;
}
details.loot-details:not([open]) .loot-detail-body,
details.enemy-abilities:not([open]) .enemy-ability-table {
  display: none;
}