.market-side.side-trays {
  display: block;
  min-width: 0;
  padding: 0 12px 12px;
  color: #35271d;
  background: #ead9b1;
  border: 1px solid #987448;
  border-left: 6px solid #77523a;
  border-radius: 2px 7px 7px 2px;
  box-shadow: inset 2px 0 0 #f8eccc, 0 5px 12px #190d0738;
}

.side-trays .side-tabs {
  position: sticky;
  top: 0;
  z-index: 6;
  display: flex;
  gap: 4px;
  margin: 0 0 10px;
  padding: 8px 12px 0;
  background: #ead9b1;
  border-bottom: 1px solid #ab8c62;
}

.side-trays .side-tab {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  min-height: 44px;
  padding: 9px 8px;
  color: #634b37;
  background: transparent;
  border: 0;
  border-radius: 0;
  font-weight: 700;
  box-shadow: none;
}

.side-trays .side-tab:hover { color: #38271c; background: #f3e5c5; box-shadow: none; }
.side-trays .side-tab[aria-selected='true'] { color: #6f2923; }
.side-trays .side-tab[aria-selected='true']::after {
  content: '';
  position: absolute;
  right: 8px;
  bottom: -1px;
  left: 8px;
  height: 3px;
  background: #8c3d31;
}

.side-trays #market { margin: 0; padding: 0 10px 8px; }
.side-trays #market h2 { margin: 4px 0 10px; font-size: 19px; }
.side-trays .market-row { justify-content: flex-start; gap: 3px; padding: 5px 0; margin: 0; border-bottom: 1px solid #c4aa80; }
.side-trays .market-row:last-child { border-bottom: 0; }
.side-trays .ingredient-label { flex: 0 0 64px; width: 64px; overflow-wrap: anywhere; color: #473423; }
.side-trays .market-chip { flex: 1 1 48px; min-width: 44px; max-width: 58px; min-height: 44px; padding: 2px; background: #f4e8c9; border-color: #aa8b63; }
.side-trays .market-chip img { flex: 1 1 28px; min-width: 0; max-width: 34px; height: 34px; }
.side-trays .market-chip span { flex: none; font-size: 13px; }
.side-trays .inspect-small { flex: 0 0 44px; width: 44px; min-height: 44px; background: transparent; border-color: #ad9069; }

.side-trays #abilities { padding: 0 10px 8px; color: #35271d; }
.side-trays #abilities .ability {
  margin: 0;
  padding: 12px 0;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #bda175;
  box-shadow: none;
}
.side-trays #abilities .ability:last-child { border-bottom: 0; }
.side-trays #abilities .ability h3 { margin-bottom: 5px; font-size: 17px; }
.side-trays #abilities .ability p { margin: 4px 0 8px; color: #453321; }
.side-trays #abilities .witch-art { border: 1px solid #ad9069; }
.side-trays #abilities .ability.spent .witch-art { filter: saturate(.4); }
.side-trays .side-empty { padding: 8px 10px; margin: 0; color: #594431; font: 14px/1.5 system-ui, sans-serif; }

@media (max-width: 720px) {
  .market-side.side-trays { width: auto; padding: 0 10px 10px; }
  .side-trays .side-tabs { margin: 0 0 6px; padding: 3px 10px 0; }
  .side-trays .side-tab { min-height: 44px; padding: 7px; }
  .side-trays .market-row { gap: 3px; }
  .side-trays .ingredient-label { width: 64px; font-size: 12px; }
}

@media (max-width: 390px) {
  .side-trays .market-row { gap: 2px; }
  .side-trays .ingredient-label { width: 64px; font-size: 11px; overflow-wrap: anywhere; }
  .side-trays .market-chip { min-width: 44px; padding: 2px; }
  .side-trays .market-chip img { width: 29px; height: 29px; }
}