/* === SOURCE: css/068-v545-archetype-overview-compact-306.css === */

/* v5.4.5 · Archetype Overview compact-width test.
   Goal: make the whole controller viable as the persistent ~306px left rail
   without changing any state/interaction logic. */
@media(min-width:1500px){
  body.build-overview-active .build-overview-grid{
    grid-template-columns:minmax(205px,.68fr) 306px minmax(430px,1.30fr) minmax(270px,.76fr)!important;
    gap:12px!important;
  }
}
@media(min-width:1280px) and (max-width:1499px){
  body.build-overview-active .build-overview-grid{
    grid-template-columns:minmax(180px,.58fr) 306px minmax(350px,1.08fr) minmax(220px,.66fr)!important;
    gap:10px!important;
  }
}
@media(min-width:1100px) and (max-width:1279px){
  body.build-overview-active .build-overview-grid{
    grid-template-columns:minmax(168px,.54fr) 286px minmax(330px,1.02fr) minmax(205px,.62fr)!important;
    gap:9px!important;
  }
}

/* tighter controller shell */
@media(min-width:1100px){
  body.build-overview-active .overview-middle-column{min-width:0!important;}
  body.build-overview-active .overview-profile-card .ovc-scroll{
    padding:13px 12px 12px!important;
  }
  body.build-overview-active .ovc-section{padding:10px 0!important;}
  body.build-overview-active .ovc-section:first-child{padding-top:0!important;}

  /* archetype selector */
  body.build-overview-active .ovc-model-trigger{
    grid-template-columns:38px minmax(0,1fr) auto!important;
    gap:7px!important;
    min-height:48px!important;
    margin:-2px -4px!important;
    width:calc(100% + 8px)!important;
    padding:6px 4px!important;
    border-radius:12px!important;
  }
  body.build-overview-active .ovc-model-logo{width:36px!important;height:36px!important;}
  body.build-overview-active .ovc-model-logo img{width:33px!important;height:33px!important;}
  body.build-overview-active .ovc-model-copy{gap:6px!important;}
  body.build-overview-active .ovc-model-copy strong{font-size:21px!important;}
  body.build-overview-active .ovc-model-copy span{font-size:8px!important;}
  body.build-overview-active .ovc-model-action{
    height:27px!important;padding:0 7px 0 8px!important;gap:4px!important;
  }
  body.build-overview-active .ovc-model-action-label{font-size:7.5px!important;}
  body.build-overview-active .ovc-model-action .ovc-chevron{width:10px!important;height:10px!important;flex-basis:10px!important;}
  body.build-overview-active .ovc-model-menu{top:52px!important;padding:7px!important;border-radius:13px!important;}
  body.build-overview-active .ovc-model-options{gap:4px!important;}
  body.build-overview-active .ovc-model-option{min-height:39px!important;grid-template-columns:24px minmax(0,1fr)!important;padding:4px 6px!important;gap:6px!important;}
  body.build-overview-active .ovc-model-option img{width:22px!important;height:22px!important;}

  /* level / AP */
  body.build-overview-active .ovc-level-section{padding-top:11px!important;padding-bottom:12px!important;}
  body.build-overview-active .ovc-dual-bars{gap:12px!important;}
  body.build-overview-active .ovc-meter-row{grid-template-columns:minmax(0,1fr) 72px!important;gap:8px!important;}
  body.build-overview-active .ovc-meter-label{margin-bottom:6px!important;font-size:7px!important;}
  body.build-overview-active .ovc-meter-meta span{font-size:7px!important;}
  body.build-overview-active .ovc-meter-meta strong{font-size:11px!important;}
  body.build-overview-active .ovc-meter-track{height:8px!important;}
  body.build-overview-active .ovc-level-console{margin-top:7px!important;}
  body.build-overview-active .ovc-level-float{width:48px!important;height:26px!important;font-size:8px!important;border-radius:5px!important;}
  body.build-overview-active #overviewLevelSlider::-webkit-slider-thumb{width:48px!important;height:26px!important;}
  body.build-overview-active #overviewLevelSlider::-moz-range-thumb{width:48px!important;height:26px!important;}

  /* stars */
  body.build-overview-active .ovc-stars-section{padding:8px 0!important;}
  body.build-overview-active .ovc-star-list{gap:5px!important;}
  body.build-overview-active .ovc-star-row{grid-template-columns:52px minmax(0,1fr)!important;gap:5px!important;min-height:25px!important;}
  body.build-overview-active .ovc-star-label{font-size:9px!important;}
  body.build-overview-active .ovc-star-track{gap:3px!important;min-height:27px!important;justify-content:flex-end!important;}
  body.build-overview-active .ovc-star{width:24px!important;height:27px!important;}
  body.build-overview-active .ovc-star svg{width:21px!important;height:21px!important;}

  /* body collapsed controller */
  body.build-overview-active .ovc-body-layout{
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"summary accel" "actions quick"!important;
    column-gap:9px!important;row-gap:6px!important;
  }
  body.build-overview-active .ovc-body-summary{gap:9px!important;padding-left:0!important;align-items:baseline!important;}
  body.build-overview-active .ovc-body-chip{gap:5px!important;font-size:10px!important;}
  body.build-overview-active .ovc-body-chip b{font-size:14px!important;}
  body.build-overview-active .ovc-body-quick{gap:5px!important;justify-content:flex-end!important;}
  body.build-overview-active .ovc-body-actions{gap:5px!important;justify-content:flex-start!important;}
  body.build-overview-active .ovc-body-toggle,
  body.build-overview-active .ovc-body-reset{height:27px!important;padding:0 8px!important;border-radius:999px!important;}
  body.build-overview-active .ovc-body-toggle{padding-left:9px!important;}
  body.build-overview-active .ovc-body-toggle-label,
  body.build-overview-active .ovc-body-reset-label{font-size:8px!important;}
  body.build-overview-active .ovc-pill-switch{min-width:54px!important;height:25px!important;padding:2px!important;border-radius:999px!important;}
  body.build-overview-active .ovc-pill-switch[data-size="sm"]{min-width:48px!important;}
  body.build-overview-active .ovc-pill-switch .opt{padding:0 6px!important;font-size:8px!important;}
  body.build-overview-active .ovc-accelerate strong{min-width:84px!important;height:27px!important;padding:0 11px!important;font-size:10px!important;}

  /* 306px rail: expanded body stacks vertically rather than squeezing two columns */
  body.build-overview-active .ovc-body-expanded{grid-template-columns:1fr!important;gap:9px!important;margin-top:8px!important;}
  body.build-overview-active .ovc-body-section.expanded .ovc-body-expanded{max-height:760px!important;padding-top:9px!important;}
  body.build-overview-active .ovc-body-plot{aspect-ratio:1.45 / 1!important;border-radius:11px!important;}
  body.build-overview-active .ovc-body-dot{width:18px!important;height:18px!important;border-width:2px!important;}
  body.build-overview-active .ovc-body-mods{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;}
  body.build-overview-active .ovc-body-mod{padding:6px 8px!important;border-radius:9px!important;}
  body.build-overview-active .ovc-body-mod span{font-size:8px!important;}
  body.build-overview-active .ovc-body-mod strong{font-size:11px!important;}

  /* PlayStyle: keep signature + 3 regular slots + AMP usable on one line */
  body.build-overview-active .ovc-playstyle-section{padding:6px 0 0!important;}
  body.build-overview-active .ovc-ps-row{grid-template-columns:58px minmax(0,1fr)!important;gap:4px!important;min-height:37px!important;}
  body.build-overview-active .ovc-ps-row+.ovc-ps-row{margin-top:5px!important;}
  body.build-overview-active .ovc-ps-label{font-size:8px!important;}
  body.build-overview-active .ovc-ps-badges,
  body.build-overview-active .ovc-ps-prefix,
  body.build-overview-active .ovc-ps-track,
  body.build-overview-active .ovc-ps-extra,
  body.build-overview-active .ovc-ps-amp{gap:3px!important;}
  body.build-overview-active .ovc-ps-track{margin-left:-1px!important;}
  body.build-overview-active .ovc-ps-badge{width:36px!important;height:36px!important;flex-basis:36px!important;}
  body.build-overview-active .ovc-ps-badge .overview-badge-shell{--badge-h:29px;--badge-w:29px;--icon-box:16px;width:36px!important;height:36px!important;}
  body.build-overview-active .ovc-ps-row.gold .ovc-ps-badge .overview-badge-shell.plus{--badge-h:29px;--badge-w:34px;--icon-box:16px;--gold-lift:1.6px;width:36px!important;height:36px!important;}
  body.build-overview-active .ovc-ps-slot,
  body.build-overview-active .ovc-ps-add{width:31px!important;height:31px!important;flex-basis:31px!important;}
  body.build-overview-active .ovc-ps-slot .overview-badge-shell{--badge-h:28px;--badge-w:28px;--icon-box:15px;width:31px!important;height:31px!important;}
  body.build-overview-active .ovc-ps-slot-shell,
  body.build-overview-active .ovc-ps-add-shell{width:26px!important;height:26px!important;border-radius:4px!important;}
  body.build-overview-active .ovc-ps-slot-lock{width:11px!important;height:11px!important;}
  body.build-overview-active .ovc-ps-add-plus{font-size:15px!important;}
  body.build-overview-active .ovc-ps-separator{height:19px!important;margin:0 2px!important;}
  body.build-overview-active .ovc-signature-upgrade-hint{font-size:6.5px!important;}
}

