/* Shared Archwing / artifact slots. Do not alter regular imported build boards. */
:is(#archwing,#amps,#focus) .upgrade-center { container-type:inline-size; container-name:special-mod-center; }
:is(#archwing,#amps,#focus) .upgrade-workspace .mod-slots.special-mod-grid {
  display:grid; grid-template-columns:minmax(0,240px)!important;
  gap:24px 18px; justify-content:start; align-items:start;
}
:is(#archwing,#amps,#focus) .upgrade-workspace .special-mod-grid>.frame-slot {
  display:flex!important; flex-direction:column; align-items:stretch; gap:0;
  grid-row:auto!important; grid-template-columns:none!important; grid-template-rows:none!important;
  min-width:0; width:100%; max-width:240px; margin:0;
}
:is(#archwing,#amps,#focus) .special-slot-heading {
  order:0; min-height:var(--special-heading-height,70px); box-sizing:border-box; padding-bottom:10px;
}
:is(#archwing,#amps,#focus) .special-slot-heading>p { margin:0 0 7px; line-height:1.6; font-size:13px; }
:is(#archwing,#amps,#focus) .special-slot-heading>.aa-acquisition {
  margin:0 0 8px; padding:0; border:0; font-size:13px; line-height:1.65; overflow-wrap:anywhere;
}
:is(#archwing,#amps,#focus) .special-slot-heading>.aa-acquisition summary {
  min-height:26px; padding:0; white-space:normal; font-size:13px; line-height:1.65;
}
:is(#archwing,#amps,#focus) .special-slot-heading .forma-slot-tag { margin:0; font-size:11px; }
:is(#archwing,#amps,#focus) .upgrade-workspace .special-mod-grid .frame-slot>.mod-card {
  order:1; flex:0 0 auto; display:flex; flex-direction:column; width:100%!important; max-width:240px!important;
  min-width:0; min-height:var(--special-card-height,0px)!important; height:auto!important;
  margin:0; box-sizing:border-box; align-self:stretch;
}
:is(#archwing,#amps,#focus) .special-mod-grid .mod-identity { display:block; width:100%; }
:is(#archwing,#amps,#focus) .special-mod-grid .mod-art-frame { width:100%; height:140px!important; box-sizing:border-box; }
:is(#archwing,#amps,#focus) .special-mod-grid .mod-art { width:100%; height:100%!important; object-fit:cover; object-position:center; }
#archwing .upgrade-workspace .special-mod-grid .mod-identity .mod-art {
  display:block; width:100%!important; max-width:none!important; height:100%!important;
  object-fit:cover!important; object-position:center;
}
:is(#archwing,#amps,#focus) .special-mod-grid.aa-artifact-slots .mod-art { object-fit:contain; }
:is(#archwing,#amps,#focus) .upgrade-workspace .special-mod-grid .mod-label {
  display:block; min-height:0; box-sizing:border-box; padding:5px 7px 2px; font-size:14px; line-height:1.35;
  word-break:keep-all; overflow-wrap:break-word; white-space:normal;
}
:is(#archwing,#amps,#focus) .upgrade-workspace .special-mod-grid .mod-en {
  display:block; min-height:0; padding:0 7px 3px; box-sizing:border-box; font-size:11px; line-height:1.4;
}
:is(#archwing,#amps,#focus) .upgrade-workspace .special-mod-grid .mod-effects {
  flex:1 0 auto; min-height:0; height:auto; max-height:none; overflow:visible;
  padding:6px 10px 8px; box-sizing:border-box; font-size:12px; line-height:1.65;
}
:is(#archwing,#amps,#focus) .special-mod-grid :is(.mod-meta,.mod-rank,.mod-drain-note) { flex:none; }
:is(#archwing,#amps,#focus) .upgrade-workspace .special-mod-grid .mod-meta { font-size:10px; line-height:1.6; }
:is(#archwing,#amps,#focus) .upgrade-workspace .special-mod-grid .mod-drain-note { min-height:32px; padding:7px; font-size:10px; line-height:1.6; box-sizing:border-box; }
:is(#archwing,#amps,#focus) .upgrade-workspace .special-mod-grid .aa-slot-role {
  order:2; width:100%; min-height:44px; margin:9px 0 0; box-sizing:border-box;
  text-align:left; font-size:13px; line-height:1.65; color:var(--muted); overflow-wrap:anywhere;
}
@container special-mod-center (min-width:440px) {
  :is(#archwing,#amps,#focus) .upgrade-workspace .mod-slots.special-mod-grid { grid-template-columns:repeat(2,minmax(0,240px))!important; }
}
@container special-mod-center (min-width:690px) {
  :is(#archwing,#amps,#focus) .upgrade-workspace .mod-slots.special-mod-grid { grid-template-columns:repeat(3,minmax(0,240px))!important; }
}
@container special-mod-center (min-width:930px) {
  #archwing .upgrade-workspace .mod-slots.special-mod-grid { grid-template-columns:repeat(4,minmax(0,240px))!important; }
}
@media(max-width:600px) {
  :is(#archwing,#amps,#focus) .upgrade-workspace .mod-slots.special-mod-grid { justify-content:center; }
}
/* Amp artifacts use all available space instead of three fixed 240px tracks. */
#amps .upgrade-workspace .mod-slots.special-mod-grid.aa-artifact-slots {
  grid-template-columns:minmax(0,1fr)!important;
  width:100%; max-width:none; justify-content:stretch;
}
#amps .upgrade-workspace .special-mod-grid.aa-artifact-slots>.frame-slot,
#amps .upgrade-workspace .special-mod-grid.aa-artifact-slots .frame-slot>.mod-card {
  width:100%!important; max-width:none!important;
}
#amps .upgrade-workspace .special-mod-grid.aa-artifact-slots .mod-art-frame {
  width:100%; height:auto!important; aspect-ratio:8/5;
}
#amps .upgrade-workspace .special-mod-grid.aa-artifact-slots .mod-identity .mod-art {
  display:block; width:100%!important; max-width:none!important; height:100%!important;
  object-fit:cover!important; object-position:center;
}
@container special-mod-center (min-width:440px) {
  #amps .upgrade-workspace .mod-slots.special-mod-grid.aa-artifact-slots { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
}
@container special-mod-center (min-width:690px) {
  #amps .upgrade-workspace .mod-slots.special-mod-grid.aa-artifact-slots { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
}