/* W1B — identidade visual provisória em SVG: arte substituível, nenhum dado mecânico. */
.portrait {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#1a1b22;
  border:2px solid #b28d61;
  border-radius:2px;
  box-shadow:0 0 0 2px #17171c, inset 0 -5px #0005;
  flex:0 0 76px;
  height:88px;
  display:block;
}
.portrait::before { display:none; }
.portrait img {
  position:relative;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  image-rendering:pixelated;
  filter:contrast(1.05) saturate(.98);
}
.party-card {
  min-height:107px;
  gap:11px;
  background:linear-gradient(100deg,#171920 0%,#26232b 65%,#201f28);
}
.party-card.active .portrait {border-color:#efc17d;box-shadow:0 0 0 2px #3d3027,0 0 10px #bd90543d}
.party-card .hero-summary {gap:5px}
.party-card .hero-summary small {font-size:11px;}
.party-card .hero-summary em {font-size:10px;letter-spacing:.012em;}
.item-slot {
  position:relative;
  padding:4px;
  min-height:48px;
}
.item-art {
  display:block;
  width:min(92%,43px);
  height:min(92%,43px);
  filter: drop-shadow(1px 2px 1px #06070b90);
}
.item-slot.chosen::after {
  content:"";
  position:absolute;inset:3px;
  border:1px solid #eac38b66;
  pointer-events:none;
}
.inventory-group {margin-bottom:15px}
.inventory-panel .panel-help {border-bottom:1px solid #594b3b;padding-bottom:10px;}
.inventory-note {margin-top:auto}
.item-slot:not(.empty):focus-visible,.party-card:focus-visible {outline:2px solid #e8c17c;outline-offset:2px;}
@media(max-width:1000px) {
  .portrait {flex-basis:63px;height:76px}
  .party-card {min-height:94px}
}
@media(max-width:650px) {
  .portrait {flex-basis:58px;height:70px}
  .item-art {width:38px;height:38px}
  .item-slot {min-height:48px}
  .party-card {min-height:82px}
}