/* === SOURCE: css/069-v5410-body-default-crosshair.css === */

/* v5.4.10 · The body plot uses a faint default-value crosshair, not edge axes.
   Crossing either line returns that single dimension to the archetype default. */
@media(min-width:761px){
  .global-archetype-overview-card .ovc-body-plot::before{
    content:""!important;
    position:absolute!important;
    z-index:1!important;
    left:var(--ovc-body-default-x,50%)!important;
    top:5%!important;
    bottom:5%!important;
    right:auto!important;
    width:1px!important;
    height:auto!important;
    transform:translateX(-50%)!important;
    border:0!important;
    background:repeating-linear-gradient(
      to bottom,
      rgba(216,184,95,.15) 0 2px,
      rgba(216,184,95,.035) 2px 3px,
      transparent 3px 7px
    )!important;
    box-shadow:0 0 7px rgba(216,184,95,.075)!important;
    opacity:.78!important;
    pointer-events:none!important;
  }
  .global-archetype-overview-card .ovc-body-plot::after{
    content:""!important;
    position:absolute!important;
    z-index:1!important;
    left:4%!important;
    right:4%!important;
    top:var(--ovc-body-default-y,50%)!important;
    bottom:auto!important;
    width:auto!important;
    height:1px!important;
    transform:translateY(-50%)!important;
    border:0!important;
    background:repeating-linear-gradient(
      to right,
      rgba(216,184,95,.15) 0 2px,
      rgba(216,184,95,.035) 2px 3px,
      transparent 3px 7px
    )!important;
    box-shadow:0 0 7px rgba(216,184,95,.075)!important;
    opacity:.78!important;
    pointer-events:none!important;
  }
  /* Endpoint values already explain the two dimensions; remove the extra axis-name labels. */
  .global-archetype-overview-card .ovc-body-axis-name{display:none!important}
  /* Keep range endpoints quiet so the default crosshair remains the only accented guide. */
  .global-archetype-overview-card .ovc-body-axis{
    color:#7d8791!important;
    background:rgba(7,12,17,.48)!important;
  }
  .global-archetype-overview-card .ovc-body-axis.top,
  .global-archetype-overview-card .ovc-body-axis.bottom,
  .global-archetype-overview-card .ovc-body-axis.left,
  .global-archetype-overview-card .ovc-body-axis.right{color:#8e989f!important}
}

/* === SOURCE: css/070-v5412-body-crosshair-endpoints-smooth-drag.css === */

/* v5.4.12 · endpoint labels belong to the DEFAULT crosshair, not the card corners. */
@media(min-width:761px){
  .global-archetype-overview-card .ovc-body-plot::before{
    top:8%!important;
    bottom:8%!important;
  }
  .global-archetype-overview-card .ovc-body-plot::after{
    left:6%!important;
    right:6%!important;
  }

  /* Height max/min sit at the two ends of the vertical default-weight guide. */
  .global-archetype-overview-card .ovc-body-axis.top{
    left:var(--ovc-body-default-x,50%)!important;
    top:2.5%!important;
    right:auto!important;bottom:auto!important;
    transform:translateX(-50%)!important;
  }
  .global-archetype-overview-card .ovc-body-axis.bottom{
    left:var(--ovc-body-default-x,50%)!important;
    bottom:2.5%!important;
    right:auto!important;top:auto!important;
    transform:translateX(-50%)!important;
  }

  /* Weight min/max sit at the two ends of the horizontal default-height guide. */
  .global-archetype-overview-card .ovc-body-axis.left{
    left:1.4%!important;
    top:var(--ovc-body-default-y,50%)!important;
    right:auto!important;bottom:auto!important;
    transform:translateY(-50%)!important;
  }
  .global-archetype-overview-card .ovc-body-axis.right{
    right:1.4%!important;
    top:var(--ovc-body-default-y,50%)!important;
    left:auto!important;bottom:auto!important;
    transform:translateY(-50%)!important;
  }

  .global-archetype-overview-card .ovc-body-axis{
    background:rgba(7,12,17,.58)!important;
    color:#8f989f!important;
    box-shadow:0 0 8px rgba(216,184,95,.025)!important;
  }

  /* Normal plot cursor stays quiet; only the control itself reads as draggable. */
  .global-archetype-overview-card .ovc-body-plot{cursor:default!important;}
  .global-archetype-overview-card .ovc-body-dot{
    pointer-events:auto!important;
    cursor:grab!important;
    transition:box-shadow .12s ease,filter .12s ease!important;
  }
  .global-archetype-overview-card .ovc-body-dot:hover{
    filter:brightness(1.05)!important;
    box-shadow:0 0 0 8px rgba(216,184,95,.09),0 5px 17px rgba(0,0,0,.48)!important;
  }
  .global-archetype-overview-card .ovc-body-plot.dragging,
  .global-archetype-overview-card .ovc-body-plot.dragging .ovc-body-dot{
    cursor:grabbing!important;
  }
}

/* === SOURCE: css/071-v5416-facility-selector-hard-restore.css === */

/* v5.4.16 · hard restore the facility selector detail layout.
   The markup/data are intact; the regression is a late CSS cascade/layout collision.
   Re-pin every child to the proven v5.4.5 3-column detail grid. */
body.facility-drawer-open #facilitySelectorDetail .facility-level-card{
  position:relative!important;
  display:grid!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  grid-template-columns:76px minmax(0,1fr) 96px!important;
  grid-template-rows:auto!important;
  column-gap:12px!important;
  row-gap:0!important;
  align-items:center!important;
  overflow:visible!important;
}
body.facility-drawer-open #facilitySelectorDetail .facility-level-title{
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
  margin:0!important;
  white-space:nowrap!important;
}
body.facility-drawer-open #facilitySelectorDetail .facility-level-boosts{
  grid-column:2!important;
  grid-row:1!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  align-content:center!important;
  justify-self:stretch!important;
  width:100%!important;
  max-width:184px!important;
  min-width:0!important;
  margin:0!important;
  gap:9px!important;
  overflow:visible!important;
}
body.facility-drawer-open #facilitySelectorDetail .facility-level-boost{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 40px!important;
  align-items:baseline!important;
  column-gap:12px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  white-space:nowrap!important;
}
body.facility-drawer-open #facilitySelectorDetail .facility-level-boost span{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  text-align:left!important;
  white-space:nowrap!important;
}
body.facility-drawer-open #facilitySelectorDetail .facility-level-boost b{
  display:block!important;
  width:40px!important;
  min-width:40px!important;
  margin:0!important;
  text-align:right!important;
  white-space:nowrap!important;
}
body.facility-drawer-open #facilitySelectorDetail .facility-level-budget{
  grid-column:3!important;
  grid-row:1!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:center!important;
  justify-self:stretch!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  position:static!important;
  visibility:visible!important;
  opacity:1!important;
  overflow:visible!important;
}
body.facility-drawer-open #facilitySelectorDetail .facility-level-cost{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  text-align:right!important;
  color:rgba(195,205,215,.50)!important;
  font-size:11px!important;
  line-height:1.1!important;
  font-weight:500!important;
  white-space:nowrap!important;
  visibility:visible!important;
  opacity:1!important;
}
body.facility-drawer-open #facilitySelectorDetail .facility-level-cost span{
  display:block!important;
}
body.facility-drawer-open #facilitySelectorDetail .facility-level-cost b{
  display:block!important;
  margin-top:5px!important;
  color:#e5eaf0!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:750!important;
  font-variant-numeric:tabular-nums!important;
}
body.facility-drawer-open #facilitySelectorDetail .facility-level-delta{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:8px 0 0!important;
  min-height:0!important;
  color:#a79361!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:550!important;
  text-align:right!important;
  white-space:nowrap!important;
  visibility:visible!important;
  opacity:1!important;
}
body.facility-drawer-open #facilitySelectorDetail .facility-level-card[data-facility-level="3"]{
  grid-template-rows:auto auto!important;
  min-height:136px!important;
  row-gap:12px!important;
}
body.facility-drawer-open #facilitySelectorDetail .facility-level-card[data-facility-level="3"] .facility-level-reward{
  grid-column:2/4!important;
  grid-row:2!important;
  position:static!important;
  inset:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:11px 0 0!important;
  border-top:1px solid rgba(255,255,255,.055)!important;
  gap:12px!important;
  transform:none!important;
  visibility:visible!important;
  opacity:1!important;
  overflow:visible!important;
  z-index:auto!important;
  pointer-events:none!important;
}
body.facility-drawer-open #facilitySelectorDetail .facility-level-reward>small{
  display:block!important;
  color:rgba(190,199,208,.48)!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:600!important;
}
body.facility-drawer-open #facilitySelectorDetail .facility-level-reward-main{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  position:static!important;
  visibility:visible!important;
  opacity:1!important;
}
body.facility-drawer-open #facilitySelectorDetail .facility-level-reward-main .facility-ps-badge{
  display:grid!important;
  position:relative!important;
  transform:scale(.98)!important;
  transform-origin:center!important;
  margin:0!important;
  visibility:visible!important;
  opacity:1!important;
}
body.facility-drawer-open #facilitySelectorDetail .facility-level-reward-main>span{
  display:block!important;
  color:#d6dce2!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:650!important;
  white-space:nowrap!important;
}
/* The facility grid itself never shows PlayStyle badges; rewards only live in the detail panel. */
body.facility-drawer-open .facility-selector-grid .facility-picker-reward{display:none!important;}

