/* Keep the established 240px card size; fill the artwork window, not the page. */
#amps .upgrade-workspace:has(.aa-artifact-slots) {
  width:100%; max-width:1000px; box-sizing:border-box;
}
#amps .upgrade-workspace .mod-slots.special-mod-grid.aa-artifact-slots {
  max-width:240px; margin-inline:auto;
}
@container special-mod-center (min-width:440px) {
  #amps .upgrade-workspace .mod-slots.special-mod-grid.aa-artifact-slots { max-width:498px; }
}
@container special-mod-center (min-width:690px) {
  #amps .upgrade-workspace .mod-slots.special-mod-grid.aa-artifact-slots { max-width:756px; }
}
#amps .upgrade-workspace .special-mod-grid.aa-artifact-slots > .frame-slot,
#amps .upgrade-workspace .special-mod-grid.aa-artifact-slots .frame-slot > .mod-card {
  max-width:240px !important;
}
#amps .upgrade-workspace .special-mod-grid.aa-artifact-slots .mod-identity .mod-art {
  width:100% !important; max-width:none !important; height:100% !important;
  object-fit:cover !important; object-position:center;
}
#amps .upgrade-workspace .special-mod-grid.aa-artifact-slots .mod-art-frame {
  width:100%; max-width:none; height:auto !important; aspect-ratio:8/5;
  overflow:hidden;
}
@media (min-width:901px) and (max-width:1159px) {
  #amps .upgrade-workspace:has(.aa-artifact-slots) { max-width:742px; }
}
@media (max-width:900px) {
  #amps .upgrade-workspace:has(.aa-artifact-slots) { max-width:794px; }
}
