/* Aniiland's shared Moonstone purple. Only dark design 2 is changed.
   Content, status colors and map-specific palettes remain independent. */
html[data-design="2"]:not([data-mode="light"]){
  --accent:#7342ae!important;
  --accent-contrast:#fff!important;
  --accent-soft:#7342ae32!important;
  --violet:#b68bdf!important;
}
/* Homeland sets CSS custom properties on its descendants; bring those to
   the same accent so built-in dialogs/controls never revert to pastel. */
html[data-design="2"]:not([data-mode="light"]) body.nightfall-homeland,
html[data-design="2"]:not([data-mode="light"]) body.nightfall-homeland *{
  --accent:#7342ae!important;
  --accent-contrast:#fff!important;
  --accent-soft:#7342ae32!important;
}
/* Main navigation: keep the quiet unselected tabs, use restrained plum on
   the selected tab rather than giving every tab a solid purple fill. */
html[data-design="2"]:not([data-mode="light"]) body .hub-nav a[aria-current="page"]{
  background:linear-gradient(120deg,#7342ae50,#7342ae22)!important;
  border-color:#9864ce!important;
  box-shadow:inset 0 -2px #9864ce,0 3px 13px #0a102433!important;
  color:#fff!important;
}
html[data-design="2"]:not([data-mode="light"]) body .hub-nav a:hover:not([aria-current="page"]){
  background:#7342ae22!important;border-color:#9864ce80!important;
}
/* Primary actions and selected tabs across the hub, Dex, event pages and
   the Homeland sub-navigation. Do not restyle other feature palettes. */
html[data-design="2"]:not([data-mode="light"]) body :is(
  .hub-account-actions .account-register,
  .homeland-subnav>a[aria-current],
  .hero-primary,
  .home27-actions a:first-child,
  .rt-tabs a[aria-current],
  .rt-form-switch button[aria-pressed="true"],
  .egg-tiers button[aria-pressed="true"],
  .color-options button[aria-pressed="true"],
  .home-design-picker a[aria-current],
  .rt-toolbar button.primary,
  .rt-dialog button.primary,
  .ec-modal button.primary,
  .event-toolbar button.primary
){
  background:#7342ae!important;background-color:#7342ae!important;
  border-color:#9864ce!important;color:#fff!important;
  text-shadow:none!important;
}
html[data-design="2"]:not([data-mode="light"]) body :is(
  .hub-account-actions .account-register,
  .homeland-subnav>a[aria-current],
  .hero-primary,
  .home27-actions a:first-child,
  .rt-tabs a[aria-current],
  .rt-form-switch button[aria-pressed="true"],
  .egg-tiers button[aria-pressed="true"],
  .color-options button[aria-pressed="true"],
  .home-design-picker a[aria-current]
):hover{background:#8450c0!important;background-color:#8450c0!important;border-color:#b183e2!important}
html[data-design="2"]:not([data-mode="light"]) body :is(
  .hub-account-actions .account-register,
  .homeland-subnav>a[aria-current],
  .hero-primary,
  .home27-actions a:first-child,
  .rt-tabs a[aria-current],
  .home-design-picker a[aria-current]
) :is(span,b,strong,small,svg){color:inherit!important}
/* Header half-moon selector should follow the same accent when it is on. */
html[data-design="2"]:not([data-mode="light"]) body .mode-half.is-current{background:#7342ae!important;color:#fff!important}

/* Compact worker strategy buttons: maintain their stable data-worker keys. */
.worker-level-segmented{
  grid-template-columns:minmax(0,.65fr) minmax(0,1.15fr) minmax(0,1.35fr)!important;
  gap:3px!important
}
.worker-level-segmented button{
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;min-width:0!important;
  font-size:11px!important;line-height:1.16!important;
  font-weight:750!important;letter-spacing:-.015em!important;
  text-align:center!important;white-space:normal!important;
  overflow-wrap:normal!important;word-break:normal!important;
  padding:8px 4px!important
}
.worker-level-segmented button .worker-tier-sub{
  display:block;font:inherit;font-size:10px;line-height:1.12;
  opacity:.95;margin-top:2px;white-space:nowrap
}
@media(max-width:750px){
  .worker-level-segmented button{font-size:10px!important;padding:7px 2px!important}
  .worker-level-segmented button .worker-tier-sub{font-size:9px!important}
}