@media(max-width:1100px){
  body.facility-drawer-open #facilitySelectorDetail .facility-level-card{
    grid-template-columns:70px minmax(0,1fr) 90px!important;
    column-gap:10px!important;
    padding:14px!important;
  }
  body.facility-drawer-open #facilitySelectorDetail .facility-level-boosts{max-width:170px!important;}
  body.facility-drawer-open #facilitySelectorDetail .facility-level-boost{grid-template-columns:minmax(0,1fr) 36px!important;column-gap:10px!important;}
  body.facility-drawer-open #facilitySelectorDetail .facility-level-boost b{width:36px!important;min-width:36px!important;}
  body.facility-drawer-open #facilitySelectorDetail .facility-level-cost b{font-size:17px!important;}
}
@media(max-width:760px){
  body.facility-drawer-open #facilitySelectorDetail .facility-level-card{
    grid-template-columns:62px minmax(0,1fr) 82px!important;
    column-gap:8px!important;
    padding:12px!important;
  }
  body.facility-drawer-open #facilitySelectorDetail .facility-level-boosts{max-width:150px!important;}
  body.facility-drawer-open #facilitySelectorDetail .facility-level-boost{grid-template-columns:minmax(0,1fr) 34px!important;column-gap:8px!important;}
  body.facility-drawer-open #facilitySelectorDetail .facility-level-boost b{width:34px!important;min-width:34px!important;}
}

