.site-theme-control {
  /* The control lives in the sticky masthead, centered above Search and Tags. */
  position: absolute !important;
  z-index: 2;
  top: 50%;
  right: auto;
  left: 50%;
  bottom: auto;
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  padding: 4px 7px 4px 5px;
  border: 1px solid #46576a;
  border-radius: 999px;
  background: linear-gradient(135deg, #121b25ee, #0b0f14f5);
  box-shadow: 0 8px 24px #00000078, inset 0 1px #d6edff12;
  color: #d8e9f7;
  text-align: left;
  cursor: pointer;
  transform: translate(-50%, -50%);
}

/* Override the legacy generic masthead button rule. Without this targeted
   selector, it shrinks the player to a 27px corner button. */
.masthead .site-theme-control {
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  transform: translate(-50%, -50%) !important;
}

.masthead {
  position: sticky !important;
  top: 0 !important;
  z-index: 90 !important;
}

.site-theme-control:hover,
.site-theme-control:focus-visible { border-color: #9bbbd6; background: #172431; outline: 0; box-shadow: 0 9px 26px #0000008c, 0 0 20px #71a8d52a; }
.site-theme-icon { display: grid; place-items: center; width: 23px; height: 23px; border: 1px solid #58758e; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #3d6c8a, #142535 72%); color: #d8efff; font-size: 12px; box-shadow: inset 0 1px #d6edff24; }
.site-theme-control span:not(.site-theme-icon) { display: grid; gap: 1px; }
.site-theme-control b { color: #e5f2fb; font: 700 9px "DM Mono", monospace; letter-spacing: .08em; text-transform: uppercase; }
.site-theme-control small { color: #91abc0; font: 8px "DM Mono", monospace; }
.site-theme-control i { margin-left: 2px; padding: 4px 6px; border: 1px solid #3b5368; border-radius: 999px; color: #bed9eb; font: 700 8px "DM Mono", monospace; font-style: normal; }
.site-theme-control.is-muted .site-theme-icon { background: #303234; color: #a6afb9; }
.site-theme-control.is-muted { border-color: #4e5358; color: #b7bec5; }

/* The legal footer extends the same charcoal surface as the persistent dock
   rather than leaving a disconnected black band beneath the marketplace. */
.site-legal-links {
  position: relative;
  z-index: 2;
  margin: 0;
  border-top: 1px solid #3b3b3b;
  background: linear-gradient(180deg, #252525, #1d1d1d);
  box-shadow: inset 0 1px #ffffff08;
  color: #aaa69c;
}

.site-legal-links a { color: #bcd6ff; }

@media (max-width: 680px) {
  .masthead .site-theme-control { top: 50% !important; left: 50% !important; }
  .site-theme-control i { display: none; }
}