/* Original worn-equipment slots and inventory sprites; only the Gear tab. */
#sidebar-equipment { padding: 8px 8px 12px; }
.sidebar-equipment-items.worn-equipment { display: block; min-width: 0; }
.worn-equipment > .worn-equipment-body { display: block; padding: 0; border: 0; background: none; }
.worn-equipment [hidden] { display: none; }
.worn-equipment .sidebar-gear-style { margin: 0 0 4px; text-align: center; color: #ffb000; font: 12px/1.1 var(--rs-font); }
.worn-equipment .sidebar-gear-core {
  display: grid; grid-template-columns: repeat(3, 36px); grid-template-rows: repeat(5, 36px);
  gap: 2px 18px; justify-content: center; width: max-content; max-width: 100%;
  margin: 0 auto; padding: 0; border: 0; background: none;
}
.worn-equipment .worn-slot {
  display: grid; place-items: center; width: 36px; height: 36px; min-width: 0; min-height: 0;
  padding: 0; margin: 0; border: 0; border-radius: 0; box-shadow: none;
  background: url('/assets/ui/equipment/slot-tile.png') center/36px 36px no-repeat;
  image-rendering: pixelated; cursor: default;
}
.worn-equipment button.worn-slot { cursor: pointer; touch-action: manipulation; }
.worn-equipment button.worn-slot:hover, .worn-equipment button.worn-slot:focus-visible {
  background-image: url('/assets/ui/equipment/slot-selected.png');
}
.worn-equipment button:focus-visible, .worn-equipment summary:focus-visible { outline: 2px solid #ffff00; outline-offset: 1px; }
.worn-slot img { display: block; width: 36px; height: 32px; max-width: none; object-fit: contain; image-rendering: pixelated; pointer-events: none; }
.worn-slot.is-empty img { width: 32px; height: 32px; }
.worn-equipment .worn-item-description {
  min-height: 28px; margin: 4px 0 0; padding: 0; text-align: center;
  overflow-wrap: anywhere; font: 12px/1.2 var(--rs-font); color: #c5bca3;
}
.worn-equipment .worn-item-description strong { display: block; color: #ffff00; font: normal 14px/1.15 var(--rs-font); }
.worn-equipment .worn-item-description span { display: block; font: 11px/1.2 var(--rs-font); color: #c5bca3; }
.worn-equipment .sidebar-gear-abilities { margin: 2px 0 6px; border-top: 1px solid #7a6a4f; }
.worn-equipment .sidebar-gear-abilities > summary { min-height: 32px; padding: 9px 2px 7px; font: 14px/1.1 var(--rs-font); color: #ffb000; }
.worn-equipment .sidebar-gear-ability-items { display: grid; grid-template-columns: repeat(4, 36px); justify-content: center; gap: 4px; padding: 0 0 5px; }
.worn-equipment .worn-stats-toggle {
  display: block; width: 100%; min-height: 36px; padding: 5px 2px; margin: 4px 0;
  border: 6px solid transparent; border-image: url('/assets/ui/button-combat.png') 6 fill stretch;
  border-radius: 0; background: transparent; color: #ffff00; font: 14px/1 var(--rs-font); text-shadow: 1px 1px #000;
  box-shadow: none; cursor: pointer;
}
.worn-equipment .worn-stats-toggle:hover { border-image-source: url('/assets/ui/button-combat-selected.png'); }
.worn-equipment .worn-equipment-stats { min-width: 0; padding: 3px 2px 0; }
.worn-bonus-group { margin: 0 0 12px; }
.worn-equipment .worn-bonus-group h3 { margin: 0 0 5px; color: #ffb000; font: normal 15px/1.1 var(--rs-font); }
.worn-bonus-group dl { margin: 0; }
.worn-bonus-row { display: flex; align-items: baseline; justify-content: space-between; gap: 4px; padding: 2px 0; font: 13px/1.15 var(--rs-font); }
.worn-bonus-row dt { color: #ffff00; min-width: 0; }
.worn-bonus-row dd { margin: 0; color: #ffff00; flex: none; }
.worn-bonus-row output { font: inherit; color: inherit; }
.worn-equipment .worn-stats-note { margin: 0 0 4px; font: 11px/1.2 var(--rs-font); color: #c5bca3; }
#sidebar-equipment > .panel-hint { margin: 7px 0 0; font: 11px/1.2 var(--rs-font); text-align: center; }
@media (max-width: 360px) {
  .worn-equipment .sidebar-gear-core { column-gap: 6px; }
  .worn-equipment .sidebar-gear-ability-items { grid-template-columns: repeat(3, 36px); }
  .worn-equipment .worn-bonus-row { font-size: 12px; }
}