/* V60 — hydraulics theme consistency + game-mode visual polish. */

/* Hydraulics: use the same theme-aware study/exam segmented control as the other topics. */
html[data-theme] .hyd-study-tabs {
  background: var(--surface-2) !important;
  color: var(--text-muted) !important;
  border-color: var(--surface-line) !important;
  box-shadow: none !important;
}
html[data-theme] .hyd-study-tab {
  background: transparent !important;
  color: var(--text-muted) !important;
}
html[data-theme] .hyd-study-tab:hover {
  background: var(--surface-3) !important;
  color: var(--text) !important;
}
html[data-theme] .hyd-study-tab.is-active {
  background: var(--amber-button) !important;
  color: var(--amber-text) !important;
  box-shadow: none !important;
}
html[data-theme] .hyd-study-panel {
  background: var(--surface) !important;
  color: var(--text) !important;
  border-color: var(--surface-line) !important;
  box-shadow: var(--panel-shadow) !important;
}
html[data-theme] .hyd-study-panel .el-reader-hero,
html[data-theme] .hyd-study-panel .hf-study-toolbar,
html[data-theme] .hyd-study-panel .hf-study-viewer,
html[data-theme] .hyd-study-panel .hf-study-viewer-shell {
  background: var(--surface-2) !important;
  color: var(--text) !important;
  border-color: var(--surface-line) !important;
}
html[data-theme] .hyd-study-panel .hf-study-copy p {
  color: var(--text-muted) !important;
}

/* Game mode: give the desktop radar a little more visual weight without changing mobile. */
@media (min-width: 1001px) {
  .games-page .world-companion .hero-instrument {
    width: 178px !important;
    max-width: 178px !important;
  }
}

/* Game mission emblems: distinct, richer gradients while keeping the cards themselves theme-aware. */
.games-page .mission-stations .station-emblem {
  color: #fff !important;
  border-color: rgba(255,255,255,.58) !important;
  text-shadow: 0 2px 3px rgba(0,0,0,.28) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.26), 0 7px 14px rgba(0,0,0,.18) !important;
}

.games-page .mission-stations .card-troubleshoot .station-platform:before {
  background: linear-gradient(145deg,#f3a04f 0%,#e46727 54%,#a93d13 100%) !important;
  border-bottom-color: #8e3412 !important;
}
.games-page .mission-stations .card-troubleshoot .station-emblem {
  background: linear-gradient(145deg,#ffc06c 0%,#f27b32 46%,#b94316 100%) !important;
}

.games-page .mission-stations .card-speed .station-platform:before {
  background: linear-gradient(145deg,#4ec8dc 0%,#278bb9 53%,#215f99 100%) !important;
  border-bottom-color: #1d507f !important;
}
.games-page .mission-stations .card-speed .station-emblem {
  background: linear-gradient(145deg,#7be1eb 0%,#37a9d2 45%,#3164b2 100%) !important;
}

.games-page .mission-stations .card-weekly .station-platform:before {
  background: linear-gradient(145deg,#9bd761 0%,#4dab72 52%,#297b68 100%) !important;
  border-bottom-color: #226457 !important;
}
.games-page .mission-stations .card-weekly .station-emblem {
  background: linear-gradient(145deg,#c8eb72 0%,#65c979 44%,#258d7c 100%) !important;
}

.games-page .mission-stations .card-mission .station-platform:before {
  background: linear-gradient(145deg,#b57ce3 0%,#7b5bc5 52%,#51439d 100%) !important;
  border-bottom-color: #43377f !important;
}
.games-page .mission-stations .card-mission .station-emblem {
  background: linear-gradient(145deg,#d5a0f2 0%,#9569d8 44%,#5e4bb2 100%) !important;
}

.games-page .mission-stations .card-examiner .station-platform:before {
  background: linear-gradient(145deg,#8ea6bd 0%,#687a98 52%,#4d5872 100%) !important;
  border-bottom-color: #414a60 !important;
}
.games-page .mission-stations .card-examiner .station-emblem {
  background: linear-gradient(145deg,#a9bfd2 0%,#788eaa 48%,#56627e 100%) !important;
  filter: none !important;
}