/* === SOURCE: css/072-v548-archetype-overview-polish.css === */

/* v5.4.8 · Archetype Overview refinement pass:
   animated archetype drawer, tighter star rows, default-open body editor with
   explicit X/Y axes, and matched PlayStyle empty/locked placeholders. */
.ovc-body-axis-name{position:absolute;z-index:2;pointer-events:none;font-size:6.5px;font-weight:850;letter-spacing:.04em;opacity:.78}
.ovc-body-axis-name.y{left:3px;top:50%;transform:translateY(-50%) rotate(-90deg);color:#d6b85f}
.ovc-body-axis-name.x{left:50%;bottom:3px;transform:translateX(-50%);color:#71c894}
.ovc-body-plot::before,.ovc-body-plot::after{content:"";position:absolute;z-index:1;pointer-events:none;border-radius:999px}
.ovc-body-plot::before{left:28px;top:11px;bottom:22px;width:1px;background:linear-gradient(180deg,rgba(216,184,95,.72),rgba(216,184,95,.22))}
.ovc-body-plot::after{left:28px;right:10px;bottom:20px;height:1px;background:linear-gradient(90deg,rgba(105,205,147,.30),rgba(105,205,147,.72))}
.ovc-body-axis{z-index:2}
.ovc-body-axis.top{top:4px!important;left:34px!important;color:#d6b85f!important;transform:none!important}
.ovc-body-axis.bottom{bottom:22px!important;left:34px!important;color:#a99150!important;transform:none!important}
.ovc-body-axis.left{bottom:3px!important;left:28px!important;color:#71c894!important;transform:translateX(-50%)!important}
.ovc-body-axis.right{bottom:3px!important;right:10px!important;color:#71c894!important;transform:translateX(50%)!important}
.ovc-body-dot{z-index:3}

@media(min-width:761px){
  /* True in-flow drawer: remove the old relative top offset that created the
     large blank band above the first archetype group. */
  .global-archetype-overview-card .ovc-model-menu{
    position:relative!important;
    left:auto!important;right:auto!important;top:auto!important;
    display:block!important;
    width:100%!important;
    box-sizing:border-box!important;
    max-height:0!important;
    overflow:hidden!important;
    margin-top:0!important;
    padding:0 6px!important;
    border-color:transparent!important;
    border-radius:12px!important;
    opacity:0!important;
    transform:translateY(-8px)!important;
    pointer-events:none!important;
    box-shadow:none!important;
    transition:max-height .34s cubic-bezier(.2,.8,.2,1),opacity .18s ease,transform .28s cubic-bezier(.2,.8,.2,1),margin-top .28s ease,padding .28s ease,border-color .18s ease,box-shadow .18s ease!important;
  }
  .global-archetype-overview-card .ovc-model-menu.open{
    max-height:620px!important;
    margin-top:4px!important;
    padding:5px 6px 6px!important;
    border-color:rgba(216,184,95,.20)!important;
    opacity:1!important;
    transform:translateY(0)!important;
    pointer-events:auto!important;
    box-shadow:0 14px 34px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.025)!important;
  }
  .global-archetype-overview-card .ovc-model-group:first-child .ovc-model-group-label{padding-top:0!important}
  .global-archetype-overview-card .ovc-model-group-label{padding:1px 4px 4px!important;font-size:7px!important}
  .global-archetype-overview-card .ovc-model-group+.ovc-model-group{margin-top:6px!important;padding-top:6px!important}

  /* Shave another couple of pixels from the two star rows without changing
     their click/drag model. */
  .global-archetype-overview-card .ovc-stars-section{padding:6px 0!important}
  .global-archetype-overview-card .ovc-star-list{gap:3px!important}
  .global-archetype-overview-card .ovc-star-row{min-height:22px!important}
  .global-archetype-overview-card .ovc-star-track{min-height:23px!important;gap:3px!important}
  .global-archetype-overview-card .ovc-star{width:22px!important;height:23px!important}
  .global-archetype-overview-card .ovc-star svg{width:19px!important;height:19px!important}

  /* Body plot: keep the compact 306px rail, but make the axes legible. */
  .global-archetype-overview-card .ovc-body-plot{padding:0!important}
  .global-archetype-overview-card .ovc-body-axis{font-size:6.5px!important}
  .global-archetype-overview-card .ovc-body-axis-name{font-size:6px!important}

  /* Empty silver slots and level-locked slots now use the exact same shell size. */
  .global-archetype-overview-card .ovc-ps-slot.empty .ovc-ps-slot-shell,
  .global-archetype-overview-card .ovc-ps-slot.locked .ovc-ps-slot-shell{
    width:24px!important;height:24px!important;border-radius:4px!important;
  }
}