/* A stable paper-doll: its row order also matches the DOM and keyboard order.
   Keep this after desktop.css, which previously expanded the board to five
   columns on large monitors. These selectors cover own and public profiles. */
.dossier-equipment .dossier-slots,
.ui-profile .dossier-equipment .dossier-slots,
#main-content .equip-slots {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-flow:row;
  gap:clamp(6px,1vw,12px);
}
.dossier-equipment .dossier-slot,
#main-content .equip-slot {
  min-width:0;
}
.dossier-equipment .dossier-slot .slot-symbol>.hq-art {
  --hq-art-size:clamp(42px,5vw,60px);
}
.dossier-equipment .dossier-slot .slot-symbol {
  width:auto;
  height:auto;
}
#main-content .equip-slot {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:90px;
  text-align:center;
}