/* PANDORA homepage HUD rebuild.
   Scope: home page skeleton and shared header visuals only.
   The Razor variables, generated feeds, IDs, handlers, endpoints, and data
   loading behaviour remain in home_appContent.cshtml. */

:root {
  --bg: #02080d;
  --bg2: #041018;
  --panel: rgba(4, 22, 30, 0.78);
  --panel-strong: rgba(5, 31, 42, 0.9);
  --cyan: #27f5ff;
  --cyan-bright: #7ffcff;
  --cyan-soft: rgba(39, 245, 255, 0.35);
  --cyan-faint: rgba(39, 245, 255, 0.12);
  --text: #d7fbff;
  --muted: #7f9da5;
  --alert: #ff3f3f;
  --warning: #ffbd4a;
  --ph-font-display: "Rajdhani", "Orbitron", "Share Tech Mono", "Segoe UI", sans-serif;
  --ph-font-mono: "Share Tech Mono", "Cascadia Mono", "Consolas", monospace;
}

html,
body.site-page-active {
  background: var(--bg) !important;
  color: var(--text) !important;
}

body.site-page-active #mapWrap {
  background:
    radial-gradient(circle at 18% 42%, rgba(39, 245, 255, .13), transparent 24vw),
    radial-gradient(circle at 54% 28%, rgba(12, 108, 156, .16), transparent 36vw),
    radial-gradient(circle at 92% 16%, rgba(127, 252, 255, .08), transparent 24vw),
    linear-gradient(rgba(39, 245, 255, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(39, 245, 255, .035) 1px, transparent 1px),
    linear-gradient(135deg, #01060a 0%, var(--bg) 42%, #010407 100%) !important;
  background-size: auto, auto, auto, 28px 28px, 28px 28px, auto !important;
  overflow: hidden !important;
}

body.site-page-active #mapWrap::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    repeating-linear-gradient(180deg, rgba(255, 255, 255, .03) 0 1px, transparent 1px 5px),
    radial-gradient(circle at 50% -20%, rgba(39, 245, 255, .12), transparent 44%);
  opacity: .22;
  mix-blend-mode: screen;
}

body.site-page-active #mapWrap::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, transparent, rgba(39, 245, 255, .1), transparent) 50% 86px / 86% 1px no-repeat,
    linear-gradient(90deg, transparent, rgba(39, 245, 255, .18), transparent) 50% calc(100% - 28px) / 80% 1px no-repeat;
}

body.site-page-active #pandoraLogo {
  top: 19px !important;
  left: 30px !important;
  width: 178px !important;
  height: 44px !important;
  z-index: 50 !important;
  filter: drop-shadow(0 0 16px rgba(39, 245, 255, .42)) !important;
}

body.site-page-active #pandoraLogo::after {
  content: "YOUR UNIVERSE. YOUR WAR.";
  position: absolute;
  left: 2px;
  top: 34px;
  color: var(--cyan);
  font: 800 10px/1 var(--ph-font-mono);
  letter-spacing: .18em;
  text-shadow: 0 0 10px rgba(39, 245, 255, .65);
  white-space: nowrap;
}

body.site-page-active #siteNavPanel,
body.site-page-active #modeDock,
body.site-page-active .hud-topbar {
  z-index: 60 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body.site-page-active #siteNavPanel {
  top: 17px !important;
  left: 250px !important;
  right: auto !important;
  width: 362px !important;
  height: 56px !important;
  display: flex !important;
  gap: 6px !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.site-page-active #modeDock {
  top: 17px !important;
  left: 620px !important;
  right: 560px !important;
  height: 56px !important;
  display: flex !important;
  gap: 6px !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.site-page-active .hud-topbar {
  top: 17px !important;
  left: auto !important;
  right: 24px !important;
  width: 520px !important;
  height: 56px !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  padding: 0 !important;
}

body.site-page-active .hud-topbar .brand-cell,
body.site-page-active .hud-topbar > .top-cell:not(.time-cell),
body.site-page-active .hud-topbar .tab-cell {
  display: none !important;
}

body.site-page-active #siteNavPanel .site-nav-btn,
body.site-page-active #modeDock .mode-btn,
body.site-page-active .hud-topbar .menu-profile-link,
body.site-page-active .hud-topbar .hud-header-calendar-slot a,
body.site-page-active .hud-topbar .hud-header-calendar-slot button,
body.site-page-active .hud-topbar .hud-header-calendar-slot .btn,
body.site-page-active .hud-topbar #notifications_holder a,
body.site-page-active .hud-topbar #notifications_holder button,
body.site-page-active .hud-topbar #notifications_holder .btn,
body.site-page-active .hud-topbar .top-cell.time-cell {
  position: relative !important;
  min-height: 56px !important;
  border: 1px solid rgba(39, 245, 255, .34) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(150deg, rgba(7, 31, 44, .96), rgba(1, 8, 14, .94) 60%, rgba(0, 20, 30, .94)) !important;
  color: var(--text) !important;
  clip-path: polygon(18px 0, 100% 0, calc(100% - 18px) 100%, 0 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(127, 252, 255, .04),
    inset 0 -18px 28px rgba(39, 245, 255, .035),
    0 0 0 1px rgba(0, 0, 0, .8),
    0 0 16px rgba(39, 245, 255, .08) !important;
  text-transform: uppercase !important;
  font-family: var(--ph-font-display) !important;
  letter-spacing: .1em !important;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease !important;
}

body.site-page-active #siteNavPanel .site-nav-btn {
  width: 86px !important;
  padding: 0 13px !important;
  overflow: visible !important;
  white-space: nowrap !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

body.site-page-active #modeDock .mode-btn {
  flex: 1 1 92px !important;
  min-width: 78px !important;
  max-width: 112px !important;
  display: grid !important;
  grid-template-rows: 23px 1fr !important;
  place-items: center !important;
  padding: 6px 10px 5px !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

body.site-page-active #modeDock .mode-btn[data-layer="pandoraOps"],
body.site-page-active #modeDock .mode-btn-wide {
  flex: 2.5 1 220px !important;
  min-width: 214px !important;
  max-width: 260px !important;
}

body.site-page-active #modeDock .mode-ico,
body.site-page-active #modeDock .mode-ico svg {
  width: 22px !important;
  height: 22px !important;
}

body.site-page-active #modeDock .mode-ico {
  color: var(--cyan-bright) !important;
  filter: drop-shadow(0 0 10px rgba(39, 245, 255, .58)) !important;
}

body.site-page-active #modeDock .mode-btn svg [fill]:not([fill="none"]),
body.site-page-active #modeDock .mode-btn svg path[fill] {
  fill: currentColor !important;
}

body.site-page-active #modeDock .mode-btn svg [stroke]:not([stroke="none"]) {
  stroke: currentColor !important;
}

body.site-page-active #siteNavPanel .site-nav-btn::before,
body.site-page-active #modeDock .mode-btn::before,
body.site-page-active .hud-topbar .menu-profile-link::before,
body.site-page-active .hud-topbar .top-cell.time-cell::before {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 7px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--cyan), transparent);
  opacity: .42;
  pointer-events: none;
}

body.site-page-active #siteNavPanel .site-nav-btn:hover,
body.site-page-active #modeDock .mode-btn:hover,
body.site-page-active .hud-topbar .menu-profile-link:hover,
body.site-page-active .hud-topbar .hud-header-calendar-slot a:hover,
body.site-page-active .hud-topbar #notifications_holder a:hover,
body.site-page-active .hud-topbar .top-cell.time-cell:hover {
  border-color: rgba(127, 252, 255, .86) !important;
  color: #fff !important;
  box-shadow:
    inset 0 0 20px rgba(39, 245, 255, .12),
    0 0 22px rgba(39, 245, 255, .22) !important;
}

body.site-page-active #siteNavPanel .site-nav-btn.is-active,
body.site-page-active #modeDock .mode-btn.is-active {
  color: #021117 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .32) !important;
  border-color: rgba(127, 252, 255, .95) !important;
  background:
    linear-gradient(135deg, rgba(127, 252, 255, .96), rgba(39, 245, 255, .7) 55%, rgba(20, 110, 150, .95)) !important;
  box-shadow:
    inset 0 0 22px rgba(255, 255, 255, .12),
    0 0 26px rgba(39, 245, 255, .42) !important;
}

body.site-page-active .hud-topbar .hud-user-actions {
  display: flex !important;
  align-items: stretch !important;
  height: 56px !important;
  gap: 8px !important;
}

body.site-page-active .hud-topbar .menu-profile {
  width: 244px !important;
  height: 56px !important;
}

body.site-page-active .hud-topbar .menu-profile-link {
  width: 244px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 32px 8px 10px !important;
  text-decoration: none !important;
}

body.site-page-active .hud-topbar .menu-profile-image {
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  border: 1px solid var(--cyan-soft) !important;
  overflow: hidden !important;
  box-shadow: 0 0 12px rgba(39, 245, 255, .16) !important;
}

body.site-page-active .hud-topbar .menu-profile-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

body.site-page-active .hud-topbar .menu-profile-info .fw-bold {
  color: var(--text) !important;
  font: 900 10px/1.15 var(--ph-font-display) !important;
  letter-spacing: .13em !important;
}

body.site-page-active .hud-topbar .menu-profile-info::after {
  content: "SECURE ACCESS";
  display: block;
  margin-top: 3px;
  color: var(--cyan);
  font: 800 9px/1 var(--ph-font-mono);
  letter-spacing: .15em;
}

body.site-page-active .hud-topbar .menu-profile .caret {
  border-top-color: var(--cyan-bright) !important;
}

body.site-page-active .hud-topbar .dropdown-menu {
  padding: 8px !important;
  border: 1px solid var(--cyan-soft) !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, rgba(4, 22, 30, .98), rgba(1, 7, 11, .98)) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .72), 0 0 28px rgba(39, 245, 255, .16) !important;
}

body.site-page-active .hud-topbar .dropdown-item {
  padding: 11px 13px !important;
  border-left: 2px solid transparent !important;
  color: var(--muted) !important;
  background: transparent !important;
  font: 900 12px/1 var(--ph-font-display) !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

body.site-page-active .hud-topbar .dropdown-item:hover,
body.site-page-active .hud-topbar .dropdown-item:focus {
  border-left-color: var(--cyan) !important;
  color: var(--cyan-bright) !important;
  background: rgba(39, 245, 255, .08) !important;
}

body.site-page-active .hud-topbar .hud-header-partials {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  height: 56px !important;
}

body.site-page-active .hud-topbar .hud-header-calendar-slot,
body.site-page-active .hud-topbar #notifications_holder {
  width: 52px !important;
  height: 56px !important;
}

body.site-page-active .hud-topbar .hud-header-calendar-slot a,
body.site-page-active .hud-topbar .hud-header-calendar-slot button,
body.site-page-active .hud-topbar .hud-header-calendar-slot .btn,
body.site-page-active .hud-topbar #notifications_holder a,
body.site-page-active .hud-topbar #notifications_holder button,
body.site-page-active .hud-topbar #notifications_holder .btn {
  width: 52px !important;
  height: 56px !important;
  min-height: 56px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  color: var(--cyan-bright) !important;
}

body.site-page-active .hud-topbar .hud-header-calendar-slot svg,
body.site-page-active .hud-topbar .hud-header-calendar-slot i,
body.site-page-active .hud-topbar .hud-header-calendar-slot iconify-icon,
body.site-page-active .hud-topbar #notifications_holder svg,
body.site-page-active .hud-topbar #notifications_holder i,
body.site-page-active .hud-topbar #notifications_holder iconify-icon {
  width: 22px !important;
  height: 22px !important;
  color: var(--cyan-bright) !important;
  font-size: 22px !important;
  filter: drop-shadow(0 0 10px rgba(39, 245, 255, .55)) !important;
}

body.site-page-active .hud-topbar .top-cell.time-cell {
  width: 170px !important;
  display: grid !important;
  place-items: center !important;
  padding: 9px 14px !important;
  color: var(--cyan-bright) !important;
  font: 900 15px/1 var(--ph-font-mono) !important;
  letter-spacing: .16em !important;
}

body.site-page-active .hud-topbar .top-cell.time-cell::after {
  content: "UPDATES IN";
  position: absolute;
  top: 10px;
  left: 20px;
  color: var(--muted);
  font: 900 8px/1 var(--ph-font-display);
  letter-spacing: .18em;
}

body.site-home-active #siteContentPanel {
  top: 92px !important;
  left: 24px !important;
  right: 24px !important;
  bottom: 24px !important;
  padding: 0 !important;
  overflow: auto !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.site-home-active #siteContent {
  min-height: 100% !important;
}

body.site-home-active #siteContentPanel::-webkit-scrollbar,
body.site-home-active .ph-dashboard-shell *::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}

body.site-home-active #siteContentPanel::-webkit-scrollbar-track,
body.site-home-active .ph-dashboard-shell *::-webkit-scrollbar-track {
  background: rgba(2, 8, 13, .72);
}

body.site-home-active #siteContentPanel::-webkit-scrollbar-thumb,
body.site-home-active .ph-dashboard-shell *::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(39, 245, 255, .85), rgba(39, 245, 255, .28));
  border: 1px solid rgba(39, 245, 255, .3);
}

body.site-home-active .ph-dashboard-shell {
  width: min(1840px, calc(100vw - 48px)) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  color: var(--text) !important;
  font-family: var(--ph-font-display) !important;
}

body.site-home-active .ph-status-strip {
  height: 62px;
  display: grid;
  grid-template-columns: 1.55fr repeat(4, 1fr) 1.35fr;
  align-items: stretch;
  margin-bottom: 16px;
  border: 1px solid rgba(39, 245, 255, .4);
  background:
    linear-gradient(90deg, rgba(5, 31, 42, .86), rgba(2, 13, 20, .66) 50%, rgba(5, 31, 42, .86)),
    rgba(4, 22, 30, .68);
  box-shadow: inset 0 0 28px rgba(39, 245, 255, .08), 0 0 20px rgba(39, 245, 255, .12);
  clip-path: polygon(18px 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%, 0 18px);
}

body.site-home-active .ph-status-cell {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 12px 24px;
  border-right: 1px solid rgba(39, 245, 255, .2);
  color: var(--muted);
  font-family: var(--ph-font-mono);
  letter-spacing: .13em;
  text-transform: uppercase;
}

body.site-home-active .ph-status-cell:last-child {
  border-right: 0;
}

body.site-home-active .ph-status-cell > span:first-child:not(.ph-status-orb) {
  color: var(--cyan);
  font: 900 11px/1 var(--ph-font-mono);
}

body.site-home-active .ph-status-cell strong {
  color: var(--text);
  font: 900 21px/1 var(--ph-font-mono);
  text-shadow: 0 0 14px rgba(39, 245, 255, .42);
}

body.site-home-active .ph-status-cell em {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font: 800 10px/1.15 var(--ph-font-display);
  letter-spacing: .14em;
  font-style: normal;
}

body.site-home-active .ph-status-orb {
  width: 36px;
  height: 36px;
  border: 1px solid rgba(127, 252, 255, .75);
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(127, 252, 255, .95) 0 3px, transparent 4px),
    conic-gradient(from 35deg, transparent 0 25%, rgba(39, 245, 255, .95) 25% 35%, transparent 35% 100%);
  box-shadow: inset 0 0 14px rgba(39, 245, 255, .22), 0 0 16px rgba(39, 245, 255, .26);
}

body.site-home-active .ph-status-online strong,
body.site-home-active .ph-status-live strong {
  color: var(--cyan-bright);
}

body.site-home-active .ph-home-grid {
  display: grid !important;
  grid-template-columns: 320px 360px minmax(650px, 1fr) 420px !important;
  gap: 16px !important;
  align-items: start !important;
  width: 100% !important;
}

body.site-home-active .ph-col {
  min-width: 0 !important;
  display: grid !important;
  gap: 16px !important;
  align-content: start !important;
}

body.site-home-active .ph-panel {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(39, 245, 255, .34) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, rgba(5, 31, 42, .72), rgba(2, 10, 16, .88)),
    rgba(4, 22, 30, .78) !important;
  box-shadow:
    inset 0 0 0 1px rgba(127, 252, 255, .035),
    inset 0 0 28px rgba(39, 245, 255, .06),
    0 0 18px rgba(39, 245, 255, .08) !important;
  clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px) !important;
}

body.site-home-active .ph-panel::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 76px;
  height: 2px;
  background: linear-gradient(90deg, var(--cyan-bright), transparent);
  box-shadow: 0 0 15px rgba(39, 245, 255, .55);
  pointer-events: none;
  z-index: 3;
}

body.site-home-active .ph-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(255, 255, 255, .03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .024) 1px, transparent 1px);
  background-size: 100% 5px, 28px 100%;
  opacity: .22;
}

body.site-home-active .ph-panel-heading,
body.site-home-active .ph-dashboard-shell .pandora-site-panel-title,
body.site-home-active .ph-dashboard-shell .pandora-operator-toolbar-title {
  position: relative !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 14px 16px 11px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(39, 245, 255, .22) !important;
  background:
    linear-gradient(90deg, rgba(39, 245, 255, .11), rgba(2, 10, 16, .16) 48%, transparent) !important;
  color: var(--text) !important;
  font: 900 13px/1 var(--ph-font-display) !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

body.site-home-active .ph-panel-heading::after,
body.site-home-active .ph-dashboard-shell .pandora-site-panel-title::after,
body.site-home-active .ph-dashboard-shell .pandora-operator-toolbar-title::after {
  content: "";
  position: absolute;
  left: 16px;
  bottom: 8px;
  width: 84px;
  height: 1px;
  background: linear-gradient(90deg, var(--cyan-bright), transparent);
}

body.site-home-active .ph-hero-panel {
  min-height: 520px !important;
  padding: 28px 24px 22px !important;
  display: flex !important;
  flex-direction: column !important;
  background:
    radial-gradient(circle at 92% 30%, rgba(39, 245, 255, .22), transparent 24%),
    radial-gradient(circle at 104% 45%, rgba(13, 112, 162, .34), transparent 34%),
    linear-gradient(180deg, rgba(4, 22, 30, .92), rgba(1, 6, 10, .94)) !important;
}

body.site-home-active .ph-hero-panel::after {
  content: "";
  position: absolute;
  right: -88px;
  top: 96px;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 35% 38%, rgba(127, 252, 255, .5), rgba(39, 245, 255, .16) 28%, rgba(7, 37, 58, .52) 52%, transparent 66%);
  box-shadow: inset -34px -18px 56px rgba(0, 0, 0, .88), 0 0 48px rgba(39, 245, 255, .14);
  opacity: .42;
}

body.site-home-active .ph-hero-content {
  position: relative;
  z-index: 2;
}

body.site-home-active .ph-hero-content h1 {
  max-width: 245px;
  margin: 0 0 20px;
  color: #f1fdff;
  font: 300 46px/.98 var(--ph-font-display);
  letter-spacing: .18em;
  text-transform: uppercase;
  text-shadow: 0 0 20px rgba(39, 245, 255, .18);
}

body.site-home-active .ph-hero-content p {
  max-width: 250px;
  margin: 0 0 24px;
  color: var(--muted);
  font: 700 12px/1.72 var(--ph-font-display);
  letter-spacing: .075em;
}

body.site-home-active .ph-hero-callout {
  max-width: 266px;
  padding: 15px 16px;
  border: 1px solid rgba(39, 245, 255, .34);
  border-left: 3px solid var(--cyan);
  background: rgba(0, 0, 0, .32);
  color: var(--text);
  font: 800 12px/1.48 var(--ph-font-display);
  letter-spacing: .075em;
}

body.site-home-active .ph-hero-callout strong {
  color: var(--cyan-bright);
  text-transform: uppercase;
}

body.site-home-active .ph-readiness-card {
  position: relative;
  z-index: 2;
  margin-top: auto;
  padding: 16px;
  border: 1px solid rgba(39, 245, 255, .28);
  background: rgba(0, 0, 0, .22);
  clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
}

body.site-home-active .ph-section-kicker {
  margin: 0 0 12px;
  color: var(--cyan-bright);
  font: 900 12px/1 var(--ph-font-display);
  letter-spacing: .14em;
  text-transform: uppercase;
}

body.site-home-active .ph-readiness-row {
  display: grid;
  grid-template-columns: 70px 1fr 42px;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
  color: var(--muted);
  font: 900 10px/1 var(--ph-font-mono);
  letter-spacing: .15em;
  text-transform: uppercase;
}

body.site-home-active .ph-readiness-row b {
  position: relative;
  height: 4px;
  background: rgba(39, 245, 255, .13);
  overflow: hidden;
}

body.site-home-active .ph-readiness-row b::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--value);
  background: linear-gradient(90deg, var(--cyan-bright), var(--cyan));
  box-shadow: 0 0 10px rgba(39, 245, 255, .52);
}

body.site-home-active .ph-readiness-row strong {
  color: var(--cyan-bright);
  text-align: right;
}

body.site-home-active .ph-hero-metrics {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 14px;
}

body.site-home-active .ph-hero-metrics div {
  min-height: 56px;
  padding: 11px 13px;
  border: 1px solid rgba(39, 245, 255, .24);
  background: rgba(0, 0, 0, .24);
}

body.site-home-active .ph-hero-metrics span {
  display: block;
  color: var(--cyan);
  font: 900 10px/1 var(--ph-font-mono);
  letter-spacing: .16em;
  text-transform: uppercase;
}

body.site-home-active .ph-hero-metrics strong {
  display: block;
  margin-top: 5px;
  color: var(--text);
  font: 900 11px/1.25 var(--ph-font-display);
  letter-spacing: .09em;
  text-transform: uppercase;
}

body.site-home-active .ph-context-panel {
  min-height: 430px !important;
}

body.site-home-active .ph-context-list {
  padding: 12px 14px 14px;
}

body.site-home-active .ph-context-row {
  display: grid !important;
  grid-template-columns: 48px 1fr 18px !important;
  gap: 14px !important;
  align-items: center !important;
  min-height: 82px !important;
  padding: 12px 2px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(39, 245, 255, .18) !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.site-home-active .ph-context-row:last-child {
  border-bottom: 0 !important;
}

body.site-home-active .ph-context-icon {
  width: 44px !important;
  height: 44px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(39, 245, 255, .42) !important;
  background:
    radial-gradient(circle, rgba(39, 245, 255, .16), transparent 62%),
    rgba(0, 0, 0, .2) !important;
  color: var(--cyan-bright) !important;
  box-shadow: inset 0 0 14px rgba(39, 245, 255, .08), 0 0 12px rgba(39, 245, 255, .1) !important;
  clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px) !important;
}

body.site-home-active .ph-context-icon svg {
  width: 26px !important;
  height: 26px !important;
}

body.site-home-active .ph-context-icon svg,
body.site-home-active .ph-context-icon svg * {
  fill: currentColor !important;
  stroke: currentColor !important;
}

body.site-home-active .ph-context-copy {
  min-width: 0 !important;
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

body.site-home-active .ph-context-copy b {
  display: block;
  margin-bottom: 6px;
  color: var(--text);
  font: 900 12px/1.2 var(--ph-font-display);
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.site-home-active .ph-context-copy span {
  color: var(--muted);
  font: 800 10px/1.42 var(--ph-font-display);
  letter-spacing: .06em;
  text-transform: uppercase;
}

body.site-home-active .ph-context-copy em {
  color: var(--cyan-bright);
  font-style: normal;
}

body.site-home-active .is-alert {
  color: var(--alert) !important;
}

body.site-home-active .ph-chevron {
  width: 11px;
  height: 11px;
  border-right: 2px solid var(--cyan);
  border-top: 2px solid var(--cyan);
  transform: rotate(45deg);
  filter: drop-shadow(0 0 7px rgba(39, 245, 255, .65));
}

body.site-home-active .ph-risk-shell {
  padding: 12px;
}

body.site-home-active .pandora-risk-list {
  display: grid !important;
  gap: 12px !important;
}

body.site-home-active .pandora-risk-fw-card {
  position: relative !important;
  margin: 0 !important;
  padding: 14px 12px !important;
  border: 1px solid rgba(39, 245, 255, .24) !important;
  background: rgba(0, 0, 0, .22) !important;
  box-shadow: inset 0 0 14px rgba(39, 245, 255, .04) !important;
  clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px) !important;
}

body.site-home-active .pandora-risk-fw-top {
  display: grid !important;
  grid-template-columns: 52px 1fr auto 52px !important;
  gap: 9px !important;
  align-items: center !important;
}

body.site-home-active .fw-mini-ring {
  width: 46px !important;
  height: 46px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at center, rgba(0, 0, 0, .94) 0 42%, transparent 43%),
    conic-gradient(var(--ring, var(--cyan)) calc(var(--value, 0) * 1%), rgba(255, 255, 255, .08) 0) !important;
  box-shadow: 0 0 12px rgba(39, 245, 255, .14) !important;
}

body.site-home-active .fw-mini-ring strong {
  color: var(--text) !important;
  font: 900 13px/1 var(--ph-font-mono) !important;
}

body.site-home-active .pandora-risk-fw-name {
  color: var(--text) !important;
  font: 900 15px/1 var(--ph-font-display) !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

body.site-home-active .pandora-risk-fw-sec {
  margin-left: 7px !important;
  color: var(--alert) !important;
}

body.site-home-active .pandora-risk-fw-sub,
body.site-home-active .pandora-risk-fw-note {
  color: var(--muted) !important;
  font: 800 10px/1.35 var(--ph-font-display) !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

body.site-home-active .pandora-risk-fw-owner {
  color: var(--cyan-bright) !important;
  font: 900 10px/1.35 var(--ph-font-display) !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

body.site-home-active .pandora-risk-fw-classification {
  padding: 5px 9px !important;
  border: 1px solid rgba(39, 245, 255, .32) !important;
  background: rgba(39, 245, 255, .08) !important;
  color: var(--cyan-bright) !important;
  font: 900 9px/1 var(--ph-font-mono) !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

body.site-home-active .pandora-risk-fw-bars {
  display: grid !important;
  gap: 5px !important;
  margin-top: 12px !important;
}

body.site-home-active .pandora-risk-fw-bar {
  height: 4px !important;
  background: rgba(39, 245, 255, .11) !important;
  overflow: hidden !important;
}

body.site-home-active .pandora-risk-fw-bar span {
  display: block !important;
  width: calc(var(--value, 0) * 1%) !important;
  height: 100% !important;
  background: var(--bar, var(--cyan)) !important;
  box-shadow: 0 0 10px var(--bar, var(--cyan)) !important;
}

body.site-home-active .ph-broadcast-panel {
  min-height: 590px !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  box-shadow:
    inset 0 0 34px rgba(39, 245, 255, .09),
    0 0 30px rgba(39, 245, 255, .14) !important;
}

body.site-home-active .ph-broadcast-stage {
  position: relative;
  flex: 1 1 auto;
  min-height: 430px;
  margin: 14px;
  border: 1px solid rgba(39, 245, 255, .48);
  background: #000;
  overflow: hidden;
  box-shadow: inset 0 0 34px rgba(39, 245, 255, .13), 0 0 20px rgba(39, 245, 255, .1);
}

body.site-home-active .ph-broadcast-stage::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px),
    radial-gradient(circle at 58% 42%, transparent 0 42%, rgba(2, 8, 13, .22) 66%, rgba(0, 0, 0, .5) 100%);
  background-size: 100% 5px, auto;
  z-index: 4;
}

body.site-home-active .ph-broadcast-media,
body.site-home-active .ph-broadcast-media .pandora-video-frame,
body.site-home-active .ph-broadcast-media .pandora-video-button {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: #000 !important;
  box-shadow: none !important;
  clip-path: none !important;
}

body.site-home-active .ph-broadcast-media .pandora-video-button img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: saturate(.72) contrast(1.08) brightness(.68) hue-rotate(150deg) !important;
  transform: scale(1.02);
  transition: transform .22s ease, filter .22s ease !important;
}

body.site-home-active .ph-broadcast-media .pandora-video-button:hover img {
  transform: scale(1.045);
  filter: saturate(.82) contrast(1.12) brightness(.75) hue-rotate(150deg) !important;
}

body.site-home-active .ph-live-label,
body.site-home-active .ph-rec-label {
  position: absolute;
  top: 15px;
  z-index: 6;
  color: var(--cyan-bright);
  font: 900 10px/1 var(--ph-font-mono);
  letter-spacing: .13em;
  text-transform: uppercase;
  text-shadow: 0 0 10px rgba(39, 245, 255, .55);
}

body.site-home-active .ph-live-label {
  left: 17px;
}

body.site-home-active .ph-rec-label {
  right: 17px;
  color: var(--alert);
}

body.site-home-active .ph-live-label span,
body.site-home-active .ph-rec-label span {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 6px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 8px currentColor;
  vertical-align: 1px;
}

body.site-home-active .ph-corner {
  position: absolute;
  z-index: 6;
  width: 34px;
  height: 34px;
  pointer-events: none;
  border-color: rgba(127, 252, 255, .78);
}

body.site-home-active .ph-corner-a {
  top: 18px;
  left: 18px;
  border-top: 2px solid;
  border-left: 2px solid;
}

body.site-home-active .ph-corner-b {
  top: 18px;
  right: 18px;
  border-top: 2px solid;
  border-right: 2px solid;
}

body.site-home-active .ph-corner-c {
  bottom: 18px;
  left: 18px;
  border-bottom: 2px solid;
  border-left: 2px solid;
}

body.site-home-active .ph-corner-d {
  bottom: 18px;
  right: 18px;
  border-bottom: 2px solid;
  border-right: 2px solid;
}

body.site-home-active .ph-broadcast-media .pandora-video-copy {
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 18px !important;
  z-index: 7 !important;
  display: block !important;
  padding: 14px 148px 14px 18px !important;
  border: 1px solid rgba(39, 245, 255, .36) !important;
  border-left: 3px solid var(--cyan) !important;
  background: rgba(0, 7, 11, .78) !important;
  box-shadow: inset 0 0 18px rgba(39, 245, 255, .08) !important;
}

body.site-home-active .ph-broadcast-media .pandora-video-title {
  color: var(--text) !important;
  font: 900 14px/1.25 var(--ph-font-display) !important;
  letter-spacing: .08em !important;
  text-transform: none !important;
}

body.site-home-active .ph-broadcast-media .pandora-video-meta {
  display: block !important;
  margin-top: 5px !important;
  color: var(--cyan) !important;
  font: 900 10px/1 var(--ph-font-mono) !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

body.site-home-active .ph-broadcast-media .pandora-video-play {
  position: absolute !important;
  right: 30px !important;
  bottom: 30px !important;
  left: auto !important;
  top: auto !important;
  z-index: 8 !important;
  width: 0 !important;
  height: 0 !important;
  border-top: 13px solid transparent !important;
  border-bottom: 13px solid transparent !important;
  border-left: 22px solid var(--cyan-bright) !important;
  border-right: 0 !important;
  background: transparent !important;
  filter: drop-shadow(0 0 14px rgba(39, 245, 255, .78)) !important;
}

body.site-home-active .ph-broadcast-controls {
  height: 58px;
  display: grid;
  grid-template-columns: 94px 1fr 120px;
  gap: 18px;
  align-items: center;
  margin: 0 14px 14px;
  border-top: 1px solid rgba(39, 245, 255, .18);
  color: var(--muted);
  font: 900 10px/1 var(--ph-font-mono);
  letter-spacing: .12em;
}

body.site-home-active .ph-media-track {
  position: relative;
  height: 3px;
  background: rgba(39, 245, 255, .16);
}

body.site-home-active .ph-media-track b {
  position: absolute;
  inset: 0 auto 0 0;
  width: 30%;
  background: var(--cyan);
  box-shadow: 0 0 10px rgba(39, 245, 255, .68);
}

body.site-home-active .ph-media-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}

body.site-home-active .ph-media-buttons i {
  width: 12px;
  height: 12px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 12px solid var(--cyan);
  filter: drop-shadow(0 0 8px rgba(39, 245, 255, .55));
}

body.site-home-active .ph-lower-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

body.site-home-active .ph-mini-panel {
  min-height: 182px !important;
}

body.site-home-active .ph-sovereignty-body {
  display: grid;
  grid-template-columns: 72px 1fr 52px;
  gap: 14px;
  align-items: center;
  padding: 16px;
}

body.site-home-active .ph-orbit-mark {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  border: 1px solid rgba(39, 245, 255, .42);
  background:
    radial-gradient(circle, rgba(127, 252, 255, .25) 0 6px, transparent 7px),
    conic-gradient(rgba(39, 245, 255, .85), transparent 38%, rgba(39, 245, 255, .52), transparent 76%, rgba(39, 245, 255, .85));
  box-shadow: inset 0 0 16px rgba(39, 245, 255, .12), 0 0 16px rgba(39, 245, 255, .13);
}

body.site-home-active .ph-sovereignty-body strong,
body.site-home-active .ph-portal-stats strong {
  display: block;
  color: var(--cyan-bright);
  font: 900 15px/1.2 var(--ph-font-display);
  letter-spacing: .12em;
  text-transform: uppercase;
}

body.site-home-active .ph-sovereignty-body span,
body.site-home-active .ph-portal-stats span {
  color: var(--muted);
  font: 800 11px/1.45 var(--ph-font-display);
  letter-spacing: .07em;
}

body.site-home-active .ph-sovereignty-body > b {
  color: var(--cyan-bright);
  text-align: right;
  font: 900 28px/1 var(--ph-font-mono);
}

body.site-home-active .ph-portal-panel {
  display: grid;
  grid-template-rows: 42px 1fr auto;
}

body.site-home-active .ph-portal-visual {
  margin: 14px 18px 8px;
  min-height: 78px;
  border: 1px solid rgba(39, 245, 255, .24);
  background:
    radial-gradient(ellipse at center, rgba(39, 245, 255, .38), transparent 15%),
    repeating-radial-gradient(ellipse at center, transparent 0 10px, rgba(39, 245, 255, .22) 11px 12px, transparent 13px 22px),
    radial-gradient(ellipse at center, rgba(39, 245, 255, .14), transparent 60%);
  box-shadow: inset 0 0 28px rgba(39, 245, 255, .08);
}

body.site-home-active .ph-portal-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding: 0 18px 16px;
}

body.site-home-active .ph-insurgency-panel {
  grid-column: 1 / -1;
  min-height: 250px !important;
}

body.site-home-active .pandora-home-insurgencies {
  padding: 0 !important;
}

body.site-home-active .pandora-home-insurgencies-title {
  margin: 0 !important;
}

body.site-home-active .insurgency-progress-section {
  position: relative !important;
  margin: 0 !important;
  padding: 16px 18px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(39, 245, 255, .15) !important;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, .03), rgba(0, 0, 0, .35)),
    var(--home-ins-pirate-bg) right 20px center / 170px auto no-repeat !important;
  box-shadow: none !important;
}

body.site-home-active .insurgency-progress-section::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 210px;
  background: linear-gradient(90deg, transparent, rgba(2, 8, 13, .72));
  pointer-events: none;
}

body.site-home-active .ins-faction-card {
  display: grid !important;
  grid-template-columns: 42px 1fr !important;
  gap: 12px !important;
  align-items: center !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.site-home-active .ins-faction-card img {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  opacity: .74 !important;
  filter: grayscale(.2) contrast(1.06) brightness(.86) !important;
}

body.site-home-active .ins-faction-name,
body.site-home-active .ins-faction-title {
  color: var(--text) !important;
  font: 900 14px/1 var(--ph-font-display) !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}

body.site-home-active .ins-affected-row,
body.site-home-active .ins-progress-subtitle,
body.site-home-active .ins-selection-summary,
body.site-home-active .ins-progress-note {
  color: var(--muted) !important;
  font: 800 11px/1.45 var(--ph-font-display) !important;
  letter-spacing: .05em !important;
}

body.site-home-active .ins-progress-grid {
  position: relative !important;
  z-index: 1;
  display: grid !important;
  grid-template-columns: 28px 1fr !important;
  gap: 10px 12px !important;
  margin: 16px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.site-home-active .ins-progress-icon {
  width: 24px !important;
  height: 24px !important;
  color: var(--muted) !important;
}

body.site-home-active .ins-dot-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
}

body.site-home-active .ins-dot {
  width: 23px !important;
  height: 23px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  border: 1px solid rgba(215, 251, 255, .72) !important;
  background: rgba(0, 0, 0, .5) !important;
  color: var(--text) !important;
  font: 900 10px/1 var(--ph-font-mono) !important;
}

body.site-home-active .ins-dot.is-suppression.is-active {
  background: linear-gradient(180deg, #7ffcff, #1aa9c7) !important;
  color: #001016 !important;
  box-shadow: 0 0 10px rgba(39, 245, 255, .34) !important;
}

body.site-home-active .ins-dot.is-corruption.is-active {
  background: linear-gradient(180deg, #ff6b6b, #9e0614) !important;
  color: #fff !important;
  box-shadow: 0 0 10px rgba(255, 63, 63, .34) !important;
}

body.site-home-active .ins-stage-suppression {
  color: var(--cyan-bright) !important;
}

body.site-home-active .ins-stage-corruption {
  color: var(--alert) !important;
}

body.site-home-active .ph-feed-panel {
  min-height: 0 !important;
}

body.site-home-active .ph-feed-shell,
body.site-home-active .ph-feed-shell .pandora-operator-feed {
  height: auto !important;
  min-height: 0 !important;
  background: transparent !important;
}

body.site-home-active .ph-feed-shell .pandora-operator-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 42px !important;
  padding: 12px 12px 8px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(39, 245, 255, .2) !important;
  background: transparent !important;
}

body.site-home-active .ph-feed-shell .pandora-operator-toolbar-title {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding: 0 0 11px !important;
  border: 0 !important;
  background: transparent !important;
}

body.site-home-active .ph-feed-shell .pandora-operator-tabs {
  display: flex !important;
  flex: 0 0 auto !important;
  gap: 6px !important;
}

body.site-home-active .ph-feed-shell .pandora-operator-tab {
  width: 28px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(39, 245, 255, .26) !important;
  background: rgba(0, 0, 0, .28) !important;
  color: var(--muted) !important;
  font: 900 10px/1 var(--ph-font-mono) !important;
  letter-spacing: .08em !important;
  clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px) !important;
  cursor: pointer !important;
}

body.site-home-active #pandoraActivityPage1:checked ~ .pandora-operator-toolbar .pandora-operator-tab-1,
body.site-home-active #pandoraActivityPage2:checked ~ .pandora-operator-toolbar .pandora-operator-tab-2,
body.site-home-active #pandoraActivityPage3:checked ~ .pandora-operator-toolbar .pandora-operator-tab-3,
body.site-home-active #pandoraActivityPage4:checked ~ .pandora-operator-toolbar .pandora-operator-tab-4,
body.site-home-active #pandoraNewsPage1:checked ~ .pandora-operator-toolbar .pandora-news-tab-1,
body.site-home-active #pandoraNewsPage2:checked ~ .pandora-operator-toolbar .pandora-news-tab-2,
body.site-home-active #pandoraNewsPage3:checked ~ .pandora-operator-toolbar .pandora-news-tab-3,
body.site-home-active #pandoraNewsPage4:checked ~ .pandora-operator-toolbar .pandora-news-tab-4 {
  color: #021117 !important;
  border-color: rgba(127, 252, 255, .94) !important;
  background: linear-gradient(180deg, var(--cyan-bright), var(--cyan)) !important;
  box-shadow: 0 0 15px rgba(39, 245, 255, .32) !important;
}

body.site-home-active .ph-feed-shell .pandora-operator-pages {
  height: auto !important;
  min-height: 0 !important;
  background: transparent !important;
}

body.site-home-active .ph-feed-shell .pandora-operator-page {
  display: none !important;
}

body.site-home-active #pandoraActivityPage1:checked ~ .pandora-operator-pages .pandora-operator-page-1,
body.site-home-active #pandoraActivityPage2:checked ~ .pandora-operator-pages .pandora-operator-page-2,
body.site-home-active #pandoraActivityPage3:checked ~ .pandora-operator-pages .pandora-operator-page-3,
body.site-home-active #pandoraActivityPage4:checked ~ .pandora-operator-pages .pandora-operator-page-4,
body.site-home-active #pandoraNewsPage1:checked ~ .pandora-operator-pages .pandora-news-page-1,
body.site-home-active #pandoraNewsPage2:checked ~ .pandora-operator-pages .pandora-news-page-2,
body.site-home-active #pandoraNewsPage3:checked ~ .pandora-operator-pages .pandora-news-page-3,
body.site-home-active #pandoraNewsPage4:checked ~ .pandora-operator-pages .pandora-news-page-4 {
  display: block !important;
}

body.site-home-active .ph-feed-shell .pandora-operator-link {
  display: block !important;
  color: inherit !important;
  text-decoration: none !important;
}

body.site-home-active .ph-feed-shell .pandora-operator-card {
  position: relative !important;
  min-height: 106px !important;
  margin: 0 !important;
  padding: 16px 16px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(39, 245, 255, .14) !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--text) !important;
  clip-path: none !important;
  transition: background .18s ease, box-shadow .18s ease !important;
}

body.site-home-active .ph-feed-shell .pandora-operator-link:hover .pandora-operator-card {
  background: rgba(39, 245, 255, .045) !important;
  box-shadow: inset 3px 0 0 var(--cyan) !important;
}

body.site-home-active .ph-feed-shell .pandora-operator-card-head,
body.site-home-active .ph-feed-shell .pandora-operator-monitor-top,
body.site-home-active .ph-feed-shell .pandora-operator-axis,
body.site-home-active .ph-feed-shell .pandora-news-drop-indicator,
body.site-home-active .ph-feed-shell .pandora-news-scan-line,
body.site-home-active .ph-feed-shell .pandora-operator-frequency {
  display: none !important;
}

body.site-home-active .ph-feed-shell .pandora-operator-card-body,
body.site-home-active .ph-feed-shell .pandora-operator-monitor,
body.site-home-active .ph-feed-shell .pandora-operator-report-stage,
body.site-home-active .ph-feed-shell .pandora-operator-report {
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.site-home-active .ph-feed-shell .pandora-operator-report strong {
  display: block !important;
  margin: 0 0 7px !important;
  color: var(--text) !important;
  font: 900 14px/1.18 var(--ph-font-display) !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
}

body.site-home-active .ph-feed-shell .pandora-operator-report > span:not(.pandora-operator-date) {
  display: block !important;
  color: var(--muted) !important;
  font: 800 11px/1.45 var(--ph-font-display) !important;
  letter-spacing: .045em !important;
  max-height: 47px !important;
  overflow: hidden !important;
}

body.site-home-active .ph-feed-shell .pandora-operator-bottom {
  display: flex !important;
  align-items: center !important;
  margin-top: 12px !important;
  padding: 0 !important;
}

body.site-home-active .ph-feed-shell .pandora-operator-date {
  display: inline-flex !important;
  width: auto !important;
  min-height: 24px !important;
  align-items: center !important;
  padding: 5px 10px !important;
  border: 1px solid rgba(39, 245, 255, .32) !important;
  border-left: 3px solid var(--cyan) !important;
  background: rgba(0, 0, 0, .32) !important;
  color: var(--text) !important;
  font: 900 10px/1 var(--ph-font-mono) !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

body.site-home-active .ph-feed-shell .pandora-operator-thumb-panel {
  position: absolute !important;
  right: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  border: 1px solid rgba(39, 245, 255, .28) !important;
  background: rgba(0, 0, 0, .34) !important;
  overflow: hidden !important;
  box-shadow: inset 0 0 12px rgba(39, 245, 255, .08) !important;
  clip-path: polygon(7px 0, 100% 0, 100% calc(100% - 7px), calc(100% - 7px) 100%, 0 100%, 0 7px) !important;
}

body.site-home-active .ph-feed-shell .pandora-operator-thumb,
body.site-home-active .ph-feed-shell .pandora-operator-thumb-placeholder {
  width: 100% !important;
  height: 100% !important;
  display: grid !important;
  place-items: center !important;
  color: var(--cyan-bright) !important;
  overflow: hidden !important;
}

body.site-home-active .ph-feed-shell .pandora-operator-thumb img,
body.site-home-active .ph-feed-shell .pandora-operator-thumb svg {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: saturate(.6) contrast(1.08) brightness(.82) hue-rotate(150deg) !important;
}

body.site-home-active .ph-activity-panel .pandora-operator-pages {
  max-height: 455px !important;
  overflow-y: auto !important;
}

body.site-home-active .ph-activity-panel .pandora-operator-report {
  padding-right: 58px !important;
}

body.site-home-active .ph-news-panel {
  min-height: 520px !important;
}

body.site-home-active .ph-news-panel .pandora-operator-pages {
  max-height: 578px !important;
  overflow-y: auto !important;
}

body.site-home-active .ph-news-panel .pandora-operator-card {
  min-height: 126px !important;
  padding-left: 68px !important;
  padding-right: 84px !important;
}

body.site-home-active .ph-news-panel .pandora-operator-card::before {
  content: "";
  position: absolute;
  left: 18px;
  top: 24px;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(39, 245, 255, .38);
  background:
    radial-gradient(circle, rgba(39, 245, 255, .22), transparent 62%),
    linear-gradient(135deg, rgba(39, 245, 255, .12), rgba(0, 0, 0, .2));
  clip-path: polygon(7px 0, 100% 0, 100% calc(100% - 7px), calc(100% - 7px) 100%, 0 100%, 0 7px);
}

body.site-home-active .ph-news-panel .pandora-operator-card::after {
  content: "";
  position: absolute;
  left: 30px;
  top: 35px;
  width: 10px;
  height: 10px;
  border: 1px solid var(--cyan-bright);
  transform: rotate(45deg);
  box-shadow: 0 0 9px rgba(39, 245, 255, .52);
}

body.site-home-active .ph-news-panel .pandora-operator-thumb-panel {
  width: 58px !important;
  height: 58px !important;
}

body.site-home-active .ph-news-panel .pandora-operator-report {
  padding-right: 0 !important;
}

body.site-home-active .ph-leader-panel {
  min-height: 340px !important;
}

body.site-home-active .pandora-leaders-panel {
  padding: 12px !important;
}

body.site-home-active .pandora-leader-tabs {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 6px !important;
  margin: 0 0 10px !important;
  border: 0 !important;
  background: transparent !important;
}

body.site-home-active .pandora-leader-tab {
  height: 38px !important;
  border: 1px solid rgba(39, 245, 255, .26) !important;
  background: rgba(0, 0, 0, .32) !important;
  color: var(--muted) !important;
  font: 900 11px/1 var(--ph-font-display) !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  clip-path: polygon(9px 0, 100% 0, calc(100% - 9px) 100%, 0 100%) !important;
}

body.site-home-active .pandora-leader-tab.is-active {
  border-color: rgba(127, 252, 255, .94) !important;
  background: linear-gradient(180deg, var(--cyan-bright), rgba(39, 245, 255, .62)) !important;
  color: #021117 !important;
  box-shadow: 0 0 16px rgba(39, 245, 255, .24) !important;
}

body.site-home-active .pandora-leader-card {
  display: grid !important;
  grid-template-columns: 44px 1fr auto !important;
  gap: 12px !important;
  align-items: center !important;
  min-height: 62px !important;
  padding: 10px 8px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(39, 245, 255, .13) !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.site-home-active .pandora-leader-thumb {
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border: 1px solid rgba(39, 245, 255, .3) !important;
  color: var(--cyan-bright) !important;
  font: 900 11px/1 var(--ph-font-mono) !important;
}

body.site-home-active .pandora-leader-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

body.site-home-active .pandora-leader-label {
  color: var(--cyan) !important;
  font: 900 10px/1.2 var(--ph-font-display) !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}

body.site-home-active .pandora-leader-name {
  color: var(--text) !important;
  font: 900 13px/1.15 var(--ph-font-display) !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

body.site-home-active .pandora-leader-value {
  color: var(--text) !important;
  text-align: right !important;
  font: 900 25px/1 var(--ph-font-mono) !important;
}

body.site-home-active .pandora-leader-value span {
  display: block !important;
  color: var(--muted) !important;
  font: 900 9px/1.1 var(--ph-font-display) !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}

body.site-home-active .pandora-activity-empty,
body.site-home-active .pandora-risk-fw-empty,
body.site-home-active .pandora-home-insurgencies-empty {
  padding: 18px !important;
  color: var(--muted) !important;
  font: 800 12px/1.45 var(--ph-font-display) !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
}

@media (max-width: 1700px) {
  body.site-page-active #siteNavPanel {
    left: 230px !important;
    width: 346px !important;
  }

  body.site-page-active #modeDock {
    left: 590px !important;
    right: 526px !important;
  }

  body.site-page-active .hud-topbar {
    width: 490px !important;
  }

  body.site-home-active .ph-home-grid {
    grid-template-columns: 300px 330px minmax(560px, 1fr) 370px !important;
  }
}

@media (max-width: 1450px) {
  body.site-page-active #mapWrap {
    overflow: auto !important;
  }

  body.site-page-active #pandoraLogo,
  body.site-page-active #siteNavPanel,
  body.site-page-active #modeDock,
  body.site-page-active .hud-topbar {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: auto !important;
    margin: 10px 18px !important;
  }

  body.site-page-active #siteNavPanel,
  body.site-page-active #modeDock,
  body.site-page-active .hud-topbar {
    height: auto !important;
  }

  body.site-home-active #siteContentPanel {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    margin: 16px 24px 28px !important;
    min-height: 900px !important;
  }

  body.site-home-active .ph-dashboard-shell {
    width: 100% !important;
  }

  body.site-home-active .ph-home-grid {
    grid-template-columns: minmax(300px, .85fr) minmax(360px, 1.15fr) !important;
  }

  body.site-home-active .ph-col-broadcast,
  body.site-home-active .ph-col-intel {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 900px) {
  body.site-page-active #siteNavPanel,
  body.site-page-active #modeDock,
  body.site-page-active .hud-topbar,
  body.site-page-active .hud-topbar .hud-user-actions {
    flex-wrap: wrap !important;
  }

  body.site-home-active .ph-status-strip,
  body.site-home-active .ph-home-grid,
  body.site-home-active .ph-lower-grid {
    grid-template-columns: 1fr !important;
  }

  body.site-home-active .ph-insurgency-panel {
    grid-column: auto !important;
  }

  body.site-home-active .ph-broadcast-panel {
    min-height: 470px !important;
  }

  body.site-home-active .ph-broadcast-stage {
    min-height: 330px !important;
  }
}

/* Visual correction pass: tighten scale, flatten panels, and move the home HUD
   closer to the wide cyan cockpit reference without changing Razor/data hooks. */
body.site-page-active,
body.site-page-active * ,
body.site-page-active *::before,
body.site-page-active *::after {
  box-sizing: border-box !important;
}

html,
body.site-page-active,
body.site-page-active #mapWrap,
body.site-home-active #siteContentPanel,
body.site-home-active #siteContent {
  max-width: 100vw !important;
  overflow-x: hidden !important;
}

body.site-page-active #mapWrap {
  background:
    radial-gradient(circle at 18% 40%, rgba(39, 245, 255, .09), transparent 23vw),
    radial-gradient(circle at 55% 24%, rgba(16, 104, 148, .12), transparent 35vw),
    linear-gradient(rgba(39, 245, 255, .03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(39, 245, 255, .03) 1px, transparent 1px),
    linear-gradient(135deg, #01050a 0%, var(--bg) 46%, #010306 100%) !important;
  background-size: auto, auto, 24px 24px, 24px 24px, auto !important;
}

body.site-page-active #mapWrap::before {
  opacity: .16 !important;
}

body.site-page-active #pandoraLogo {
  top: 18px !important;
  left: 28px !important;
  width: 162px !important;
  height: 38px !important;
}

body.site-page-active #pandoraLogo::after {
  top: 30px !important;
  font-size: 8px !important;
  letter-spacing: .17em !important;
}

body.site-page-active #siteNavPanel {
  top: 14px !important;
  left: 238px !important;
  width: 322px !important;
  height: 48px !important;
  gap: 5px !important;
}

body.site-page-active #modeDock {
  top: 14px !important;
  left: 578px !important;
  right: 524px !important;
  height: 48px !important;
  gap: 5px !important;
}

body.site-page-active .hud-topbar {
  top: 14px !important;
  right: 24px !important;
  width: 492px !important;
  height: 48px !important;
  gap: 6px !important;
}

body.site-page-active #siteNavPanel .site-nav-btn,
body.site-page-active #modeDock .mode-btn,
body.site-page-active .hud-topbar .menu-profile-link,
body.site-page-active .hud-topbar .hud-header-calendar-slot a,
body.site-page-active .hud-topbar .hud-header-calendar-slot button,
body.site-page-active .hud-topbar .hud-header-calendar-slot .btn,
body.site-page-active .hud-topbar #notifications_holder a,
body.site-page-active .hud-topbar #notifications_holder button,
body.site-page-active .hud-topbar #notifications_holder .btn,
body.site-page-active .hud-topbar .top-cell.time-cell {
  min-height: 48px !important;
  border-color: rgba(39, 245, 255, .28) !important;
  background:
    linear-gradient(155deg, rgba(6, 26, 37, .72), rgba(1, 7, 12, .88) 58%, rgba(3, 23, 33, .7)) !important;
  clip-path: polygon(15px 0, 100% 0, calc(100% - 15px) 100%, 0 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(127, 252, 255, .03),
    inset 0 -10px 18px rgba(39, 245, 255, .026),
    0 0 12px rgba(39, 245, 255, .055) !important;
  letter-spacing: .095em !important;
}

body.site-page-active #siteNavPanel .site-nav-btn {
  width: 76px !important;
  padding: 0 10px !important;
  font-size: 10px !important;
}

body.site-page-active #modeDock .mode-btn {
  flex: 1 1 86px !important;
  min-width: 74px !important;
  max-width: 104px !important;
  grid-template-rows: 18px 1fr !important;
  padding: 5px 8px 4px !important;
  font-size: 8px !important;
}

body.site-page-active #modeDock .mode-btn[data-layer="pandoraOps"],
body.site-page-active #modeDock .mode-btn-wide {
  flex: 2.35 1 204px !important;
  min-width: 190px !important;
  max-width: 236px !important;
}

body.site-page-active #modeDock .mode-ico,
body.site-page-active #modeDock .mode-ico svg {
  width: 18px !important;
  height: 18px !important;
}

body.site-page-active #siteNavPanel .site-nav-btn::before,
body.site-page-active #modeDock .mode-btn::before,
body.site-page-active .hud-topbar .menu-profile-link::before,
body.site-page-active .hud-topbar .top-cell.time-cell::before {
  left: 16px !important;
  right: 16px !important;
  bottom: 6px !important;
  opacity: .32 !important;
}

body.site-page-active #siteNavPanel .site-nav-btn.is-active,
body.site-page-active #modeDock .mode-btn.is-active {
  background:
    linear-gradient(135deg, rgba(127, 252, 255, .94), rgba(39, 245, 255, .64) 55%, rgba(12, 90, 124, .86)) !important;
  box-shadow:
    inset 0 0 16px rgba(255, 255, 255, .1),
    0 0 18px rgba(39, 245, 255, .34) !important;
}

body.site-page-active .hud-topbar .hud-user-actions,
body.site-page-active .hud-topbar .hud-header-partials {
  height: 48px !important;
  gap: 6px !important;
}

body.site-page-active .hud-topbar .menu-profile,
body.site-page-active .hud-topbar .menu-profile-link {
  width: 218px !important;
  height: 48px !important;
}

body.site-page-active .hud-topbar .menu-profile-link {
  gap: 8px !important;
  padding: 6px 28px 6px 8px !important;
}

body.site-page-active .hud-topbar .menu-profile-image {
  width: 34px !important;
  height: 34px !important;
  flex-basis: 34px !important;
}

body.site-page-active .hud-topbar .menu-profile-info .fw-bold {
  font-size: 8px !important;
  letter-spacing: .12em !important;
}

body.site-page-active .hud-topbar .menu-profile-info::after {
  font-size: 8px !important;
}

body.site-page-active .hud-topbar .hud-header-calendar-slot,
body.site-page-active .hud-topbar #notifications_holder,
body.site-page-active .hud-topbar .hud-header-calendar-slot a,
body.site-page-active .hud-topbar .hud-header-calendar-slot button,
body.site-page-active .hud-topbar .hud-header-calendar-slot .btn,
body.site-page-active .hud-topbar #notifications_holder a,
body.site-page-active .hud-topbar #notifications_holder button,
body.site-page-active .hud-topbar #notifications_holder .btn {
  width: 44px !important;
  height: 48px !important;
  min-height: 48px !important;
}

body.site-page-active .hud-topbar .hud-header-calendar-slot svg,
body.site-page-active .hud-topbar .hud-header-calendar-slot i,
body.site-page-active .hud-topbar .hud-header-calendar-slot iconify-icon,
body.site-page-active .hud-topbar #notifications_holder svg,
body.site-page-active .hud-topbar #notifications_holder i,
body.site-page-active .hud-topbar #notifications_holder iconify-icon {
  width: 19px !important;
  height: 19px !important;
  font-size: 19px !important;
}

body.site-page-active .hud-topbar .top-cell.time-cell {
  width: 154px !important;
  padding: 8px 12px !important;
  font-size: 13px !important;
}

body.site-page-active .hud-topbar .top-cell.time-cell::after {
  top: 8px !important;
  left: 18px !important;
  font-size: 7px !important;
}

body.site-home-active #siteContentPanel {
  top: 82px !important;
  left: 24px !important;
  right: 24px !important;
  bottom: 18px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

body.site-home-active #siteContentPanel::-webkit-scrollbar,
body.site-home-active .ph-dashboard-shell *::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}

body.site-home-active .ph-dashboard-shell {
  width: min(1840px, calc(100vw - 56px)) !important;
  max-width: 100% !important;
}

body.site-home-active .ph-status-strip {
  height: 54px !important;
  grid-template-columns: 1.4fr repeat(4, .92fr) 1.24fr !important;
  margin-bottom: 14px !important;
  border-color: rgba(39, 245, 255, .31) !important;
  background:
    linear-gradient(90deg, rgba(4, 26, 37, .7), rgba(1, 10, 16, .54) 50%, rgba(4, 26, 37, .7)),
    rgba(4, 18, 26, .58) !important;
  box-shadow: inset 0 0 20px rgba(39, 245, 255, .055), 0 0 14px rgba(39, 245, 255, .075) !important;
  clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%, 0 14px) !important;
}

body.site-home-active .ph-status-cell {
  gap: 9px !important;
  padding: 10px 18px !important;
  border-right-color: rgba(39, 245, 255, .15) !important;
}

body.site-home-active .ph-status-cell strong {
  font-size: 18px !important;
}

body.site-home-active .ph-status-cell em {
  font-size: 8px !important;
  letter-spacing: .13em !important;
}

body.site-home-active .ph-status-cell > span:first-child:not(.ph-status-orb) {
  font-size: 9px !important;
}

body.site-home-active .ph-status-orb {
  width: 30px !important;
  height: 30px !important;
}

body.site-home-active .ph-home-grid {
  grid-template-columns: 300px 340px minmax(720px, 1fr) 390px !important;
  gap: 14px !important;
  overflow: hidden !important;
}

body.site-home-active .ph-col {
  gap: 14px !important;
}

body.site-home-active .ph-panel {
  border-color: rgba(39, 245, 255, .26) !important;
  background:
    linear-gradient(180deg, rgba(5, 24, 34, .58), rgba(1, 8, 13, .78)),
    rgba(3, 16, 23, .68) !important;
  box-shadow:
    inset 0 0 0 1px rgba(127, 252, 255, .025),
    inset 0 0 20px rgba(39, 245, 255, .035),
    0 0 12px rgba(39, 245, 255, .055) !important;
  clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px) !important;
}

body.site-home-active .ph-panel::before {
  width: 60px !important;
  height: 1px !important;
  opacity: .82 !important;
}

body.site-home-active .ph-panel::after {
  opacity: .14 !important;
  background-size: 100% 5px, 24px 100% !important;
}

body.site-home-active .ph-panel-heading,
body.site-home-active .ph-dashboard-shell .pandora-site-panel-title,
body.site-home-active .ph-dashboard-shell .pandora-operator-toolbar-title {
  min-height: 36px !important;
  padding: 11px 14px 9px !important;
  border-bottom-color: rgba(39, 245, 255, .16) !important;
  background:
    linear-gradient(90deg, rgba(39, 245, 255, .08), rgba(2, 10, 16, .08) 48%, transparent) !important;
  font-size: 11px !important;
  letter-spacing: .14em !important;
}

body.site-home-active .ph-panel-heading::after,
body.site-home-active .ph-dashboard-shell .pandora-site-panel-title::after,
body.site-home-active .ph-dashboard-shell .pandora-operator-toolbar-title::after {
  left: 14px !important;
  bottom: 7px !important;
  width: 66px !important;
}

body.site-home-active .ph-hero-panel {
  min-height: 455px !important;
  padding: 22px 20px 18px !important;
  background:
    radial-gradient(circle at 94% 31%, rgba(39, 245, 255, .16), transparent 23%),
    radial-gradient(circle at 108% 47%, rgba(13, 112, 162, .25), transparent 33%),
    linear-gradient(180deg, rgba(4, 21, 30, .84), rgba(1, 6, 10, .9)) !important;
}

body.site-home-active .ph-hero-panel::after {
  right: -78px !important;
  top: 82px !important;
  width: 230px !important;
  height: 230px !important;
  opacity: .34 !important;
}

body.site-home-active .ph-hero-content h1 {
  max-width: 220px !important;
  margin-bottom: 16px !important;
  font-size: 37px !important;
  line-height: .98 !important;
  letter-spacing: .16em !important;
}

body.site-home-active .ph-hero-content p {
  max-width: 230px !important;
  margin-bottom: 18px !important;
  font-size: 10px !important;
  line-height: 1.62 !important;
  letter-spacing: .065em !important;
}

body.site-home-active .ph-hero-callout {
  max-width: 245px !important;
  padding: 12px 13px !important;
  border-color: rgba(39, 245, 255, .27) !important;
  font-size: 10px !important;
  line-height: 1.42 !important;
}

body.site-home-active .ph-readiness-card {
  padding: 12px 14px !important;
  border-color: rgba(39, 245, 255, .22) !important;
}

body.site-home-active .ph-section-kicker {
  margin-bottom: 10px !important;
  font-size: 10px !important;
}

body.site-home-active .ph-readiness-row {
  grid-template-columns: 62px 1fr 34px !important;
  gap: 8px !important;
  margin-top: 8px !important;
  font-size: 8px !important;
}

body.site-home-active .ph-readiness-row b {
  height: 3px !important;
}

body.site-home-active .ph-hero-metrics {
  gap: 7px !important;
  margin-top: 12px !important;
}

body.site-home-active .ph-hero-metrics div {
  min-height: 48px !important;
  padding: 9px 11px !important;
  border-color: rgba(39, 245, 255, .2) !important;
}

body.site-home-active .ph-hero-metrics span {
  font-size: 8px !important;
}

body.site-home-active .ph-hero-metrics strong {
  font-size: 9px !important;
}

body.site-home-active .ph-context-panel {
  min-height: 390px !important;
}

body.site-home-active .ph-context-list {
  padding: 10px 12px 12px !important;
}

body.site-home-active .ph-context-row,
body.site-home-active .ph-context-row.pandora-content-tile {
  grid-template-columns: 40px 1fr 14px !important;
  gap: 12px !important;
  min-height: 68px !important;
  padding: 10px 2px !important;
  border-bottom-color: rgba(39, 245, 255, .14) !important;
  background:
    linear-gradient(90deg, rgba(39, 245, 255, .04), rgba(39, 245, 255, .015) 45%, transparent) !important;
  box-shadow: none !important;
}

body.site-home-active .ph-context-row::before,
body.site-home-active .ph-context-row::after,
body.site-home-active .pandora-content-tile::before,
body.site-home-active .pandora-content-tile::after {
  display: none !important;
}

body.site-home-active .ph-context-icon,
body.site-home-active .ph-context-panel .pandora-content-icon {
  width: 36px !important;
  height: 36px !important;
  border-color: rgba(39, 245, 255, .45) !important;
  background:
    radial-gradient(circle, rgba(127, 252, 255, .18), transparent 64%),
    linear-gradient(135deg, rgba(39, 245, 255, .11), rgba(2, 11, 18, .42)) !important;
  color: var(--cyan-bright) !important;
  box-shadow: inset 0 0 12px rgba(39, 245, 255, .08), 0 0 10px rgba(39, 245, 255, .08) !important;
}

body.site-home-active .ph-context-icon svg {
  width: 20px !important;
  height: 20px !important;
}

body.site-home-active .ph-context-copy b {
  margin-bottom: 4px !important;
  font-size: 10px !important;
  letter-spacing: .075em !important;
}

body.site-home-active .ph-context-copy span {
  font-size: 8px !important;
  line-height: 1.36 !important;
  letter-spacing: .055em !important;
}

body.site-home-active .ph-chevron {
  width: 9px !important;
  height: 9px !important;
  border-width: 1px !important;
}

body.site-home-active .ph-risk-shell {
  padding: 10px !important;
}

body.site-home-active .pandora-risk-list {
  gap: 9px !important;
}

body.site-home-active .pandora-risk-fw-card {
  padding: 11px 10px !important;
  border-color: rgba(39, 245, 255, .18) !important;
}

body.site-home-active .pandora-risk-fw-top {
  grid-template-columns: 44px 1fr auto 44px !important;
  gap: 8px !important;
}

body.site-home-active .fw-mini-ring {
  width: 40px !important;
  height: 40px !important;
}

body.site-home-active .fw-mini-ring strong {
  font-size: 11px !important;
}

body.site-home-active .pandora-risk-fw-name {
  font-size: 12px !important;
}

body.site-home-active .pandora-risk-fw-sub,
body.site-home-active .pandora-risk-fw-note,
body.site-home-active .pandora-risk-fw-owner {
  font-size: 8px !important;
}

body.site-home-active .ph-broadcast-panel {
  min-height: 520px !important;
  box-shadow:
    inset 0 0 24px rgba(39, 245, 255, .06),
    0 0 22px rgba(39, 245, 255, .09) !important;
}

body.site-home-active .ph-broadcast-stage {
  min-height: 372px !important;
  margin: 12px !important;
  border-color: rgba(39, 245, 255, .34) !important;
  box-shadow: inset 0 0 24px rgba(39, 245, 255, .08), 0 0 14px rgba(39, 245, 255, .06) !important;
}

body.site-home-active .ph-broadcast-stage::after {
  opacity: .72 !important;
  background-size: 100% 4px, auto !important;
}

body.site-home-active .ph-live-label,
body.site-home-active .ph-rec-label {
  top: 12px !important;
  font-size: 8px !important;
  letter-spacing: .12em !important;
}

body.site-home-active .ph-live-label {
  left: 14px !important;
}

body.site-home-active .ph-rec-label {
  right: 14px !important;
}

body.site-home-active .ph-corner {
  width: 25px !important;
  height: 25px !important;
  border-color: rgba(127, 252, 255, .64) !important;
}

body.site-home-active .ph-corner-a,
body.site-home-active .ph-corner-b {
  top: 14px !important;
}

body.site-home-active .ph-corner-c,
body.site-home-active .ph-corner-d {
  bottom: 14px !important;
}

body.site-home-active .ph-corner-a,
body.site-home-active .ph-corner-c {
  left: 14px !important;
}

body.site-home-active .ph-corner-b,
body.site-home-active .ph-corner-d {
  right: 14px !important;
}

body.site-home-active .ph-broadcast-media .pandora-video-copy {
  left: 16px !important;
  right: 16px !important;
  bottom: 16px !important;
  padding: 11px 112px 11px 15px !important;
  border-color: rgba(39, 245, 255, .29) !important;
  border-left-width: 2px !important;
  background: rgba(0, 7, 11, .66) !important;
}

body.site-home-active .ph-broadcast-media .pandora-video-title {
  font-size: 12px !important;
  letter-spacing: .07em !important;
}

body.site-home-active .ph-broadcast-media .pandora-video-meta {
  font-size: 8px !important;
}

body.site-home-active .ph-broadcast-media .pandora-video-play {
  right: 22px !important;
  bottom: 24px !important;
  border-top-width: 15px !important;
  border-bottom-width: 15px !important;
  border-left-width: 25px !important;
  filter: drop-shadow(0 0 14px rgba(39, 245, 255, .78)) !important;
}

body.site-home-active .ph-broadcast-controls {
  height: 46px !important;
  grid-template-columns: 82px 1fr 92px !important;
  gap: 14px !important;
  margin: 0 12px 12px !important;
  font-size: 8px !important;
}

body.site-home-active .ph-media-buttons {
  gap: 8px !important;
}

body.site-home-active .ph-media-buttons i {
  width: 9px !important;
  height: 9px !important;
  border-top-width: 6px !important;
  border-bottom-width: 6px !important;
  border-left-width: 9px !important;
}

body.site-home-active .ph-lower-grid {
  gap: 14px !important;
}

body.site-home-active .ph-mini-panel {
  min-height: 150px !important;
}

body.site-home-active .ph-sovereignty-body {
  grid-template-columns: 56px 1fr 38px !important;
  gap: 11px !important;
  padding: 13px !important;
}

body.site-home-active .ph-orbit-mark {
  width: 48px !important;
  height: 48px !important;
}

body.site-home-active .ph-sovereignty-body strong,
body.site-home-active .ph-portal-stats strong {
  font-size: 12px !important;
}

body.site-home-active .ph-sovereignty-body span,
body.site-home-active .ph-portal-stats span {
  font-size: 9px !important;
}

body.site-home-active .ph-sovereignty-body > b {
  font-size: 22px !important;
}

body.site-home-active .ph-portal-panel {
  grid-template-rows: 36px 1fr auto !important;
}

body.site-home-active .ph-portal-visual {
  margin: 11px 14px 6px !important;
  min-height: 58px !important;
}

body.site-home-active .ph-portal-stats {
  gap: 10px !important;
  padding: 0 14px 13px !important;
}

body.site-home-active .ph-insurgency-panel {
  min-height: 214px !important;
}

body.site-home-active .insurgency-progress-section {
  padding: 13px 14px !important;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, .02), rgba(0, 0, 0, .3)),
    var(--home-ins-pirate-bg) right 18px center / 140px auto no-repeat !important;
}

body.site-home-active .ins-faction-card {
  grid-template-columns: 34px 1fr !important;
  gap: 10px !important;
}

body.site-home-active .ins-faction-card img {
  width: 30px !important;
  height: 30px !important;
}

body.site-home-active .ins-faction-name,
body.site-home-active .ins-faction-title {
  font-size: 11px !important;
}

body.site-home-active .ins-affected-row,
body.site-home-active .ins-progress-subtitle,
body.site-home-active .ins-selection-summary,
body.site-home-active .ins-progress-note {
  font-size: 9px !important;
}

body.site-home-active .ins-progress-grid {
  grid-template-columns: 22px 1fr !important;
  gap: 8px 10px !important;
  margin: 12px 0 !important;
}

body.site-home-active .ins-dot-row {
  gap: 4px !important;
}

body.site-home-active .ins-dot {
  width: 20px !important;
  height: 20px !important;
  font-size: 8px !important;
}

body.site-home-active .ph-feed-shell .pandora-operator-toolbar {
  min-height: 36px !important;
  padding: 10px 10px 7px !important;
}

body.site-home-active .ph-feed-shell .pandora-operator-tab {
  width: 24px !important;
  height: 30px !important;
  font-size: 8px !important;
}

body.site-home-active .ph-feed-shell .pandora-operator-card {
  min-height: 88px !important;
  padding: 13px 14px !important;
  border-bottom-color: rgba(39, 245, 255, .11) !important;
}

body.site-home-active .ph-feed-shell .pandora-operator-report strong {
  margin-bottom: 5px !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  letter-spacing: .04em !important;
}

body.site-home-active .ph-feed-shell .pandora-operator-report > span:not(.pandora-operator-date) {
  font-size: 9px !important;
  line-height: 1.38 !important;
  max-height: 38px !important;
}

body.site-home-active .ph-feed-shell .pandora-operator-bottom {
  margin-top: 9px !important;
}

body.site-home-active .ph-feed-shell .pandora-operator-date {
  min-height: 20px !important;
  padding: 4px 8px !important;
  border-color: rgba(39, 245, 255, .26) !important;
  border-left: 2px solid var(--cyan) !important;
  background: rgba(39, 245, 255, .045) !important;
  color: var(--cyan-bright) !important;
  font-size: 8px !important;
}

body.site-home-active .ph-feed-shell .pandora-operator-thumb-panel {
  right: 13px !important;
  width: 38px !important;
  height: 38px !important;
  border-color: rgba(39, 245, 255, .22) !important;
}

body.site-home-active .ph-activity-panel .pandora-operator-pages {
  max-height: 378px !important;
}

body.site-home-active .ph-activity-panel .pandora-operator-report {
  padding-right: 48px !important;
}

body.site-home-active .ph-news-panel {
  min-height: 470px !important;
}

body.site-home-active .ph-news-panel .pandora-operator-pages {
  max-height: 500px !important;
}

body.site-home-active .ph-news-panel .pandora-operator-card {
  min-height: 96px !important;
  padding-left: 58px !important;
  padding-right: 68px !important;
}

body.site-home-active .ph-news-panel .pandora-operator-card::before {
  left: 14px !important;
  top: 20px !important;
  width: 30px !important;
  height: 30px !important;
  border-color: rgba(39, 245, 255, .3) !important;
  background:
    radial-gradient(circle, rgba(39, 245, 255, .18), transparent 62%),
    linear-gradient(135deg, rgba(39, 245, 255, .08), rgba(0, 0, 0, .18)) !important;
}

body.site-home-active .ph-news-panel .pandora-operator-card::after {
  left: 25px !important;
  top: 30px !important;
  width: 8px !important;
  height: 8px !important;
  border-color: rgba(127, 252, 255, .85) !important;
}

body.site-home-active .ph-news-panel .pandora-operator-thumb-panel {
  width: 46px !important;
  height: 46px !important;
}

body.site-home-active .ph-news-panel .pandora-operator-report strong {
  font-size: 11px !important;
  line-height: 1.18 !important;
}

body.site-home-active .ph-news-panel .pandora-operator-report > span:not(.pandora-operator-date) {
  font-size: 8px !important;
  max-height: 34px !important;
}

body.site-home-active .ph-leader-panel {
  min-height: 300px !important;
}

body.site-home-active .pandora-leaders-panel {
  padding: 10px !important;
}

body.site-home-active .pandora-leader-tab {
  height: 32px !important;
  font-size: 9px !important;
}

body.site-home-active .pandora-leader-card {
  grid-template-columns: 38px 1fr auto !important;
  gap: 10px !important;
  min-height: 52px !important;
  padding: 9px 10px !important;
}

body.site-home-active .pandora-leader-rank {
  font-size: 11px !important;
}

body.site-home-active .pandora-leader-avatar,
body.site-home-active .pandora-leader-avatar img,
body.site-home-active .pandora-leader-avatar-placeholder {
  width: 28px !important;
  height: 28px !important;
}

body.site-home-active .pandora-leader-label {
  font-size: 8px !important;
}

body.site-home-active .pandora-leader-name {
  font-size: 10px !important;
}

body.site-home-active .pandora-leader-value {
  font-size: 18px !important;
}

body.site-home-active .ph-context-panel .ph-context-icon,
body.site-home-active .ph-context-panel .pandora-content-icon,
body.site-page-active .ph-dashboard-shell .pandora-content-operator-panel .pandora-content-icon {
  color: var(--cyan-bright) !important;
  border-color: rgba(39, 245, 255, .45) !important;
  background:
    radial-gradient(circle, rgba(127, 252, 255, .18), transparent 64%),
    linear-gradient(135deg, rgba(39, 245, 255, .11), rgba(2, 11, 18, .42)) !important;
}

body.site-home-active .ph-context-panel .ph-context-icon svg,
body.site-home-active .ph-context-panel .ph-context-icon svg *,
body.site-home-active .ph-context-panel .pandora-content-icon svg,
body.site-home-active .ph-context-panel .pandora-content-icon svg *,
body.site-page-active .ph-dashboard-shell .pandora-content-operator-panel .pandora-content-icon svg,
body.site-page-active .ph-dashboard-shell .pandora-content-operator-panel .pandora-content-icon svg * {
  color: var(--cyan-bright) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

body.site-home-active .ph-context-panel .ph-context-list {
  padding: 12px 16px 14px !important;
}

body.site-home-active .ph-context-panel .ph-context-row,
body.site-home-active .ph-context-panel .ph-context-row.pandora-content-tile {
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) 18px !important;
  align-items: center !important;
  gap: 18px !important;
  min-height: 86px !important;
  padding: 13px 8px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(39, 245, 255, .16) !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  clip-path: none !important;
  overflow: visible !important;
}

body.site-home-active .ph-context-panel .ph-context-row:last-child,
body.site-home-active .ph-context-panel .ph-context-row.pandora-content-tile:last-child {
  border-bottom: 0 !important;
}

body.site-home-active .ph-context-panel .ph-context-row:hover,
body.site-home-active .ph-context-panel .ph-context-row.pandora-content-tile:hover {
  background: linear-gradient(90deg, rgba(39, 245, 255, .055), rgba(39, 245, 255, .015) 58%, transparent) !important;
  box-shadow: inset 2px 0 0 rgba(127, 252, 255, .55) !important;
}

body.site-home-active .ph-context-panel .ph-context-row::before,
body.site-home-active .ph-context-panel .ph-context-row::after,
body.site-home-active .ph-context-panel .pandora-content-tile::before,
body.site-home-active .ph-context-panel .pandora-content-tile::after {
  display: none !important;
  content: none !important;
}

body.site-home-active .ph-context-panel .ph-context-icon,
body.site-home-active .ph-context-panel .pandora-content-icon {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  min-height: 58px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(127, 252, 255, .62) !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(127, 252, 255, .2), rgba(39, 245, 255, .055) 52%, transparent 72%),
    linear-gradient(135deg, rgba(39, 245, 255, .09), rgba(2, 11, 18, .52)) !important;
  box-shadow:
    inset 0 0 16px rgba(39, 245, 255, .1),
    0 0 16px rgba(39, 245, 255, .1) !important;
  clip-path: polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px) !important;
  color: var(--cyan-bright) !important;
  overflow: visible !important;
}

body.site-home-active .ph-context-panel .ph-context-icon svg,
body.site-home-active .ph-context-panel .pandora-content-icon svg {
  width: 28px !important;
  height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
  display: block !important;
}

body.site-home-active .ph-context-panel .ph-context-copy,
body.site-home-active .ph-context-panel .pandora-content-monitor {
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.site-home-active .ph-context-panel .ph-context-copy b {
  margin: 0 0 6px !important;
  color: var(--text) !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;
  letter-spacing: .085em !important;
}

body.site-home-active .ph-context-panel .ph-context-copy span {
  color: var(--muted) !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  line-height: 1.48 !important;
  letter-spacing: .07em !important;
}

body.site-home-active .ph-context-panel .ph-chevron {
  width: 13px !important;
  height: 13px !important;
  border-width: 2px !important;
}

body.site-home-active .ph-hero-panel {
  min-height: 330px !important;
}

body.site-home-active .ph-hero-callout {
  max-width: 260px !important;
  margin-top: 4px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  clip-path: none !important;
  color: var(--text) !important;
  font-size: 10px !important;
  line-height: 1.5 !important;
}

body.site-home-active .ph-hero-callout strong {
  display: inline !important;
  color: var(--cyan-bright) !important;
}

body.site-home-active .ph-feed-shell .pandora-operator-bottom,
body.site-home-active .ph-feed-shell .pandora-operator-bottom::before,
body.site-home-active .ph-feed-shell .pandora-operator-bottom::after,
body.site-home-active .ph-feed-shell .pandora-operator-date::before,
body.site-home-active .ph-feed-shell .pandora-operator-date::after {
  border-color: rgba(39, 245, 255, .22) !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.site-home-active .ph-feed-shell .pandora-operator-date,
body.site-page-active .ph-dashboard-shell .pandora-latest-activity-panel .pandora-operator-date,
body.site-page-active .ph-dashboard-shell .pandora-latest-news-panel .pandora-operator-date {
  border: 1px solid rgba(39, 245, 255, .28) !important;
  border-left: 2px solid var(--cyan-bright) !important;
  background: rgba(39, 245, 255, .04) !important;
  color: var(--cyan-bright) !important;
  box-shadow: inset 2px 0 0 rgba(39, 245, 255, .16) !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-feed-shell .pandora-operator-tab::before,
body.site-page-active.site-home-active .ph-dashboard-shell .ph-feed-shell .pandora-operator-tab::after {
  content: none !important;
  display: none !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-toolbar,
body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-toolbar {
  min-height: 42px !important;
  padding: 10px 8px 8px !important;
  border-bottom: 1px solid rgba(39, 245, 255, .18) !important;
  background: transparent !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-toolbar-title,
body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-toolbar-title {
  max-width: 148px !important;
  padding: 0 0 8px !important;
  color: var(--text) !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
  letter-spacing: .14em !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-tabs,
body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-tabs {
  gap: 5px !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-tab,
body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-tab {
  width: 25px !important;
  height: 31px !important;
  border-top: 1px solid rgba(39, 245, 255, .22) !important;
  background: rgba(1, 9, 14, .72) !important;
  color: var(--muted) !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell #pandoraActivityPage1:checked ~ .pandora-operator-toolbar .pandora-operator-tab-1,
body.site-page-active.site-home-active .ph-dashboard-shell #pandoraActivityPage2:checked ~ .pandora-operator-toolbar .pandora-operator-tab-2,
body.site-page-active.site-home-active .ph-dashboard-shell #pandoraActivityPage3:checked ~ .pandora-operator-toolbar .pandora-operator-tab-3,
body.site-page-active.site-home-active .ph-dashboard-shell #pandoraActivityPage4:checked ~ .pandora-operator-toolbar .pandora-operator-tab-4 {
  background: linear-gradient(180deg, var(--cyan-bright), var(--cyan)) !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell #pandoraNewsPage1:checked ~ .pandora-operator-toolbar .pandora-news-tab-1,
body.site-page-active.site-home-active .ph-dashboard-shell #pandoraNewsPage2:checked ~ .pandora-operator-toolbar .pandora-news-tab-2,
body.site-page-active.site-home-active .ph-dashboard-shell #pandoraNewsPage3:checked ~ .pandora-operator-toolbar .pandora-news-tab-3,
body.site-page-active.site-home-active .ph-dashboard-shell #pandoraNewsPage4:checked ~ .pandora-operator-toolbar .pandora-news-tab-4 {
  background: linear-gradient(180deg, var(--cyan-bright), var(--cyan)) !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-pages,
body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-pages {
  max-height: 455px !important;
  padding: 0 8px 8px !important;
  overflow-y: auto !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-card {
  position: relative !important;
  min-height: 118px !important;
  margin: 0 !important;
  padding: 14px 58px 13px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(39, 245, 255, .16) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  clip-path: none !important;
  overflow: hidden !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-link:hover .pandora-operator-card {
  background: linear-gradient(90deg, rgba(39, 245, 255, .055), transparent 78%) !important;
  box-shadow: none !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-card-head,
body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-monitor-top,
body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-axis,
body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-frequency {
  display: none !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-card-body,
body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-monitor,
body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-report-stage,
body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-report {
  position: static !important;
  inset: auto !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  clip-path: none !important;
  overflow: visible !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-report strong {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  margin: 0 0 6px !important;
  overflow: hidden !important;
  color: var(--text) !important;
  font-size: 10.75px !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
  letter-spacing: .045em !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-report > span:not(.pandora-operator-date) {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  max-height: 34px !important;
  margin: 0 0 9px !important;
  overflow: hidden !important;
  color: var(--muted) !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  line-height: 1.48 !important;
  letter-spacing: .07em !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-bottom {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-date {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  width: max-content !important;
  max-width: calc(100% - 2px) !important;
  min-height: 18px !important;
  margin: 0 !important;
  padding: 3px 7px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--cyan-bright) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .045em !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-thumb-panel {
  position: absolute !important;
  right: 7px !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  margin: 0 !important;
  border: 1px solid rgba(39, 245, 255, .28) !important;
  background: rgba(0, 0, 0, .36) !important;
  box-shadow: inset 0 0 10px rgba(39, 245, 255, .08) !important;
  clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px) !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-thumb,
body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-thumb-placeholder {
  width: 100% !important;
  height: 100% !important;
  display: grid !important;
  place-items: center !important;
  color: var(--cyan-bright) !important;
  overflow: hidden !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-thumb img,
body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-thumb svg {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 3px !important;
  filter: saturate(.7) contrast(1.08) brightness(.84) !important;
}

/* Latest News entries now use the same compact row treatment as Latest Activity. */
body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-card {
  position: relative !important;
  min-height: 92px !important;
  margin: 0 !important;
  padding: 11px 58px 11px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(39, 245, 255, .16) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  clip-path: none !important;
  overflow: hidden !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-link:hover .pandora-operator-card {
  background: linear-gradient(90deg, rgba(39, 245, 255, .055), transparent 78%) !important;
  box-shadow: none !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-card::before,
body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-card::after,
body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-news-drop-indicator,
body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-news-scan-line,
body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-card-head,
body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-monitor-top,
body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-axis,
body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-frequency {
  content: none !important;
  display: none !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-card-body,
body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-monitor,
body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-report-stage,
body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-report {
  position: static !important;
  inset: auto !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  clip-path: none !important;
  overflow: visible !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-bottom {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-date {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  width: max-content !important;
  max-width: calc(100% - 2px) !important;
  min-height: 18px !important;
  margin: 0 !important;
  padding: 3px 7px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--cyan-bright) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .045em !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-thumb-panel {
  position: absolute !important;
  right: 7px !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  margin: 0 !important;
  border: 1px solid rgba(39, 245, 255, .28) !important;
  background: rgba(0, 0, 0, .36) !important;
  box-shadow: inset 0 0 10px rgba(39, 245, 255, .08) !important;
  clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px) !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-thumb,
body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-thumb-placeholder {
  width: 100% !important;
  height: 100% !important;
  display: grid !important;
  place-items: center !important;
  color: var(--cyan-bright) !important;
  overflow: hidden !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-thumb img,
body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-thumb svg {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 3px !important;
  filter: saturate(.7) contrast(1.08) brightness(.84) !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-context-panel .ph-context-row,
body.site-page-active.site-home-active .ph-dashboard-shell .ph-context-panel .ph-context-row.pandora-content-tile {
  margin-left: -15px !important;
  width: calc(100% + 15px) !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-toolbar-title,
body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-toolbar-title {
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  letter-spacing: .14em !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-report strong,
body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-report strong {
  font-size: 9.5px !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;
  letter-spacing: .085em !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-report > span:not(.pandora-operator-date),
body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-report > span:not(.pandora-operator-date) {
  font-size: 8px !important;
  font-weight: 700 !important;
  line-height: 1.48 !important;
  letter-spacing: .07em !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-report strong {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  margin: 0 0 5px !important;
  overflow: hidden !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-report > span:not(.pandora-operator-date) {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  max-height: 24px !important;
  margin: 0 0 7px !important;
  overflow: hidden !important;
}

/* Latest Activity pages nine entries at a time; let the panel grow to fit the whole active page. */
body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel {
  height: auto !important;
  min-height: 990px !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .ph-feed-shell,
body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-feed {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-pages {
  height: auto !important;
  max-height: none !important;
  padding-bottom: 10px !important;
  overflow: visible !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-page {
  min-height: 0 !important;
  overflow: visible !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-card {
  min-height: 92px !important;
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-report strong {
  margin-bottom: 5px !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-report > span:not(.pandora-operator-date) {
  max-height: 24px !important;
  margin-bottom: 7px !important;
  -webkit-line-clamp: 2 !important;
}

/* Systems at Risk: compact faction-aware row layout. */
body.site-page-active.site-home-active .ph-dashboard-shell .pandora-risk-fw-card {
  position: relative !important;
  padding: 9px 10px 10px !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .pandora-risk-fw-top {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) 38px !important;
  gap: 8px !important;
  align-items: center !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .pandora-risk-fw-top > .fw-mini-ring:first-child {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .pandora-risk-fw-title {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  padding: 0 8px 0 2px !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .pandora-risk-fw-name {
  display: flex !important;
  align-items: baseline !important;
  gap: 6px !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .pandora-risk-fw-name > span:first-child,
body.site-page-active.site-home-active .ph-dashboard-shell .pandora-risk-fw-sub,
body.site-page-active.site-home-active .ph-dashboard-shell .pandora-risk-fw-owner,
body.site-page-active.site-home-active .ph-dashboard-shell .pandora-risk-fw-note > span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .pandora-risk-fw-owner,
body.site-page-active.site-home-active .ph-dashboard-shell .pandora-risk-fw-note {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .pandora-risk-fw-owner {
  color: rgba(215, 251, 255, .84) !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .pandora-risk-fw-owner-logo,
body.site-page-active.site-home-active .ph-dashboard-shell .pandora-risk-fw-adv-logo {
  display: block !important;
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 14px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 5px rgba(39, 245, 255, .22)) saturate(1.05) !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .pandora-risk-fw-classification {
  position: absolute !important;
  top: -1px !important;
  right: -1px !important;
  z-index: 3 !important;
  width: auto !important;
  min-width: 116px !important;
  max-width: 132px !important;
  margin: 0 !important;
  padding: 5px 8px 4px !important;
  border: 0 !important;
  background: #ffcf4f !important;
  color: #041018 !important;
  font-size: 7px !important;
  font-weight: 950 !important;
  letter-spacing: .085em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  clip-path: polygon(9px 0, 100% 0, 100% calc(100% - 7px), calc(100% - 7px) 100%, 0 100%, 0 9px) !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .pandora-risk-fw-classification.is-frontline {
  border: 0 !important;
  background: #4de28b !important;
  color: #03120a !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .pandora-risk-fw-classification.is-command {
  border: 0 !important;
  background: #ffcf4f !important;
  color: #161004 !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .pandora-risk-fw-classification.is-rearguard {
  border: 0 !important;
  background: #ff4c4c !important;
  color: #170202 !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .pandora-risk-fw-top > .fw-mini-ring:last-child {
  grid-column: 3 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  align-self: center !important;
  margin-top: 0 !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .pandora-risk-fw-bars {
  margin-top: 7px !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .pandora-risk-fw-note {
  width: 100% !important;
  color: rgba(127, 252, 255, .78) !important;
  letter-spacing: .07em !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ins-dot.is-suppression.is-active,
body.site-page-active.site-home-active .ph-dashboard-shell .ins-dot.is-suppression.is-stage5,
body.site-home-active .ins-dot.is-suppression.is-active,
body.site-home-active .ins-dot.is-suppression.is-stage5 {
  background:
    radial-gradient(circle at 45% 32%, rgba(115, 210, 142, .38), transparent 42%),
    linear-gradient(180deg, #145f36, #07351d 58%, #031d11) !important;
  border-color: rgba(103, 218, 139, .86) !important;
  color: #d8ffe3 !important;
  box-shadow:
    0 0 9px rgba(50, 155, 82, .28),
    inset 0 0 10px rgba(0, 0, 0, .54) !important;
}

/* ============================================================
   ABOUT / NEWS / ENTITIES: match the Home cyan command HUD
   ============================================================ */

body.site-page-active:not(.site-home-active) #siteContentPanel {
  top: 92px !important;
  left: 24px !important;
  right: 24px !important;
  bottom: 24px !important;
  width: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior-y: contain !important;
  -webkit-overflow-scrolling: touch !important;
}

body.site-page-active:not(.site-home-active) #siteContent {
  width: min(1840px, calc(100vw - 48px)) !important;
  min-height: 100% !important;
  margin: 0 auto !important;
  color: var(--text) !important;
  font-family: var(--ph-font-display) !important;
}

body.site-page-active.site-about-active #siteContent {
  min-height: max-content !important;
}

body.site-page-active:not(.site-home-active) #siteContentPanel::-webkit-scrollbar,
body.site-page-active:not(.site-home-active) #siteContent *::-webkit-scrollbar,
body.pandora-standalone-page *::-webkit-scrollbar {
  width: 9px !important;
  height: 9px !important;
}

body.site-page-active:not(.site-home-active) #siteContentPanel::-webkit-scrollbar-track,
body.site-page-active:not(.site-home-active) #siteContent *::-webkit-scrollbar-track,
body.pandora-standalone-page *::-webkit-scrollbar-track {
  background: rgba(2, 8, 13, .72) !important;
}

body.site-page-active:not(.site-home-active) #siteContentPanel::-webkit-scrollbar-thumb,
body.site-page-active:not(.site-home-active) #siteContent *::-webkit-scrollbar-thumb,
body.pandora-standalone-page *::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(39, 245, 255, .85), rgba(39, 245, 255, .28)) !important;
  border: 1px solid rgba(39, 245, 255, .3) !important;
}

body.site-page-active:not(.site-home-active) .ph-panel,
body.site-page-active:not(.site-home-active) .pandora-site-panel,
body.site-page-active:not(.site-home-active) .pandora-about-command,
body.site-page-active:not(.site-home-active) .pandora-news-command,
body.pandora-standalone-page .card,
body.pandora-standalone-page .mailbox,
body.pandora-standalone-page .mailbox-toolbar,
body.pandora-standalone-page .mailbox-list,
body.pandora-standalone-page .mailbox-content,
body.pandora-standalone-page #articleholder,
body.pandora-standalone-page .search-result-item {
  border: 1px solid rgba(39, 245, 255, .26) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(90deg, rgba(39, 245, 255, .035) 1px, transparent 1px),
    linear-gradient(0deg, rgba(39, 245, 255, .028) 1px, transparent 1px),
    linear-gradient(180deg, rgba(5, 31, 42, .84), rgba(2, 8, 13, .91)) !important;
  background-size: 28px 28px, 28px 28px, auto !important;
  box-shadow:
    inset 0 0 0 1px rgba(127, 252, 255, .035),
    inset 0 0 32px rgba(39, 245, 255, .035),
    0 0 18px rgba(0, 0, 0, .42) !important;
  color: var(--text) !important;
  clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px) !important;
}

body.site-page-active:not(.site-home-active) .pandora-operator-toolbar,
body.site-page-active:not(.site-home-active) .pandora-news-topbar,
body.site-page-active:not(.site-home-active) .pandora-news-section-head,
body.site-page-active:not(.site-home-active) .pandora-about-section-title,
body.site-page-active:not(.site-home-active) .pandora-about-operators-head,
body.site-page-active:not(.site-home-active) .ph-page-kicker,
body.pandora-standalone-page .app-content-header,
body.pandora-standalone-page .card-header,
body.pandora-standalone-page .mailbox-toolbar {
  min-height: 38px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 14px !important;
  border: 1px solid rgba(39, 245, 255, .32) !important;
  border-left: 3px solid var(--cyan) !important;
  background:
    linear-gradient(90deg, rgba(39, 245, 255, .13), rgba(5, 31, 42, .72) 42%, rgba(2, 8, 13, .2)) !important;
  color: var(--text) !important;
  font: 900 11px/1.1 var(--ph-font-display) !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  text-shadow: 0 0 12px rgba(39, 245, 255, .3) !important;
  box-shadow: inset 0 -1px 0 rgba(39, 245, 255, .16) !important;
}

body.site-page-active:not(.site-home-active) .pandora-operator-toolbar-title,
body.site-page-active:not(.site-home-active) .pandora-news-topbar-title,
body.site-page-active:not(.site-home-active) .pandora-news-section-title,
body.site-page-active:not(.site-home-active) .pandora-about-operators-head span,
body.pandora-standalone-page .page-header,
body.pandora-standalone-page .card-header .fw-semibold {
  color: var(--text) !important;
  font: 900 12px/1.05 var(--ph-font-display) !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

body.site-page-active:not(.site-home-active) .pandora-news-topbar-line,
body.site-page-active:not(.site-home-active) .pandora-news-section-line,
body.site-page-active:not(.site-home-active) .hud-line,
body.pandora-standalone-page .hud-line {
  flex: 1 1 auto !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(39, 245, 255, .62), transparent) !important;
}

body.site-page-active:not(.site-home-active) .pandora-news-filter button,
body.site-page-active:not(.site-home-active) .pandora-about-operator-tab,
body.site-page-active:not(.site-home-active) .pandora-operator-tab,
body.pandora-standalone-page .mailbox-toolbar-link,
body.pandora-standalone-page .btn,
body.pandora-standalone-page button {
  border: 1px solid rgba(39, 245, 255, .26) !important;
  background: rgba(2, 8, 13, .78) !important;
  color: var(--muted) !important;
  border-radius: 0 !important;
  box-shadow: inset 0 0 12px rgba(39, 245, 255, .04) !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
}

body.site-page-active:not(.site-home-active) .pandora-news-filter button.is-active,
body.site-page-active:not(.site-home-active) .pandora-news-filter button:hover,
body.site-page-active:not(.site-home-active) .pandora-about-operator-tab:hover,
body.site-page-active:not(.site-home-active) .pandora-operator-tab.is-active,
body.site-page-active:not(.site-home-active) .pandora-operator-tab:hover,
body.pandora-standalone-page .mailbox-toolbar-link.active,
body.pandora-standalone-page .mailbox-toolbar-link:hover,
body.pandora-standalone-page .btn:hover {
  border-color: rgba(127, 252, 255, .86) !important;
  background: linear-gradient(135deg, rgba(39, 245, 255, .88), rgba(20, 117, 154, .82)) !important;
  color: #021117 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .34) !important;
  box-shadow: 0 0 18px rgba(39, 245, 255, .26), inset 0 0 16px rgba(255, 255, 255, .08) !important;
}

body.site-page-active.site-about-active .pandora-about-command {
  width: 100% !important;
  min-height: calc(100vh - 116px) !important;
  padding: 0 !important;
  overflow: visible !important;
  background:
    radial-gradient(circle at 18% 32%, rgba(39, 245, 255, .12), transparent 28%),
    radial-gradient(circle at 86% 18%, rgba(127, 252, 255, .08), transparent 30%),
    linear-gradient(90deg, rgba(39, 245, 255, .035) 1px, transparent 1px),
    linear-gradient(0deg, rgba(39, 245, 255, .028) 1px, transparent 1px),
    linear-gradient(135deg, rgba(2, 8, 13, .96), rgba(4, 16, 24, .94)) !important;
  background-size: auto, auto, 30px 30px, 30px 30px, auto !important;
}

body.site-page-active.site-about-active .pandora-about-grid-hud {
  height: auto !important;
  min-height: calc(100vh - 118px) !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 420px) !important;
  gap: 16px !important;
  padding: 16px !important;
}

body.site-page-active.site-about-active .pandora-about-combat-zone,
body.site-page-active.site-about-active .pandora-about-operators {
  gap: 16px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.site-page-active.site-about-active .pandora-about-brief,
body.site-page-active.site-about-active .pandora-about-timeline-card,
body.site-page-active.site-about-active .pandora-about-video-dock,
body.site-page-active.site-about-active .pandora-about-operator-card {
  border: 1px solid rgba(39, 245, 255, .23) !important;
  background:
    linear-gradient(180deg, rgba(5, 31, 42, .76), rgba(2, 8, 13, .88)) !important;
  box-shadow: inset 0 0 24px rgba(39, 245, 255, .035), 0 0 18px rgba(0, 0, 0, .38) !important;
  clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px) !important;
}

body.site-page-active.site-about-active .pandora-about-brief {
  padding: 16px !important;
  margin: 0 !important;
}

body.site-page-active.site-about-active .pandora-about-section-title {
  margin: -4px 0 14px !important;
  padding: 9px 12px !important;
  color: var(--text) !important;
}

body.site-page-active.site-about-active .pandora-about-copy-block p,
body.site-page-active.site-about-active .pandora-about-op-report p,
body.site-page-active.site-about-active .pandora-about-op-report small,
body.site-page-active.site-about-active .pandora-about-timeline-card span {
  color: rgba(215, 251, 255, .68) !important;
  font: 700 12px/1.65 var(--ph-font-display) !important;
  letter-spacing: .045em !important;
}

body.site-page-active.site-about-active .pandora-about-copy-block strong,
body.site-page-active.site-about-active .pandora-about-timeline-card b,
body.site-page-active.site-about-active .pandora-about-op-report b {
  color: var(--text) !important;
}

body.site-page-active.site-about-active .pandora-about-copy-block blockquote,
body.site-page-active.site-about-active .pandora-about-final-line {
  margin: 14px 0 !important;
  padding: 14px 16px !important;
  border: 1px solid rgba(39, 245, 255, .32) !important;
  border-left: 3px solid var(--cyan) !important;
  background: rgba(2, 8, 13, .72) !important;
  color: var(--cyan-bright) !important;
  font: 900 13px/1.45 var(--ph-font-display) !important;
  letter-spacing: .06em !important;
  box-shadow: inset 0 0 18px rgba(39, 245, 255, .035) !important;
}

body.site-page-active.site-about-active .pandora-about-copy-block blockquote span {
  display: block !important;
  margin-top: 7px !important;
  color: var(--muted) !important;
  font-size: 10px !important;
}

body.site-page-active.site-about-active .pandora-about-timeline {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 !important;
}

body.site-page-active.site-about-active .pandora-about-timeline-card {
  min-height: 128px !important;
  padding: 14px !important;
}

body.site-page-active.site-about-active .pandora-about-timeline-card b {
  color: var(--cyan-bright) !important;
  font: 900 25px/1 var(--ph-font-mono) !important;
  text-shadow: 0 0 14px rgba(39, 245, 255, .34) !important;
}

body.site-page-active.site-about-active .pandora-about-video-grid {
  display: grid !important;
  gap: 12px !important;
  padding: 12px !important;
}

body.site-page-active.site-about-active .pandora-video-button,
body.site-page-active.site-about-active .pandora-video-card {
  border-color: rgba(39, 245, 255, .28) !important;
  background: rgba(2, 8, 13, .74) !important;
}

body.site-page-active.site-about-active .pandora-about-operator-feed {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

body.site-page-active.site-about-active .pandora-about-op-body {
  display: grid !important;
  grid-template-columns: 78px minmax(0, 1fr) !important;
  gap: 12px !important;
  padding: 10px !important;
}

body.site-page-active.site-about-active .pandora-about-op-number {
  width: 78px !important;
  height: 78px !important;
  border: 1px solid rgba(39, 245, 255, .28) !important;
  background: rgba(0, 0, 0, .38) !important;
}

body.site-page-active.site-about-active .pandora-about-op-number img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

body.site-page-active.site-entities-active .ph-entities-page {
  display: grid !important;
  grid-template-columns: minmax(360px, .95fr) minmax(520px, 1.6fr) !important;
  gap: 16px !important;
  min-height: calc(100vh - 116px) !important;
}

body.site-page-active.site-entities-active .ph-page-hero {
  position: relative !important;
  min-height: 420px !important;
  padding: 34px 32px !important;
  overflow: hidden !important;
}

body.site-page-active.site-entities-active .ph-page-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: auto -20% -26% 12% !important;
  height: 62% !important;
  border-radius: 999px !important;
  background: radial-gradient(circle, rgba(39, 245, 255, .16), transparent 62%) !important;
  opacity: .85 !important;
  pointer-events: none !important;
}

body.site-page-active.site-entities-active .ph-page-kicker {
  display: none !important;
}

body.site-page-active.site-entities-active .ph-page-title {
  position: relative !important;
  z-index: 1 !important;
  max-width: 100% !important;
  margin: 0 0 20px !important;
  color: var(--text) !important;
  font: 300 clamp(34px, 3.35vw, 58px)/1.03 var(--ph-font-display) !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body.site-page-active.site-entities-active .ph-page-copy {
  position: relative !important;
  z-index: 1 !important;
  max-width: 620px !important;
  color: rgba(215, 251, 255, .68) !important;
  font: 700 14px/1.62 var(--ph-font-display) !important;
  letter-spacing: .06em !important;
}

body.site-page-active.site-entities-active .ph-dev-callout {
  position: relative !important;
  z-index: 1 !important;
  margin-top: 24px !important;
  padding: 14px 16px !important;
  border: 1px solid rgba(255, 189, 74, .35) !important;
  border-left: 3px solid var(--warning) !important;
  background: rgba(255, 189, 74, .06) !important;
  color: var(--text) !important;
}

body.site-page-active.site-entities-active .ph-dev-callout strong,
body.site-page-active.site-entities-active .ph-dev-callout span {
  display: block !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
}

body.site-page-active.site-entities-active .ph-dev-callout strong {
  color: var(--warning) !important;
  font-size: 13px !important;
  margin-bottom: 6px !important;
}

body.site-page-active.site-entities-active .ph-dev-callout span {
  color: rgba(215, 251, 255, .72) !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
}

body.site-page-active.site-entities-active .ph-entity-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

body.site-page-active.site-entities-active .ph-entity-card {
  min-height: 174px !important;
  display: grid !important;
  grid-template-columns: 76px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: center !important;
  padding: 22px !important;
  border: 1px solid rgba(39, 245, 255, .26) !important;
  background:
    linear-gradient(90deg, rgba(39, 245, 255, .05), transparent 70%),
    rgba(4, 22, 30, .78) !important;
  box-shadow: inset 0 0 24px rgba(39, 245, 255, .04), 0 0 18px rgba(0, 0, 0, .36) !important;
  clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px) !important;
}

body.site-page-active.site-entities-active .ph-entity-icon {
  width: 66px !important;
  height: 66px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(39, 245, 255, .42) !important;
  background: radial-gradient(circle, rgba(39, 245, 255, .24), rgba(39, 245, 255, .06) 58%, rgba(2, 8, 13, .8)) !important;
  color: var(--cyan-bright) !important;
  font: 900 18px/1 var(--ph-font-mono) !important;
  letter-spacing: .08em !important;
  box-shadow: inset 0 0 20px rgba(39, 245, 255, .12), 0 0 14px rgba(39, 245, 255, .14) !important;
}

body.site-page-active.site-entities-active .ph-entity-card b,
body.site-page-active.site-entities-active .ph-entity-card span {
  display: block !important;
  text-transform: uppercase !important;
}

body.site-page-active.site-entities-active .ph-entity-card b {
  color: var(--text) !important;
  font: 900 18px/1.1 var(--ph-font-display) !important;
  letter-spacing: .11em !important;
  margin-bottom: 8px !important;
}

body.site-page-active.site-entities-active .ph-entity-card span {
  color: rgba(215, 251, 255, .66) !important;
  font: 700 12px/1.55 var(--ph-font-display) !important;
  letter-spacing: .055em !important;
}

body.site-page-active.site-news-active .pandora-news-command {
  width: 100% !important;
  min-height: calc(100vh - 116px) !important;
  gap: 14px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  clip-path: none !important;
}

body.site-page-active.site-news-active .pandora-news-shell {
  grid-template-columns: 420px minmax(0, 1fr) 320px !important;
  gap: 16px !important;
}

body.site-page-active.site-news-active .pandora-news-panel,
body.site-page-active.site-news-active .pandora-news-topbar {
  border-color: rgba(39, 245, 255, .26) !important;
  background:
    linear-gradient(90deg, rgba(39, 245, 255, .035) 1px, transparent 1px),
    linear-gradient(0deg, rgba(39, 245, 255, .028) 1px, transparent 1px),
    linear-gradient(180deg, rgba(5, 31, 42, .82), rgba(2, 8, 13, .92)) !important;
  background-size: 28px 28px, 28px 28px, auto !important;
}

body.site-page-active.site-news-active .pandora-news-card,
body.site-page-active.site-news-active .pandora-news-mention-row {
  border: 0 !important;
  border-bottom: 1px solid rgba(39, 245, 255, .15) !important;
  background: transparent !important;
  box-shadow: none !important;
  clip-path: none !important;
}

body.site-page-active.site-news-active .pandora-news-card:hover,
body.site-page-active.site-news-active .pandora-news-link:hover .pandora-news-card {
  background: linear-gradient(90deg, rgba(39, 245, 255, .07), transparent 76%) !important;
}

body.site-page-active.site-news-active .pandora-news-drop-indicator,
body.site-page-active.site-news-active .pandora-news-scan-line,
body.site-page-active.site-news-active .pandora-operator-card-head,
body.site-page-active.site-news-active .pandora-operator-frequency,
body.site-page-active.site-news-active .pandora-news-preflight {
  display: none !important;
}

body.site-page-active.site-news-active .pandora-operator-report strong,
body.site-page-active.site-news-active .pandora-news-article-title {
  color: var(--text) !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
}

body.site-page-active.site-news-active .pandora-operator-report span,
body.site-page-active.site-news-active .pandora-news-article-summary,
body.site-page-active.site-news-active .pandora-news-content,
body.site-page-active.site-news-active .pandora-news-content p,
body.site-page-active.site-news-active .pandora-news-mention-name {
  color: rgba(215, 251, 255, .68) !important;
}

body.site-page-active.site-news-active .pandora-operator-date,
body.site-page-active.site-news-active .pandora-news-kicker,
body.site-page-active.site-news-active .pandora-news-mention-title {
  color: var(--cyan-bright) !important;
  border-color: rgba(39, 245, 255, .28) !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.site-page-active.site-news-active .pandora-operator-thumb-panel,
body.site-page-active.site-news-active .pandora-news-mention-img {
  border-color: rgba(39, 245, 255, .3) !important;
  background: rgba(0, 0, 0, .36) !important;
}

body.site-page-active.site-news-active .pandora-news-article-hero {
  border-color: rgba(39, 245, 255, .28) !important;
  background: rgba(0, 0, 0, .34) !important;
}

body.site-page-active.site-news-active .pandora-news-content a {
  color: var(--cyan-bright) !important;
}

body.pandora-standalone-page {
  background:
    radial-gradient(circle at 15% 32%, rgba(39, 245, 255, .11), transparent 28vw),
    radial-gradient(circle at 86% 14%, rgba(127, 252, 255, .08), transparent 24vw),
    linear-gradient(rgba(39, 245, 255, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(39, 245, 255, .035) 1px, transparent 1px),
    var(--bg) !important;
  background-size: auto, auto, 28px 28px, 28px 28px, auto !important;
  color: var(--text) !important;
  font-family: var(--ph-font-display) !important;
  min-height: 100vh !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

body.pandora-standalone-page #app,
body.pandora-standalone-page .app,
body.pandora-standalone-page .app-content {
  background: transparent !important;
  color: var(--text) !important;
}

body.pandora-standalone-page .app-content {
  padding: 18px !important;
  min-height: 100vh !important;
  overflow: visible !important;
}

body.pandora-standalone-page .app-content-inner-padding {
  height: auto !important;
  min-height: calc(100vh - 36px) !important;
  overflow: visible !important;
}

body.pandora-standalone-page .app-header,
body.pandora-standalone-page .app-sidebar {
  background: rgba(2, 8, 13, .92) !important;
  border-color: rgba(39, 245, 255, .22) !important;
  box-shadow: 0 0 18px rgba(39, 245, 255, .08) !important;
}

body.pandora-standalone-page .app-content-header {
  margin: 0 0 16px !important;
}

body.pandora-standalone-page .d-md-flex.d-none.align-items-center {
  display: none !important;
}

body.pandora-standalone-page .row,
body.pandora-standalone-page .mailbox .row {
  --bs-gutter-x: 16px !important;
  --bs-gutter-y: 16px !important;
}

body.pandora-standalone-page .card {
  margin-bottom: 16px !important;
}

body.pandora-standalone-page .card-body,
body.pandora-standalone-page .text-body,
body.pandora-standalone-page .text-body * {
  color: rgba(215, 251, 255, .72) !important;
}

body.pandora-standalone-page .card-body {
  padding: 18px !important;
}

body.pandora-standalone-page .card.custom-card,
body.pandora-standalone-page .bg-primary-transparent,
body.pandora-standalone-page .blockquote-card {
  border-color: rgba(39, 245, 255, .28) !important;
  background: rgba(2, 8, 13, .62) !important;
  box-shadow: inset 0 0 22px rgba(39, 245, 255, .035) !important;
}

body.pandora-standalone-page .text-success,
body.pandora-standalone-page .text-theme,
body.pandora-standalone-page a,
body.pandora-standalone-page .fs-26px {
  color: var(--cyan-bright) !important;
}

body.pandora-standalone-page .text-danger {
  color: var(--alert) !important;
}

body.pandora-standalone-page .text-warning {
  color: var(--warning) !important;
}

body.pandora-standalone-page .border,
body.pandora-standalone-page .border-bottom,
body.pandora-standalone-page .border-top,
body.pandora-standalone-page .border-end,
body.pandora-standalone-page .border-lg-end,
body.pandora-standalone-page .border-lg-top-0 {
  border-color: rgba(39, 245, 255, .18) !important;
}

body.pandora-standalone-news .mailbox {
  padding: 14px !important;
}

body.pandora-standalone-news .mailbox-toolbar {
  margin-bottom: 14px !important;
}

body.pandora-standalone-news #news_list {
  height: min(815px, calc(100vh - 220px)) !important;
  border: 1px solid rgba(39, 245, 255, .22) !important;
  background: rgba(2, 8, 13, .58) !important;
}

body.pandora-standalone-news .search-result-item {
  margin: 0 0 10px !important;
  padding: 12px !important;
}

body.pandora-standalone-news .search-result-content a {
  color: var(--text) !important;
  font-weight: 900 !important;
  letter-spacing: .06em !important;
}

body.pandora-standalone-news #articleholder,
body.pandora-standalone-news .mailbox-content {
  min-height: min(815px, calc(100vh - 220px)) !important;
}

body.pandora-standalone-news #news_content,
body.pandora-standalone-news #news_content * {
  color: rgba(215, 251, 255, .75) !important;
}

body.pandora-standalone-news #news_featured {
  gap: 10px !important;
}

body.pandora-standalone-about .profile-img img,
body.pandora-standalone-about .search-result img,
body.pandora-standalone-news img {
  border: 1px solid rgba(39, 245, 255, .22) !important;
  box-shadow: 0 0 14px rgba(39, 245, 255, .08) !important;
}

@media (max-width: 1280px) {
  body.site-page-active.site-about-active .pandora-about-grid-hud,
  body.site-page-active.site-news-active .pandora-news-shell,
  body.site-page-active.site-entities-active .ph-entities-page {
    grid-template-columns: 1fr !important;
  }

  body.site-page-active.site-entities-active .ph-entity-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  body.site-page-active:not(.site-home-active) #siteContentPanel {
    top: 12px !important;
    left: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
  }

  body.site-page-active:not(.site-home-active) #siteContent {
    width: 100% !important;
  }

  body.site-page-active.site-about-active .pandora-about-grid-hud,
  body.site-page-active.site-entities-active .ph-entities-page {
    padding: 10px !important;
  }

  body.site-page-active.site-about-active .pandora-about-timeline,
  body.site-page-active.site-entities-active .ph-entity-grid {
    grid-template-columns: 1fr !important;
  }

  body.site-page-active.site-entities-active .ph-page-title {
    font-size: 38px !important;
    letter-spacing: .12em !important;
  }

  body.site-page-active.site-news-active .pandora-news-shell {
    grid-template-columns: 1fr !important;
  }

  body.pandora-standalone-page .app-content {
    padding: 10px !important;
  }
}

/* Header polish: keep every cockpit control visually aligned and remove older red nav artifacts. */
body.site-page-active #siteNavPanel .site-nav-btn,
body.site-page-active #modeDock .mode-btn,
body.site-page-active #modeDock .mode-btn[data-layer="pandoraOps"],
body.site-page-active #modeDock .mode-btn-wide,
body.site-page-active .hud-topbar .menu-profile-link,
body.site-page-active .hud-topbar .hud-header-calendar-slot a,
body.site-page-active .hud-topbar .hud-header-calendar-slot button,
body.site-page-active .hud-topbar .hud-header-calendar-slot .btn,
body.site-page-active .hud-topbar #notifications_holder a,
body.site-page-active .hud-topbar #notifications_holder button,
body.site-page-active .hud-topbar #notifications_holder .btn,
body.site-page-active .hud-topbar .top-cell.time-cell {
  height: 48px !important;
  min-height: 48px !important;
  border: 1px solid rgba(39, 245, 255, .34) !important;
  border-left-color: rgba(39, 245, 255, .34) !important;
  background:
    linear-gradient(155deg, rgba(6, 26, 37, .76), rgba(1, 7, 12, .9) 58%, rgba(3, 23, 33, .74)) !important;
  color: var(--text) !important;
  clip-path: polygon(15px 0, 100% 0, calc(100% - 15px) 100%, 0 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(127, 252, 255, .035),
    inset 0 -10px 18px rgba(39, 245, 255, .028),
    0 0 12px rgba(39, 245, 255, .06) !important;
  outline: 0 !important;
}

body.site-page-active #siteNavPanel::before,
body.site-page-active #siteNavPanel::after,
body.site-page-active #siteNavPanel .site-nav-btn::after,
body.site-page-active #modeDock .mode-btn::after {
  content: none !important;
  display: none !important;
}

body.site-page-active #siteNavPanel .site-nav-btn.is-active,
body.site-page-active #siteNavPanel .site-nav-btn.is-active:hover,
body.site-page-active #siteNavPanel .site-nav-btn:focus,
body.site-page-active #siteNavPanel .site-nav-btn:focus-visible {
  border-color: rgba(127, 252, 255, .95) !important;
  border-left-color: rgba(127, 252, 255, .95) !important;
  background:
    linear-gradient(135deg, rgba(127, 252, 255, .96), rgba(39, 245, 255, .7) 55%, rgba(20, 110, 150, .95)) !important;
  color: #021117 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .32) !important;
  box-shadow:
    inset 0 0 18px rgba(255, 255, 255, .1),
    0 0 18px rgba(39, 245, 255, .34) !important;
}

body.site-page-active #modeDock .mode-btn[data-layer="pandoraOps"],
body.site-page-active #modeDock .mode-btn-wide {
  min-width: 190px !important;
  max-width: 236px !important;
  background:
    linear-gradient(155deg, rgba(6, 26, 37, .76), rgba(1, 7, 12, .9) 58%, rgba(3, 23, 33, .74)) !important;
}

body.site-page-active #modeDock .mode-btn.is-active {
  border-color: rgba(127, 252, 255, .95) !important;
  background:
    linear-gradient(135deg, rgba(127, 252, 255, .96), rgba(39, 245, 255, .7) 55%, rgba(20, 110, 150, .95)) !important;
  color: #021117 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .32) !important;
  box-shadow:
    inset 0 0 18px rgba(255, 255, 255, .1),
    0 0 18px rgba(39, 245, 255, .34) !important;
}

body.site-page-active .hud-topbar .menu-profile,
body.site-page-active .hud-topbar .menu-profile-link {
  height: 48px !important;
}

body.site-page-active .hud-topbar .menu-profile-image {
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
  padding: 2px !important;
  background: rgba(1, 7, 12, .88) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body.site-page-active .hud-topbar .menu-profile-image img,
body.site-page-active .hud-topbar .menu-profile-image .avatar,
body.site-page-active .hud-topbar .menu-profile-image .avatar-sm {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
}

@media (max-width: 1880px) {
  body.site-home-active .ph-dashboard-shell {
    width: calc(100vw - 48px) !important;
  }

  body.site-home-active .ph-home-grid {
    grid-template-columns: 285px 322px minmax(680px, 1fr) 370px !important;
  }
}

@media (max-width: 1700px) {
  body.site-page-active #siteNavPanel {
    left: 220px !important;
    width: 306px !important;
  }

  body.site-page-active #modeDock {
    left: 540px !important;
    right: 484px !important;
  }

  body.site-page-active .hud-topbar {
    width: 460px !important;
  }

  body.site-home-active .ph-home-grid {
    grid-template-columns: 270px 306px minmax(610px, 1fr) 340px !important;
  }
}

/* Feed headers must remain single-line on desktop and mobile. */
body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-toolbar-title {
  max-width: none !important;
  min-width: max-content !important;
  white-space: nowrap !important;
  text-wrap: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-report > span:not(.pandora-operator-date),
body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-report > span:not(.pandora-operator-date) {
  text-transform: uppercase !important;
}

/* Mobile correction: collapse the cockpit dashboard instead of clipping the desktop grid. */
@media (max-width: 1180px) {
  html,
  body.site-page-active,
  body.site-page-active #mapWrap,
  body.site-home-active #siteContentPanel,
  body.site-home-active #siteContent {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  html,
  body.site-page-active {
    height: auto !important;
    min-height: 100% !important;
    overflow-y: auto !important;
  }

  body.site-page-active #mapWrap {
    height: auto !important;
    min-height: 100vh !important;
    overflow-y: visible !important;
    padding: 0 !important;
  }

  body.site-page-active #pandoraLogo,
  body.site-page-active #siteNavPanel,
  body.site-page-active #modeDock,
  body.site-page-active .hud-topbar {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 8px auto !important;
  }

  body.site-page-active #siteNavPanel,
  body.site-page-active #modeDock {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    clip-path: none !important;
    overflow: visible !important;
  }

  body.site-page-active #siteNavPanel .site-nav-btn,
  body.site-page-active #modeDock .mode-btn,
  body.site-page-active #modeDock .mode-btn[data-layer="pandoraOps"],
  body.site-page-active #modeDock .mode-btn-wide {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 7px 8px !important;
    font-size: 8px !important;
    letter-spacing: .08em !important;
    clip-path: polygon(11px 0, 100% 0, calc(100% - 11px) 100%, 0 100%) !important;
  }

  body.site-page-active #modeDock .mode-btn[data-layer="pandoraOps"],
  body.site-page-active #modeDock .mode-btn-wide {
    grid-column: 1 / -1 !important;
  }

  body.site-page-active #modeDock .mode-ico,
  body.site-page-active #modeDock .mode-ico svg {
    width: 17px !important;
    height: 17px !important;
  }

  body.site-page-active .hud-topbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 44px 44px !important;
    gap: 7px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    clip-path: none !important;
    overflow: visible !important;
  }

  body.site-page-active .hud-topbar .hud-user-actions,
  body.site-page-active .hud-topbar .hud-header-partials {
    display: contents !important;
  }

  body.site-page-active .hud-topbar .menu-profile,
  body.site-page-active .hud-topbar .menu-profile-link {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.site-page-active .hud-topbar .menu-profile-link {
    height: 44px !important;
    min-height: 44px !important;
    padding: 5px 9px !important;
  }

  body.site-page-active .hud-topbar .menu-profile-image {
    width: 30px !important;
    height: 30px !important;
    flex-basis: 30px !important;
  }

  body.site-page-active .hud-topbar .menu-profile-info .fw-bold {
    max-width: 100% !important;
    font-size: 7px !important;
    letter-spacing: .075em !important;
  }

  body.site-page-active .hud-topbar .hud-header-calendar-slot,
  body.site-page-active .hud-topbar #notifications_holder,
  body.site-page-active .hud-topbar .hud-header-calendar-slot a,
  body.site-page-active .hud-topbar .hud-header-calendar-slot button,
  body.site-page-active .hud-topbar .hud-header-calendar-slot .btn,
  body.site-page-active .hud-topbar #notifications_holder a,
  body.site-page-active .hud-topbar #notifications_holder button,
  body.site-page-active .hud-topbar #notifications_holder .btn {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
  }

  body.site-page-active .hud-topbar .top-cell.time-cell {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
    height: 44px !important;
    min-height: 44px !important;
  }

  body.site-home-active #siteContentPanel {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 10px auto 24px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.site-home-active .ph-dashboard-shell,
  body.site-home-active .ph-home-grid,
  body.site-home-active .ph-col,
  body.site-home-active .ph-panel {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.site-home-active .ph-dashboard-shell {
    margin: 0 !important;
    padding: 0 !important;
  }

  body.site-home-active .ph-status-strip,
  body.site-home-active .ph-home-grid,
  body.site-home-active .ph-lower-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  body.site-home-active .ph-status-strip {
    height: auto !important;
    margin-bottom: 12px !important;
  }

  body.site-home-active .ph-status-cell {
    padding: 10px 12px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(39, 245, 255, .16) !important;
  }

  body.site-home-active .ph-col,
  body.site-home-active .ph-col-command,
  body.site-home-active .ph-col-context,
  body.site-home-active .ph-col-broadcast,
  body.site-home-active .ph-col-intel {
    grid-column: 1 / -1 !important;
  }

  body.site-home-active .ph-col {
    gap: 12px !important;
  }

  body.site-home-active .ph-panel {
    clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px) !important;
  }

  body.site-home-active .ph-hero-panel {
    min-height: 0 !important;
    padding: 22px 20px !important;
  }

  body.site-home-active .ph-hero-panel h1 {
    font-size: clamp(34px, 11vw, 52px) !important;
    line-height: .98 !important;
    letter-spacing: .10em !important;
  }

  body.site-home-active .ph-hero-panel p,
  body.site-home-active .ph-hero-callout {
    max-width: none !important;
    font-size: 10px !important;
    line-height: 1.55 !important;
  }

  body.site-page-active.site-home-active .ph-dashboard-shell .ph-context-panel .ph-context-row,
  body.site-page-active.site-home-active .ph-dashboard-shell .ph-context-panel .ph-context-row.pandora-content-tile {
    margin-left: 0 !important;
    width: 100% !important;
  }

  body.site-home-active .ph-context-row {
    grid-template-columns: 52px minmax(0, 1fr) 22px !important;
    gap: 11px !important;
    padding: 12px 0 !important;
  }

  body.site-home-active .ph-context-icon {
    width: 52px !important;
    height: 52px !important;
  }

  body.site-home-active .ph-broadcast-panel {
    min-height: 0 !important;
  }

  body.site-home-active .ph-broadcast-stage {
    min-height: 230px !important;
  }

  body.site-home-active .pandora-video-thumb,
  body.site-home-active .pandora-video-thumb img {
    max-width: 100% !important;
  }

  body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel {
    min-height: 0 !important;
    padding-bottom: 14px !important;
    overflow: visible !important;
  }

  body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-pages,
  body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-pages {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .ph-feed-shell,
  body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .ph-feed-shell,
  body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-feed,
  body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-feed,
  body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-page,
  body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-page {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-toolbar,
  body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-toolbar {
    position: relative !important;
    top: auto !important;
    z-index: 1 !important;
    align-items: center !important;
    min-height: 52px !important;
    height: auto !important;
    padding: 12px 10px 13px !important;
    margin: 0 0 8px !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-toolbar-title,
  body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-toolbar-title {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 0 0 8px !important;
    white-space: nowrap !important;
    text-wrap: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    font-size: 10px !important;
    letter-spacing: .09em !important;
    overflow: visible !important;
  }

  body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-tabs,
  body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-tabs {
    flex: 0 0 auto !important;
  }

  body.site-page-active.site-home-active .ph-dashboard-shell .ph-activity-panel .pandora-operator-card:first-child,
  body.site-page-active.site-home-active .ph-dashboard-shell .ph-news-panel .pandora-operator-card:first-child {
    margin-top: 0 !important;
  }
}

@media (max-width: 560px) {
  body.site-page-active #siteNavPanel,
  body.site-page-active #modeDock {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.site-page-active #modeDock .mode-btn[data-layer="pandoraOps"],
  body.site-page-active #modeDock .mode-btn-wide {
    grid-column: auto !important;
  }

  body.site-home-active .ph-context-row {
    grid-template-columns: 46px minmax(0, 1fr) 18px !important;
  }

  body.site-home-active .ph-context-icon {
    width: 46px !important;
    height: 46px !important;
  }

  body.site-home-active .pandora-risk-fw-top {
    grid-template-columns: 34px minmax(0, 1fr) 34px !important;
  }

  body.site-page-active.site-home-active .ph-dashboard-shell .pandora-risk-fw-classification {
    min-width: 92px !important;
    max-width: 104px !important;
    font-size: 6.5px !important;
  }
}

/* ============================================================
   MAP PAGES - CYAN COMMAND HUD SKIN
   Applies only when the full-page Home/About/News/Entities shell is hidden.
   ============================================================ */

html body:not(.site-page-active) {
  --map-bg: #02080d;
  --map-bg2: #041018;
  --map-panel: rgba(4, 22, 30, .82);
  --map-panel-strong: rgba(5, 31, 42, .92);
  --map-cyan: var(--cyan, #27f5ff);
  --map-cyan-bright: var(--cyan-bright, #7ffcff);
  --map-cyan-soft: var(--cyan-soft, rgba(39, 245, 255, .35));
  --map-cyan-faint: var(--cyan-faint, rgba(39, 245, 255, .12));
  --map-text: var(--text, #d7fbff);
  --map-muted: var(--muted, #7f9da5);
  --map-alert: var(--alert, #ff3f3f);
  --map-warning: var(--warning, #ffbd4a);
  --panel-bg: linear-gradient(180deg, rgba(4, 22, 30, .84), rgba(1, 7, 12, .97));
  --panel-border: rgba(39, 245, 255, .32);
  --panel-glow: rgba(39, 245, 255, .18);
  --line: rgba(39, 245, 255, .16);
  --ops-text: var(--map-text);
  --ops-muted: var(--map-muted);
  --ops-cyan: var(--map-cyan);
  --ops-red: var(--map-alert);
  --pandora-map-bg: var(--map-bg);
  --pandora-map-panel: rgba(4, 22, 30, .86);
  --pandora-map-panel-soft: rgba(4, 22, 30, .68);
  --pandora-map-border: rgba(39, 245, 255, .30);
  --pandora-map-border-hot: rgba(127, 252, 255, .66);
  --pandora-map-text: var(--map-text);
  --pandora-map-muted: var(--map-muted);
  --pandora-map-green: var(--map-cyan);
  --pandora-map-cyan: var(--map-cyan);
  --pandora-map-grid:
    linear-gradient(90deg, rgba(39, 245, 255, .050) 1px, transparent 1px),
    linear-gradient(0deg, rgba(39, 245, 255, .040) 1px, transparent 1px);
  --pandora-map-scan: repeating-linear-gradient(180deg, rgba(127, 252, 255, .025) 0 1px, transparent 1px 6px);
  background: var(--map-bg) !important;
  color: var(--map-text) !important;
}

html body:not(.site-page-active) #mapWrap {
  background:
    radial-gradient(circle at 18% 18%, rgba(39, 245, 255, .11), transparent 28%),
    radial-gradient(circle at 78% 14%, rgba(11, 101, 150, .14), transparent 32%),
    radial-gradient(circle at 50% 68%, rgba(127, 252, 255, .045), transparent 52%),
    var(--pandora-map-grid),
    linear-gradient(135deg, #01060a 0%, #02080d 46%, #010407 100%) !important;
  background-size: auto, auto, auto, 38px 38px, 38px 38px, auto !important;
  color: var(--map-text) !important;
}

html body:not(.site-page-active) #mapWrap::before {
  background:
    linear-gradient(90deg, rgba(0, 0, 0, .78), transparent 18%, transparent 76%, rgba(0, 0, 0, .82)),
    radial-gradient(circle at 50% 42%, transparent 0 62%, rgba(0, 0, 0, .42) 100%) !important;
  mix-blend-mode: normal !important;
}

html body:not(.site-page-active) #mapWrap::after {
  background:
    var(--pandora-map-scan),
    linear-gradient(180deg, rgba(39, 245, 255, .024), transparent 44%, rgba(0, 0, 0, .24)) !important;
  opacity: .36 !important;
}

html body:not(.site-page-active) #pandoraLogo {
  filter: drop-shadow(0 0 15px rgba(39, 245, 255, .45)) !important;
}

html body:not(.site-page-active) #mapFrame {
  background:
    var(--pandora-map-grid),
    radial-gradient(circle at 52% 48%, rgba(39, 245, 255, .045), transparent 64%),
    rgba(1, 7, 11, .55) !important;
  background-size: 34px 34px, 34px 34px, auto, auto !important;
  border: 1px solid rgba(39, 245, 255, .24) !important;
  box-shadow:
    inset 0 0 0 1px rgba(127, 252, 255, .035),
    inset 0 0 85px rgba(0, 0, 0, .58),
    0 0 34px rgba(0, 0, 0, .74),
    0 0 20px rgba(39, 245, 255, .08) !important;
}

html body:not(.site-page-active) .map-mode-label,
html body:not(.site-page-active) .home-mode-label {
  color: var(--map-cyan-bright) !important;
  letter-spacing: .22em !important;
  text-shadow: 0 0 14px rgba(39, 245, 255, .42) !important;
}

html body:not(.site-page-active) .map-panel,
html body:not(.site-page-active) #hud,
html body:not(.site-page-active) #infoPanel,
html body:not(.site-page-active) #legendPanel,
html body:not(.site-page-active) #zoomControls,
html body:not(.site-page-active) .hud-topbar .top-cell,
html body:not(.site-page-active) .hud-topbar .time-cell,
html body:not(.site-page-active) .info-section,
html body:not(.site-page-active) .conflict-filter-section,
html body:not(.site-page-active) .layer-toggle-section,
html body:not(.site-page-active) .pandora-ops-summary,
html body:not(.site-page-active) .pandora-ops-stat,
html body:not(.site-page-active) .pandora-ops-create-panel,
html body:not(.site-page-active) .pandora-ops-section,
html body:not(.site-page-active) .pandora-ops-list,
html body:not(.site-page-active) .pandora-ops-card,
html body:not(.site-page-active) .pandora-ops-empty,
html body:not(.site-page-active) .pandora-ops-dossier,
html body:not(.site-page-active) .pandora-ops-detail-stage,
html body:not(.site-page-active) .fleet-ops-panel,
html body:not(.site-page-active) .fleet-ops-summary,
html body:not(.site-page-active) .fleet-ops-card,
html body:not(.site-page-active) .fleet-ops-stat,
html body:not(.site-page-active) .fleet-ops-map-note,
html body:not(.site-page-active) .fleet-ops-selected-note,
html body:not(.site-page-active) .operator-card,
html body:not(.site-page-active) .ops-analysis,
html body:not(.site-page-active) .ops-mini-grid,
html body:not(.site-page-active) .checks,
html body:not(.site-page-active) #counts,
html body:not(.site-page-active) .insurgency-progress-section,
html body:not(.site-page-active) .ins-faction-card,
html body:not(.site-page-active) .pandora-risk-fw-card,
html body:not(.site-page-active) .traders-dev-panel,
html body:not(.site-page-active) .traders-dev-callout,
html body:not(.site-page-active) .landmark-record-panel {
  background:
    linear-gradient(180deg, rgba(5, 31, 42, .84), rgba(1, 7, 12, .96)),
    var(--pandora-map-grid),
    var(--map-bg) !important;
  background-size: auto, 24px 24px, 24px 24px, auto !important;
  border-color: var(--pandora-map-border) !important;
  color: var(--map-text) !important;
  box-shadow:
    inset 0 0 0 1px rgba(127, 252, 255, .035),
    inset 0 0 34px rgba(0, 0, 0, .58),
    0 0 22px rgba(0, 0, 0, .58),
    0 0 18px rgba(39, 245, 255, .06) !important;
}

html body:not(.site-page-active) .map-panel::before,
html body:not(.site-page-active) #hud::before,
html body:not(.site-page-active) #infoPanel::before,
html body:not(.site-page-active) .pandora-ops-card::before,
html body:not(.site-page-active) .pandora-ops-create-panel::before,
html body:not(.site-page-active) .fleet-ops-card::before,
html body:not(.site-page-active) .info-section::before {
  background:
    linear-gradient(90deg, rgba(39, 245, 255, .86) 0 72px, rgba(127, 252, 255, .28) 72px 116px, transparent 116px) top left / 100% 1px no-repeat,
    linear-gradient(180deg, rgba(39, 245, 255, .56) 0 42px, transparent 42px) top left / 1px 100% no-repeat,
    var(--pandora-map-scan) !important;
  border-color: rgba(39, 245, 255, .22) !important;
  box-shadow: none !important;
}

html body:not(.site-page-active) .map-panel::after,
html body:not(.site-page-active) .pandora-ops-card::after,
html body:not(.site-page-active) .fleet-ops-card::after {
  background: linear-gradient(115deg, transparent 0 44%, rgba(39, 245, 255, .055) 46%, transparent 49% 100%) !important;
  box-shadow: none !important;
}

html body:not(.site-page-active) #hud h1,
html body:not(.site-page-active) #infoPanel h2,
html body:not(.site-page-active) .info-title,
html body:not(.site-page-active) .pandora-ops-section-head h3,
html body:not(.site-page-active) .pandora-ops-create-head strong,
html body:not(.site-page-active) .pandora-ops-card-title,
html body:not(.site-page-active) .pandora-ops-dossier-title,
html body:not(.site-page-active) .fleet-ops-section-title,
html body:not(.site-page-active) .operator-card-head,
html body:not(.site-page-active) .landmark-title,
html body:not(.site-page-active) .traders-dev-title {
  color: var(--map-text) !important;
  text-shadow: 0 0 14px rgba(39, 245, 255, .18) !important;
}

html body:not(.site-page-active) .info-copy,
html body:not(.site-page-active) .info-row span:first-child,
html body:not(.site-page-active) .pandora-ops-meta,
html body:not(.site-page-active) .pandora-ops-create-note,
html body:not(.site-page-active) .pandora-ops-dossier-copy,
html body:not(.site-page-active) .pandora-ops-dossier-meta,
html body:not(.site-page-active) .fleet-ops-card-sub,
html body:not(.site-page-active) .fleet-ops-kicker,
html body:not(.site-page-active) .fleet-ops-intel-row span,
html body:not(.site-page-active) .landmark-copy,
html body:not(.site-page-active) .traders-dev-copy {
  color: var(--map-muted) !important;
}

html body:not(.site-page-active) .info-row strong,
html body:not(.site-page-active) .pandora-ops-stat strong,
html body:not(.site-page-active) .pandora-ops-dossier-stat strong,
html body:not(.site-page-active) .fleet-ops-stat strong,
html body:not(.site-page-active) .fleet-ops-metric strong,
html body:not(.site-page-active) .fleet-ops-intel-row strong {
  color: var(--map-text) !important;
}

html body:not(.site-page-active) .pandora-ops-dossier-contributor,
html body:not(.site-page-active) .pandora-ops-objective-contributor {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  margin: 6px 0 7px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: rgba(215, 251, 255, .92) !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  letter-spacing: .075em !important;
  text-transform: uppercase !important;
}

html body:not(.site-page-active) .pandora-ops-dossier-contributor span,
html body:not(.site-page-active) .pandora-ops-objective-contributor span {
  color: var(--map-cyan-bright) !important;
  font-weight: 900 !important;
}

html body:not(.site-page-active) .pandora-ops-dossier-contributor strong,
html body:not(.site-page-active) .pandora-ops-objective-contributor strong {
  color: var(--map-text) !important;
  font-weight: 900 !important;
}

html body:not(.site-page-active) .pandora-ops-dossier-contributor em,
html body:not(.site-page-active) .pandora-ops-objective-contributor em {
  color: var(--warning, #ffbd4a) !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

html body:not(.site-page-active) .pandora-ops-contributor-portrait {
  width: 20px !important;
  height: 20px !important;
  object-fit: cover !important;
  border: 1px solid rgba(39, 245, 255, .36) !important;
  box-shadow: 0 0 8px rgba(39, 245, 255, .16) !important;
}

html body:not(.site-page-active) .pandora-ops-badge.is-inactive {
  background:
    linear-gradient(180deg, rgba(255, 63, 63, .30), rgba(86, 8, 16, .88)) !important;
  border-color: rgba(255, 88, 88, .62) !important;
  color: #ffe9e9 !important;
  text-shadow: 0 0 10px rgba(255, 63, 63, .30) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, .04),
    inset 0 0 18px rgba(255, 63, 63, .12),
    0 0 12px rgba(255, 63, 63, .10) !important;
}

html body:not(.site-page-active) #siteNavPanel,
html body:not(.site-page-active) #modeDock,
html body:not(.site-page-active) .hud-topbar {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  clip-path: none !important;
}

html body:not(.site-page-active) .hud-topbar::before,
html body:not(.site-page-active) .hud-topbar::after,
html body:not(.site-page-active) #siteNavPanel::before,
html body:not(.site-page-active) #siteNavPanel::after,
html body:not(.site-page-active) #modeDock::before,
html body:not(.site-page-active) #modeDock::after {
  display: none !important;
}

html body:not(.site-page-active) #siteNavPanel .site-nav-btn,
html body:not(.site-page-active) #modeDock .mode-btn,
html body:not(.site-page-active) .hud-topbar .menu-profile-link,
html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot a,
html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot button,
html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot .btn,
html body:not(.site-page-active) .hud-topbar #notifications_holder a,
html body:not(.site-page-active) .hud-topbar #notifications_holder button,
html body:not(.site-page-active) .hud-topbar #notifications_holder .btn,
html body:not(.site-page-active) .hud-topbar .top-cell.time-cell,
html body:not(.site-page-active) .zoom-btn,
html body:not(.site-page-active) #hud button,
html body:not(.site-page-active) #hud select,
html body:not(.site-page-active) #hud input,
html body:not(.site-page-active) .pandora-ops-tab,
html body:not(.site-page-active) .pandora-ops-subfilter,
html body:not(.site-page-active) .pandora-ops-page-btn,
html body:not(.site-page-active) .pandora-ops-create-btn,
html body:not(.site-page-active) .pandora-ops-detail-btn,
html body:not(.site-page-active) .fleet-ops-actions a,
html body:not(.site-page-active) .fleet-ops-actions button,
html body:not(.site-page-active) .ops-mini-btn,
html body:not(.site-page-active) .pandora-ops-search,
html body:not(.site-page-active) select,
html body:not(.site-page-active) input,
html body:not(.site-page-active) textarea {
  background:
    linear-gradient(150deg, rgba(7, 31, 44, .96), rgba(1, 8, 14, .95) 60%, rgba(0, 20, 30, .95)),
    linear-gradient(90deg, rgba(39, 245, 255, .050) 1px, transparent 1px) !important;
  background-size: auto, 24px 24px !important;
  border-color: rgba(39, 245, 255, .32) !important;
  border-top-color: rgba(127, 252, 255, .50) !important;
  border-bottom-color: rgba(39, 245, 255, .22) !important;
  color: rgba(215, 251, 255, .90) !important;
  box-shadow:
    inset 0 1px 0 rgba(215, 251, 255, .045),
    inset 0 -2px 0 rgba(39, 245, 255, .09),
    0 0 12px rgba(39, 245, 255, .06) !important;
  text-shadow: 0 0 10px rgba(39, 245, 255, .20) !important;
}

html body:not(.site-page-active) #siteNavPanel .site-nav-btn,
html body:not(.site-page-active) #modeDock .mode-btn,
html body:not(.site-page-active) .hud-topbar .menu-profile-link,
html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot a,
html body:not(.site-page-active) .hud-topbar #notifications_holder a,
html body:not(.site-page-active) .hud-topbar .top-cell.time-cell {
  height: 42px !important;
  min-height: 42px !important;
  clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%) !important;
}

html body:not(.site-page-active) #siteNavPanel .site-nav-btn::before,
html body:not(.site-page-active) #modeDock .mode-btn::before {
  content: "" !important;
  position: absolute !important;
  left: 9px !important;
  top: 6px !important;
  width: 26px !important;
  height: 2px !important;
  display: block !important;
  background: linear-gradient(90deg, rgba(39, 245, 255, .95), rgba(127, 252, 255, .58), transparent) !important;
  box-shadow: none !important;
  opacity: .84 !important;
}

html body:not(.site-page-active) #siteNavPanel .site-nav-btn::after,
html body:not(.site-page-active) #modeDock .mode-btn::after,
html body:not(.site-page-active) .hud-topbar .top-cell.time-cell::after {
  content: "" !important;
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 6px !important;
  top: auto !important;
  height: 1px !important;
  display: block !important;
  background: linear-gradient(90deg, transparent, rgba(39, 245, 255, .50), transparent) !important;
  box-shadow: 0 0 10px rgba(39, 245, 255, .18) !important;
  opacity: .72 !important;
}

html body:not(.site-page-active) #modeDock .mode-ico,
html body:not(.site-page-active) #modeDock .mode-btn svg [fill]:not([fill="none"]),
html body:not(.site-page-active) #modeDock .mode-btn svg [stroke]:not([stroke="none"]),
html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot svg,
html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot i,
html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot iconify-icon,
html body:not(.site-page-active) .hud-topbar #notifications_holder svg,
html body:not(.site-page-active) .hud-topbar #notifications_holder i,
html body:not(.site-page-active) .hud-topbar #notifications_holder iconify-icon {
  color: var(--map-cyan-bright) !important;
  fill: var(--map-cyan-bright) !important;
  stroke: var(--map-cyan-bright) !important;
  filter: drop-shadow(0 0 8px rgba(39, 245, 255, .34)) !important;
}

html body:not(.site-page-active) #siteNavPanel .site-nav-btn.is-active,
html body:not(.site-page-active) #siteNavPanel .site-nav-btn:hover,
html body:not(.site-page-active) #modeDock .mode-btn.is-active,
html body:not(.site-page-active) #modeDock .mode-btn:hover,
html body:not(.site-page-active) .hud-topbar .menu-profile-link:hover,
html body:not(.site-page-active) .hud-topbar .menu-profile-link:focus,
html body:not(.site-page-active) .hud-topbar .profile-menu-toggle:checked + .menu-profile-link,
html body:not(.site-page-active) .zoom-btn:hover,
html body:not(.site-page-active) #hud button:hover,
html body:not(.site-page-active) .pandora-ops-tab:hover,
html body:not(.site-page-active) .pandora-ops-tab.is-active,
html body:not(.site-page-active) .pandora-ops-subfilter:hover,
html body:not(.site-page-active) .pandora-ops-subfilter.is-active,
html body:not(.site-page-active) .pandora-ops-page-btn:hover,
html body:not(.site-page-active) .pandora-ops-page-btn.is-active,
html body:not(.site-page-active) .pandora-ops-create-btn:hover,
html body:not(.site-page-active) .pandora-ops-detail-btn:hover,
html body:not(.site-page-active) .fleet-ops-actions a:hover,
html body:not(.site-page-active) .fleet-ops-actions button:hover,
html body:not(.site-page-active) .ops-mini-btn:hover {
  background: linear-gradient(135deg, rgba(127, 252, 255, .96), rgba(39, 245, 255, .72) 56%, rgba(20, 110, 150, .96)) !important;
  border-color: rgba(127, 252, 255, .95) !important;
  color: #021117 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .28),
    inset 0 0 20px rgba(255, 255, 255, .10),
    0 0 22px rgba(39, 245, 255, .28) !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .28) !important;
}

html body:not(.site-page-active) #modeDock .mode-btn.is-active .mode-ico,
html body:not(.site-page-active) #modeDock .mode-btn:hover .mode-ico,
html body:not(.site-page-active) #modeDock .mode-btn.is-active svg [fill]:not([fill="none"]),
html body:not(.site-page-active) #modeDock .mode-btn:hover svg [fill]:not([fill="none"]),
html body:not(.site-page-active) #modeDock .mode-btn.is-active svg [stroke]:not([stroke="none"]),
html body:not(.site-page-active) #modeDock .mode-btn:hover svg [stroke]:not([stroke="none"]) {
  color: #021117 !important;
  fill: #021117 !important;
  stroke: #021117 !important;
  filter: none !important;
}

html body:not(.site-page-active) .hud-topbar .menu-profile-image {
  border-color: rgba(39, 245, 255, .42) !important;
  box-shadow: 0 0 14px rgba(39, 245, 255, .16) !important;
}

html body:not(.site-page-active) .hud-topbar .dropdown-menu {
  background:
    linear-gradient(180deg, rgba(4, 22, 30, .98), rgba(0, 0, 0, .99)),
    linear-gradient(90deg, rgba(39, 245, 255, .045) 1px, transparent 1px) !important;
  background-size: auto, 24px 24px !important;
  border-color: rgba(39, 245, 255, .32) !important;
  box-shadow: 0 22px 48px rgba(0, 0, 0, .82), 0 0 24px rgba(39, 245, 255, .12) !important;
  clip-path: none !important;
}

html body:not(.site-page-active) .hud-topbar .dropdown-item:hover,
html body:not(.site-page-active) .hud-topbar .dropdown-item:focus {
  color: #021117 !important;
  background: linear-gradient(90deg, rgba(127, 252, 255, .96), rgba(39, 245, 255, .72)) !important;
  border-left-color: var(--map-cyan) !important;
}

html body:not(.site-page-active) select option {
  background: #041018 !important;
  color: var(--map-text) !important;
}

html body:not(.site-page-active) .pandora-ops-create-actions {
  gap: 10px !important;
}

html body:not(.site-page-active) .pandora-ops-create-btn,
html body:not(.site-page-active) .pandora-ops-create-actions .pandora-ops-create-btn:nth-child(2n) {
  min-height: 46px !important;
  padding: 0 22px !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0 !important;
  overflow: hidden !important;
  clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 10px) !important;
  background:
    radial-gradient(circle at 72% 10%, rgba(39, 245, 255, .24), transparent 9%),
    linear-gradient(180deg, rgba(7, 31, 44, .90), rgba(1, 8, 14, .96) 48%, rgba(0, 0, 0, .98)),
    linear-gradient(90deg, rgba(39, 245, 255, .11), rgba(39, 245, 255, .05), rgba(39, 245, 255, .11)) !important;
  border: 1px solid rgba(39, 245, 255, .44) !important;
  border-left-color: rgba(127, 252, 255, .82) !important;
  border-right-color: rgba(39, 245, 255, .60) !important;
  color: rgba(215, 251, 255, .94) !important;
  box-shadow:
    inset 0 0 0 1px rgba(215, 251, 255, .045),
    inset 0 0 24px rgba(39, 245, 255, .10),
    0 0 18px rgba(0, 0, 0, .46) !important;
  text-shadow: 0 0 10px rgba(39, 245, 255, .22) !important;
}

html body:not(.site-page-active) .pandora-ops-create-btn iconify-icon,
html body:not(.site-page-active) .pandora-ops-create-actions .pandora-ops-create-btn:nth-child(2n) iconify-icon {
  display: none !important;
}

html body:not(.site-page-active) .pandora-ops-create-btn::before,
html body:not(.site-page-active) .pandora-ops-create-actions .pandora-ops-create-btn:nth-child(2n)::before {
  content: "" !important;
  position: absolute !important;
  inset: 7px 12px !important;
  width: auto !important;
  height: auto !important;
  background:
    linear-gradient(90deg, rgba(127, 252, 255, .88) 0 26px, transparent 26px) top left / 100% 2px no-repeat,
    linear-gradient(180deg, rgba(127, 252, 255, .82) 0 16px, transparent 16px) top left / 2px 100% no-repeat,
    linear-gradient(270deg, rgba(39, 245, 255, .62) 0 22px, transparent 22px) bottom right / 100% 2px no-repeat,
    linear-gradient(0deg, rgba(39, 245, 255, .58) 0 16px, transparent 16px) bottom right / 2px 100% no-repeat !important;
  border: 0 !important;
  clip-path: none !important;
  opacity: .82 !important;
  pointer-events: none !important;
  transform: none !important;
  box-shadow: none !important;
}

html body:not(.site-page-active) .pandora-ops-create-btn::after,
html body:not(.site-page-active) .pandora-ops-create-actions .pandora-ops-create-btn:nth-child(2n)::after {
  content: "" !important;
  position: absolute !important;
  left: 28px !important;
  right: 28px !important;
  bottom: 8px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(39, 245, 255, .66), transparent) !important;
  opacity: .85 !important;
  transform: none !important;
  box-shadow: 0 0 10px rgba(39, 245, 255, .22) !important;
}

html body:not(.site-page-active) .pandora-ops-create-btn span {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  color: inherit !important;
  font-size: 11px !important;
  letter-spacing: .23em !important;
}

html body:not(.site-page-active) .pandora-ops-type-icon,
html body:not(.site-page-active) .pandora-ops-objective-icon,
html body:not(.site-page-active) .pandora-ops-dossier-portrait,
html body:not(.site-page-active) .fleet-ops-fc-portrait,
html body:not(.site-page-active) .operator-number,
html body:not(.site-page-active) .landmark-icon {
  background:
    radial-gradient(circle at 50% 42%, rgba(39, 245, 255, .18), transparent 62%),
    rgba(1, 8, 14, .70) !important;
  border-color: rgba(39, 245, 255, .34) !important;
  color: var(--map-cyan-bright) !important;
  box-shadow: inset 0 0 14px rgba(39, 245, 255, .06), 0 0 12px rgba(0, 0, 0, .42) !important;
}

html body:not(.site-page-active) .pandora-ops-type-icon iconify-icon,
html body:not(.site-page-active) .pandora-ops-type-icon svg,
html body:not(.site-page-active) .pandora-ops-objective-icon svg,
html body:not(.site-page-active) .operator-card-head .live-dot {
  color: var(--map-cyan-bright) !important;
  fill: var(--map-cyan-bright) !important;
  stroke: var(--map-cyan-bright) !important;
  filter: drop-shadow(0 0 8px rgba(39, 245, 255, .24)) !important;
}

html body:not(.site-page-active) #newEdenMap .system {
  fill: var(--pandora-system-fill) !important;
}

html body:not(.site-page-active) #newEdenMap .system:not([style*="--pandora-system-fill"]) {
  fill: revert !important;
}

html body:not(.site-page-active) #newEdenMap .system,
html body:not(.site-page-active) #newEdenMap .system-node circle,
html body:not(.site-page-active) #newEdenMap .fw-system circle,
html body:not(.site-page-active) #newEdenMap .ins-system circle {
  stroke: rgba(127, 252, 255, .62) !important;
}

html body:not(.site-page-active) #newEdenMap .system.is-selected,
html body:not(.site-page-active) #newEdenMap .system-node.is-selected circle {
  stroke: rgba(255, 255, 255, .96) !important;
  filter: drop-shadow(0 0 10px rgba(39, 245, 255, .42)) !important;
}

html body:not(.site-page-active) .jump,
html body:not(.site-page-active) .jump-line,
html body:not(.site-page-active) .fw-link,
html body:not(.site-page-active) .ins-link {
  stroke: rgba(127, 252, 255, .25) !important;
  opacity: .46 !important;
}

html body:not(.site-page-active) .jump-region,
html body:not(.site-page-active) .jump-line.is-highlighted,
html body:not(.site-page-active) .fw-link.is-active,
html body:not(.site-page-active) .ins-link.is-active {
  stroke: rgba(127, 252, 255, .78) !important;
  opacity: .76 !important;
  filter: drop-shadow(0 0 8px rgba(39, 245, 255, .22)) !important;
}

html body:not(.site-page-active) .region-label,
html body:not(.site-page-active) .system-label,
html body:not(.site-page-active) .constellation-label,
html body:not(.site-page-active) .map-label {
  fill: rgba(215, 251, 255, .82) !important;
  color: rgba(215, 251, 255, .88) !important;
  stroke: rgba(0, 0, 0, .92) !important;
}

html body:not(.site-page-active) #tooltip,
html body:not(.site-page-active) #tooltip.pandora-insurgency-tooltip,
html body:not(.site-page-active) #tooltip.pandora-fw-tooltip,
html body:not(.site-page-active) #tooltip.fleet-ops-tooltip,
html body:not(.site-page-active) #tooltip.pandora-ops-tooltip,
html body:not(.site-page-active) #tooltip.pandora-landmark-tooltip,
html body:not(.site-page-active) .ins-tooltip-card,
html body:not(.site-page-active) .ins-tooltip-rogue,
html body:not(.site-page-active) .fw-tooltip-rogue,
html body:not(.site-page-active) .landmark-tooltip-card,
html body:not(.site-page-active) .pandora-ops-objective-tooltip,
html body:not(.site-page-active) .pandora-ops-objective-card {
  background:
    radial-gradient(circle at 82% 18%, rgba(39, 245, 255, .10), transparent 32%),
    linear-gradient(180deg, rgba(5, 31, 42, .94), rgba(1, 7, 12, .98)),
    var(--pandora-map-grid),
    var(--map-bg) !important;
  background-size: auto, auto, 24px 24px, 24px 24px, auto !important;
  border-color: rgba(39, 245, 255, .34) !important;
  color: var(--map-text) !important;
  box-shadow:
    0 22px 48px rgba(0, 0, 0, .78),
    inset 0 0 0 1px rgba(127, 252, 255, .045),
    inset 0 0 42px rgba(0, 0, 0, .55),
    0 0 24px rgba(39, 245, 255, .10) !important;
}

html body:not(.site-page-active) #tooltip.pandora-insurgency-tooltip::before,
html body:not(.site-page-active) #tooltip.pandora-insurgency-tooltip::after,
html body:not(.site-page-active) #tooltip.pandora-fw-tooltip::before,
html body:not(.site-page-active) #tooltip.pandora-fw-tooltip::after,
html body:not(.site-page-active) .pandora-ops-objective-tooltip::before,
html body:not(.site-page-active) .ins-tooltip-side::before,
html body:not(.site-page-active) .ins-tooltip-side::after,
html body:not(.site-page-active) .fw-tooltip-rogue .ins-tooltip-side::before,
html body:not(.site-page-active) .fw-tooltip-rogue .ins-tooltip-side::after {
  background:
    var(--pandora-map-scan),
    radial-gradient(circle at 78% 38%, rgba(39, 245, 255, .09), transparent 38%),
    linear-gradient(90deg, transparent 0 56%, rgba(39, 245, 255, .040) 74%, transparent 100%) !important;
  border-color: rgba(39, 245, 255, .18) !important;
  box-shadow: none !important;
}

html body:not(.site-page-active) .ins-tooltip-faction,
html body:not(.site-page-active) .ins-tooltip-bar-label span,
html body:not(.site-page-active) .pandora-ops-objective-kicker,
html body:not(.site-page-active) .pandora-ops-objective-type,
html body:not(.site-page-active) .landmark-tooltip-kicker,
html body:not(.site-page-active) .fleet-ops-tooltip-kicker,
html body:not(.site-page-active) .fw-tooltip-kicker {
  color: var(--map-cyan-bright) !important;
}

html body:not(.site-page-active) #tooltip.pandora-insurgency-tooltip,
html body:not(.site-page-active) #tooltip.pandora-insurgency-tooltip .ins-tooltip-rogue,
html body:not(.site-page-active) #tooltip.pandora-insurgency-tooltip .ins-tooltip-card,
html body:not(.site-page-active) #tooltip.pandora-insurgency-tooltip .ins-tooltip-main,
html body:not(.site-page-active) #tooltip.pandora-insurgency-tooltip .ins-tooltip-system-list,
html body:not(.site-page-active) #tooltip.pandora-insurgency-tooltip .ins-tooltip-system-row {
  background:
    repeating-linear-gradient(180deg, rgba(255, 255, 255, .022) 0 1px, transparent 1px 6px),
    linear-gradient(180deg, rgba(7, 8, 9, .98), rgba(0, 0, 0, .99)) !important;
  border-color: rgba(127, 252, 255, .20) !important;
  box-shadow:
    0 22px 48px rgba(0, 0, 0, .82),
    inset 0 0 0 1px rgba(255, 255, 255, .025),
    inset 0 0 42px rgba(0, 0, 0, .62) !important;
}

html body:not(.site-page-active) #tooltip.pandora-insurgency-tooltip::before,
html body:not(.site-page-active) #tooltip.pandora-insurgency-tooltip::after,
html body:not(.site-page-active) #tooltip.pandora-insurgency-tooltip .ins-tooltip-main::before,
html body:not(.site-page-active) #tooltip.pandora-insurgency-tooltip .ins-tooltip-main::after,
html body:not(.site-page-active) #tooltip.pandora-insurgency-tooltip .ins-tooltip-side::before,
html body:not(.site-page-active) #tooltip.pandora-insurgency-tooltip .ins-tooltip-side::after {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body:not(.site-page-active) #tooltip.pandora-insurgency-tooltip .ins-tooltip-side {
  background:
    repeating-linear-gradient(180deg, rgba(255, 255, 255, .018) 0 1px, transparent 1px 6px),
    linear-gradient(180deg, rgba(7, 8, 9, .48), rgba(0, 0, 0, .58)) !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body:not(.site-page-active) #tooltip.pandora-insurgency-tooltip .ins-tooltip-logo {
  opacity: .56 !important;
  filter:
    grayscale(.08)
    contrast(1.25)
    brightness(1.25)
    drop-shadow(0 0 14px rgba(0, 0, 0, .75)) !important;
}

html body:not(.site-page-active) #tooltip.pandora-insurgency-tooltip:has(.ins-tooltip-system-list) .ins-tooltip-rogue {
  padding-right: 330px !important;
}

html body:not(.site-page-active) #tooltip.pandora-insurgency-tooltip:has(.ins-tooltip-system-list) .ins-tooltip-side {
  position: absolute !important;
  top: 30px !important;
  right: 48px !important;
  width: 292px !important;
  height: 276px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

html body:not(.site-page-active) #tooltip.pandora-insurgency-tooltip:has(.ins-tooltip-system-list) .ins-tooltip-logo {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  mix-blend-mode: screen !important;
  opacity: .76 !important;
  filter:
    grayscale(.04)
    contrast(1.28)
    brightness(1.55)
    saturate(1.2)
    drop-shadow(0 0 18px rgba(0, 0, 0, .86))
    drop-shadow(0 0 22px rgba(127, 252, 255, .14)) !important;
}

html body:not(.site-page-active) .pandora-ops-progress-fill,
html body:not(.site-page-active) .pandora-ops-pip.is-filled,
html body:not(.site-page-active) .fleet-ops-progress-fill,
html body:not(.site-page-active) .ins-suppression-dot.is-complete,
html body:not(.site-page-active) .ins-dot.is-suppression.is-complete,
html body:not(.site-page-active) .ins-dot.suppressed,
html body:not(.site-page-active) .suppression-pip.is-active {
  background: linear-gradient(90deg, #0b5d43, #39e89e) !important;
  border-color: rgba(127, 252, 255, .70) !important;
}

html body:not(.site-page-active) .ins-corruption-dot.is-complete,
html body:not(.site-page-active) .ins-dot.is-corruption.is-complete,
html body:not(.site-page-active) .ins-dot.corrupted,
html body:not(.site-page-active) .corruption-pip.is-active {
  background: linear-gradient(90deg, #4c1016, #ff3f3f) !important;
  border-color: rgba(255, 145, 145, .68) !important;
}

html body:not(.site-page-active) #infoPanel .insurgency-progress-section .ins-dot {
  background:
    radial-gradient(circle at 42% 32%, rgba(215, 251, 255, .06), transparent 48%),
    linear-gradient(180deg, #05090c, #000 72%) !important;
  border-color: rgba(215, 251, 255, .72) !important;
  color: rgba(215, 251, 255, .90) !important;
  box-shadow:
    inset 0 0 9px rgba(0, 0, 0, .78),
    0 0 5px rgba(0, 0, 0, .62) !important;
}

html body:not(.site-page-active) #infoPanel .insurgency-progress-section .ins-dot.is-suppression.is-active {
  background:
    radial-gradient(circle at 45% 32%, rgba(115, 210, 142, .38), transparent 42%),
    linear-gradient(180deg, #145f36, #07351d 58%, #031d11) !important;
  border-color: rgba(103, 218, 139, .86) !important;
  color: #d8ffe3 !important;
  box-shadow:
    0 0 9px rgba(50, 155, 82, .28),
    inset 0 0 10px rgba(0, 0, 0, .54) !important;
}

html body:not(.site-page-active) #infoPanel .insurgency-progress-section .ins-dot.is-corruption.is-active {
  background:
    radial-gradient(circle at 45% 32%, rgba(255, 115, 115, .35), transparent 42%),
    linear-gradient(180deg, #a91c26, #4c1016 62%, #210508) !important;
  border-color: rgba(255, 145, 145, .82) !important;
  color: #ffe7e7 !important;
  box-shadow:
    0 0 9px rgba(255, 63, 63, .26),
    inset 0 0 10px rgba(0, 0, 0, .52) !important;
}

html body:not(.site-page-active) .pandora-risk-fw-classification.is-frontline,
html body:not(.site-page-active) .fleet-ops-status-pill.is-active {
  background: #39e89e !important;
  border: 0 !important;
  color: #021117 !important;
}

html body:not(.site-page-active) .pandora-risk-fw-classification.is-rearguard,
html body:not(.site-page-active) .fleet-ops-status-pill.is-ended {
  background: #ff3f3f !important;
  border: 0 !important;
  color: #080101 !important;
}

html body:not(.site-page-active) .pandora-risk-fw-classification.is-command-operations,
html body:not(.site-page-active) .pandora-risk-fw-classification.is-command {
  background: #ffbd4a !important;
  border: 0 !important;
  color: #120b00 !important;
}

html body:not(.site-page-active) .pandora-ops-card.is-epic-area,
html body:not(.site-page-active) .pandora-ops-objective-card.is-epic-area,
html body:not(.site-page-active) #newEdenMap .pandora-ops-hex.is-epic-area {
  border-color: rgba(255, 216, 92, .86) !important;
  stroke: #ffd85c !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 216, 92, .18),
    0 0 18px rgba(255, 216, 92, .18) !important;
}

html body:not(.site-page-active) .pandora-ops-epic-highlight-copy {
  color: #ffd85c !important;
  font-weight: 900 !important;
  text-shadow: 0 0 12px rgba(255, 216, 92, .26) !important;
}

html body:not(.site-page-active) #infoPanel::-webkit-scrollbar,
html body:not(.site-page-active) #hud::-webkit-scrollbar,
html body:not(.site-page-active) .pandora-ops-list::-webkit-scrollbar,
html body:not(.site-page-active) .fleet-ops-list::-webkit-scrollbar,
html body:not(.site-page-active) .info-section::-webkit-scrollbar,
html body:not(.site-page-active) .map-panel::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}

html body:not(.site-page-active) #infoPanel::-webkit-scrollbar-track,
html body:not(.site-page-active) #hud::-webkit-scrollbar-track,
html body:not(.site-page-active) .pandora-ops-list::-webkit-scrollbar-track,
html body:not(.site-page-active) .fleet-ops-list::-webkit-scrollbar-track,
html body:not(.site-page-active) .info-section::-webkit-scrollbar-track,
html body:not(.site-page-active) .map-panel::-webkit-scrollbar-track {
  background: rgba(1, 7, 12, .82);
}

html body:not(.site-page-active) #infoPanel::-webkit-scrollbar-thumb,
html body:not(.site-page-active) #hud::-webkit-scrollbar-thumb,
html body:not(.site-page-active) .pandora-ops-list::-webkit-scrollbar-thumb,
html body:not(.site-page-active) .fleet-ops-list::-webkit-scrollbar-thumb,
html body:not(.site-page-active) .info-section::-webkit-scrollbar-thumb,
html body:not(.site-page-active) .map-panel::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(127, 252, 255, .86), rgba(39, 245, 255, .28));
  border: 1px solid rgba(39, 245, 255, .32);
}

/* Map header parity: use the same cyan cockpit tabs as the home screen. */
html body:not(.site-page-active) #pandoraLogo {
  position: fixed !important;
  left: 30px !important;
  top: 19px !important;
  width: 178px !important;
  height: 44px !important;
  overflow: visible !important;
  opacity: 1 !important;
  filter: drop-shadow(0 0 16px rgba(39, 245, 255, .42)) !important;
  z-index: 61 !important;
}

html body:not(.site-page-active) #pandoraLogo::after {
  content: "YOUR UNIVERSE. YOUR WAR." !important;
  position: absolute !important;
  left: 2px !important;
  top: 34px !important;
  width: max-content !important;
  max-width: none !important;
  overflow: visible !important;
  color: #27f5ff !important;
  font: 800 10px/1 var(--ph-font-mono) !important;
  letter-spacing: .18em !important;
  text-shadow: 0 0 10px rgba(39, 245, 255, .65) !important;
  white-space: nowrap !important;
}

html body:not(.site-page-active) #pandoraLogo .pandora-logo-sheen {
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  right: auto !important;
  bottom: auto !important;
  width: 178px !important;
  height: 32px !important;
  inset: auto !important;
  overflow: hidden !important;
  transform: none !important;
  mix-blend-mode: screen !important;
  opacity: .55 !important;
  background:
    linear-gradient(90deg, transparent 0%, transparent 42%, rgba(255, 255, 255, .06) 47%, rgba(104, 207, 196, .42) 50%, rgba(255, 255, 255, .16) 53%, transparent 59%, transparent 100%) !important;
  background-size: 300% 100% !important;
  background-position: -160% 0 !important;
  animation: pandoraMapLogoSheen 6.8s ease-in-out 1.1s infinite !important;
  clip-path: inset(0 0 0 0) !important;
}

html body:not(.site-page-active) #siteNavPanel,
html body:not(.site-page-active) #modeDock,
html body:not(.site-page-active) .hud-topbar {
  z-index: 60 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  clip-path: none !important;
}

html body:not(.site-page-active) #siteNavPanel {
  position: fixed !important;
  top: 17px !important;
  left: 250px !important;
  right: auto !important;
  width: 362px !important;
  height: 56px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  gap: 6px !important;
  padding: 0 !important;
  overflow: visible !important;
}

html body:not(.site-page-active) #modeDock {
  position: fixed !important;
  top: 17px !important;
  left: 620px !important;
  right: 560px !important;
  bottom: auto !important;
  width: auto !important;
  height: 56px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  gap: 6px !important;
  padding: 0 !important;
  overflow: visible !important;
}

html body:not(.site-page-active) .hud-topbar {
  position: fixed !important;
  top: 17px !important;
  left: auto !important;
  right: 24px !important;
  bottom: auto !important;
  width: 520px !important;
  height: 56px !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  padding: 0 !important;
  overflow: visible !important;
}

html body:not(.site-page-active) .hud-topbar .brand-cell,
html body:not(.site-page-active) .hud-topbar > .top-cell:not(.time-cell),
html body:not(.site-page-active) .hud-topbar .tab-cell {
  display: none !important;
}

html body:not(.site-page-active) #siteNavPanel::before,
html body:not(.site-page-active) #siteNavPanel::after,
html body:not(.site-page-active) #modeDock::before,
html body:not(.site-page-active) #modeDock::after,
html body:not(.site-page-active) .hud-topbar::before,
html body:not(.site-page-active) .hud-topbar::after {
  content: none !important;
  display: none !important;
}

html body:not(.site-page-active) #siteNavPanel .site-nav-btn,
html body:not(.site-page-active) #modeDock .mode-btn,
html body:not(.site-page-active) #modeDock .mode-btn[data-layer="pandoraOps"],
html body:not(.site-page-active) #modeDock .mode-btn-wide,
html body:not(.site-page-active) .hud-topbar .menu-profile-link,
html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot a,
html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot button,
html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot .btn,
html body:not(.site-page-active) .hud-topbar #notifications_holder a,
html body:not(.site-page-active) .hud-topbar #notifications_holder button,
html body:not(.site-page-active) .hud-topbar #notifications_holder .btn,
html body:not(.site-page-active) .hud-topbar .top-cell.time-cell {
  position: relative !important;
  height: 48px !important;
  min-height: 48px !important;
  border: 1px solid rgba(39, 245, 255, .34) !important;
  border-left-color: rgba(39, 245, 255, .34) !important;
  border-top-color: rgba(127, 252, 255, .46) !important;
  border-bottom-color: rgba(39, 245, 255, .22) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(155deg, rgba(6, 26, 37, .76), rgba(1, 7, 12, .9) 58%, rgba(3, 23, 33, .74)) !important;
  color: #d7fbff !important;
  clip-path: polygon(15px 0, 100% 0, calc(100% - 15px) 100%, 0 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(127, 252, 255, .035),
    inset 0 -10px 18px rgba(39, 245, 255, .028),
    0 0 12px rgba(39, 245, 255, .06) !important;
  text-shadow: 0 0 10px rgba(39, 245, 255, .20) !important;
  outline: 0 !important;
}

html body:not(.site-page-active) #siteNavPanel .site-nav-btn {
  width: 86px !important;
  padding: 0 13px !important;
  overflow: visible !important;
  white-space: nowrap !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .1em !important;
}

html body:not(.site-page-active) #modeDock .mode-btn {
  flex: 1 1 92px !important;
  min-width: 78px !important;
  max-width: 112px !important;
  display: grid !important;
  grid-template-rows: 23px 1fr !important;
  place-items: center !important;
  padding: 6px 10px 5px !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  letter-spacing: .08em !important;
}

html body:not(.site-page-active) #modeDock .mode-btn[data-layer="pandoraOps"],
html body:not(.site-page-active) #modeDock .mode-btn-wide {
  flex: 2.5 1 220px !important;
  min-width: 214px !important;
  max-width: 260px !important;
}

html body:not(.site-page-active) #modeDock .mode-ico,
html body:not(.site-page-active) #modeDock .mode-ico svg {
  width: 22px !important;
  height: 22px !important;
}

html body:not(.site-page-active) #modeDock .mode-ico,
html body:not(.site-page-active) #modeDock .mode-btn svg [fill]:not([fill="none"]),
html body:not(.site-page-active) #modeDock .mode-btn svg [stroke]:not([stroke="none"]),
html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot svg,
html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot i,
html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot iconify-icon,
html body:not(.site-page-active) .hud-topbar #notifications_holder svg,
html body:not(.site-page-active) .hud-topbar #notifications_holder i,
html body:not(.site-page-active) .hud-topbar #notifications_holder iconify-icon {
  color: #7ffcff !important;
  fill: #7ffcff !important;
  stroke: #7ffcff !important;
  filter: drop-shadow(0 0 10px rgba(39, 245, 255, .48)) !important;
}

html body:not(.site-page-active) #siteNavPanel .site-nav-btn::before,
html body:not(.site-page-active) #modeDock .mode-btn::before,
html body:not(.site-page-active) .hud-topbar .menu-profile-link::before,
html body:not(.site-page-active) .hud-topbar .top-cell.time-cell::before {
  content: "" !important;
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 7px !important;
  top: auto !important;
  width: auto !important;
  height: 1px !important;
  display: block !important;
  background: linear-gradient(90deg, transparent, #27f5ff, transparent) !important;
  box-shadow: 0 0 10px rgba(39, 245, 255, .18) !important;
  opacity: .42 !important;
  pointer-events: none !important;
}

html body:not(.site-page-active) #siteNavPanel .site-nav-btn::after,
html body:not(.site-page-active) #modeDock .mode-btn::after,
html body:not(.site-page-active) .hud-topbar .top-cell.time-cell::after {
  content: none !important;
  display: none !important;
}

html body:not(.site-page-active) #siteNavPanel .site-nav-btn:hover,
html body:not(.site-page-active) #modeDock .mode-btn:hover,
html body:not(.site-page-active) .hud-topbar .menu-profile-link:hover,
html body:not(.site-page-active) .hud-topbar .menu-profile-link:focus,
html body:not(.site-page-active) .hud-topbar .profile-menu-toggle:checked + .menu-profile-link,
html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot a:hover,
html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot button:hover,
html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot .btn:hover,
html body:not(.site-page-active) .hud-topbar #notifications_holder a:hover,
html body:not(.site-page-active) .hud-topbar #notifications_holder button:hover,
html body:not(.site-page-active) .hud-topbar #notifications_holder .btn:hover,
html body:not(.site-page-active) .hud-topbar .top-cell.time-cell:hover {
  border-color: rgba(127, 252, 255, .86) !important;
  color: #fff !important;
  background:
    linear-gradient(155deg, rgba(6, 26, 37, .84), rgba(1, 7, 12, .94) 58%, rgba(3, 23, 33, .82)) !important;
  box-shadow:
    inset 0 0 20px rgba(39, 245, 255, .12),
    0 0 22px rgba(39, 245, 255, .22) !important;
  text-shadow: 0 0 12px rgba(39, 245, 255, .32) !important;
}

html body:not(.site-page-active) #siteNavPanel .site-nav-btn.is-active,
html body:not(.site-page-active) #modeDock .mode-btn.is-active {
  color: #021117 !important;
  border-color: rgba(127, 252, 255, .95) !important;
  background:
    linear-gradient(135deg, rgba(127, 252, 255, .96), rgba(39, 245, 255, .7) 55%, rgba(20, 110, 150, .95)) !important;
  box-shadow:
    inset 0 0 18px rgba(255, 255, 255, .1),
    0 0 18px rgba(39, 245, 255, .34) !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .32) !important;
}

html body:not(.site-page-active) #modeDock .mode-btn.is-active .mode-ico,
html body:not(.site-page-active) #modeDock .mode-btn.is-active svg [fill]:not([fill="none"]),
html body:not(.site-page-active) #modeDock .mode-btn.is-active svg [stroke]:not([stroke="none"]) {
  color: #021117 !important;
  fill: #021117 !important;
  stroke: #021117 !important;
  filter: none !important;
}

html body:not(.site-page-active) .hud-topbar .hud-user-actions {
  display: flex !important;
  align-items: stretch !important;
  height: 56px !important;
  gap: 8px !important;
}

html body:not(.site-page-active) .hud-topbar .menu-profile,
html body:not(.site-page-active) .hud-topbar .menu-profile-link {
  height: 48px !important;
}

html body:not(.site-page-active) .hud-topbar .menu-profile {
  width: 244px !important;
}

html body:not(.site-page-active) .hud-topbar .menu-profile-link {
  width: 244px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 7px 28px 7px 9px !important;
  text-decoration: none !important;
}

html body:not(.site-page-active) .hud-topbar .menu-profile-image {
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
  padding: 0 !important;
  border: 1px solid rgba(39, 245, 255, .42) !important;
  background: rgba(1, 7, 12, .88) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  box-shadow: 0 0 14px rgba(39, 245, 255, .16) !important;
}

html body:not(.site-page-active) .hud-topbar .menu-profile-image img,
html body:not(.site-page-active) .hud-topbar .menu-profile-image .avatar,
html body:not(.site-page-active) .hud-topbar .menu-profile-image .avatar-sm {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
}

html body:not(.site-page-active) .hud-topbar .menu-profile-info .fw-bold {
  color: #d7fbff !important;
  font: 900 10px/1.15 var(--ph-font-display) !important;
  letter-spacing: .13em !important;
}

html body:not(.site-page-active) .hud-topbar .menu-profile-info::after {
  content: "SECURE ACCESS" !important;
  display: block !important;
  margin-top: 3px !important;
  color: #27f5ff !important;
  font: 800 9px/1 var(--ph-font-mono) !important;
  letter-spacing: .15em !important;
}

html body:not(.site-page-active) .hud-topbar .menu-profile .caret {
  border-top-color: #7ffcff !important;
}

@keyframes pandoraMapLogoSheen {
  0%, 62% {
    opacity: 0;
    background-position: -160% 0;
  }

  70% {
    opacity: .72;
  }

  86% {
    opacity: .45;
    background-position: 160% 0;
  }

  100% {
    opacity: 0;
    background-position: 160% 0;
  }
}

@media (max-width: 1700px) {
  html body:not(.site-page-active) #siteNavPanel {
    left: 220px !important;
    width: 306px !important;
  }

  html body:not(.site-page-active) #modeDock {
    left: 540px !important;
    right: 484px !important;
  }

  html body:not(.site-page-active) .hud-topbar {
    width: 460px !important;
  }
}

/* Map panel top alignment: match the Home content-panel breathing room under the shared header. */
html body:not(.site-page-active) #hud,
html body:not(.site-page-active) #infoPanel,
html body:not(.site-page-active) #mapFrame,
html body:not(.site-page-active) #zoomControls {
  top: 86px !important;
}


/* Final header parity pass: one source of truth for Home and every map view. */
html body #pandoraLogo {
  position: fixed !important;
  left: 24px !important;
  top: 22px !important;
  width: 164px !important;
  height: 44px !important;
  opacity: 1 !important;
  filter: drop-shadow(0 0 16px rgba(39, 245, 255, .42)) !important;
  z-index: 61 !important;
}

html body #pandoraLogo::after {
  content: "YOUR UNIVERSE. YOUR WAR." !important;
  position: absolute !important;
  left: 2px !important;
  top: 34px !important;
  color: #27f5ff !important;
  font: 800 10px/1 var(--ph-font-mono) !important;
  letter-spacing: .18em !important;
  text-shadow: 0 0 10px rgba(39, 245, 255, .65) !important;
  white-space: nowrap !important;
}

html body #siteNavPanel,
html body #modeDock,
html body .hud-topbar {
  z-index: 60 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  clip-path: none !important;
}

html body #siteNavPanel {
  position: fixed !important;
  top: 17px !important;
  left: 250px !important;
  right: auto !important;
  width: 362px !important;
  height: 56px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  gap: 6px !important;
  padding: 0 !important;
  overflow: visible !important;
}

html body #modeDock {
  position: fixed !important;
  top: 17px !important;
  left: 620px !important;
  right: 560px !important;
  bottom: auto !important;
  width: auto !important;
  height: 56px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  gap: 6px !important;
  padding: 0 !important;
  overflow: visible !important;
}

html body .hud-topbar {
  position: fixed !important;
  top: 17px !important;
  left: auto !important;
  right: 24px !important;
  bottom: auto !important;
  width: 520px !important;
  height: 56px !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  padding: 0 !important;
  overflow: visible !important;
}

html body .hud-topbar .brand-cell,
html body .hud-topbar > .top-cell:not(.time-cell),
html body .hud-topbar .tab-cell {
  display: none !important;
}

html body #siteNavPanel::before,
html body #siteNavPanel::after,
html body #modeDock::before,
html body #modeDock::after,
html body .hud-topbar::before,
html body .hud-topbar::after {
  content: none !important;
  display: none !important;
}

html body #siteNavPanel .site-nav-btn,
html body #modeDock .mode-btn,
html body #modeDock .mode-btn[data-layer="pandoraOps"],
html body #modeDock .mode-btn-wide,
html body .hud-topbar .menu-profile-link,
html body .hud-topbar .hud-header-calendar-slot a,
html body .hud-topbar .hud-header-calendar-slot button,
html body .hud-topbar .hud-header-calendar-slot .btn,
html body .hud-topbar #notifications_holder a,
html body .hud-topbar #notifications_holder button,
html body .hud-topbar #notifications_holder .btn,
html body .hud-topbar .top-cell.time-cell {
  position: relative !important;
  height: 48px !important;
  min-height: 48px !important;
  border: 1px solid rgba(39, 245, 255, .34) !important;
  border-left-color: rgba(39, 245, 255, .34) !important;
  border-top-color: rgba(127, 252, 255, .46) !important;
  border-bottom-color: rgba(39, 245, 255, .22) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(155deg, rgba(6, 26, 37, .76), rgba(1, 7, 12, .9) 58%, rgba(3, 23, 33, .74)) !important;
  color: #d7fbff !important;
  clip-path: polygon(15px 0, 100% 0, calc(100% - 15px) 100%, 0 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(127, 252, 255, .035),
    inset 0 -10px 18px rgba(39, 245, 255, .028),
    0 0 12px rgba(39, 245, 255, .06) !important;
  text-shadow: 0 0 10px rgba(39, 245, 255, .20) !important;
  outline: 0 !important;
}

html body #siteNavPanel .site-nav-btn {
  width: 86px !important;
  padding: 0 13px !important;
  overflow: visible !important;
  white-space: nowrap !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .1em !important;
}

html body #modeDock .mode-btn {
  flex: 1 1 92px !important;
  min-width: 78px !important;
  max-width: 112px !important;
  display: grid !important;
  grid-template-rows: 23px 1fr !important;
  place-items: center !important;
  padding: 6px 10px 5px !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  letter-spacing: .08em !important;
}

html body #modeDock .mode-btn[data-layer="pandoraOps"],
html body #modeDock .mode-btn-wide {
  flex: 2.5 1 220px !important;
  min-width: 214px !important;
  max-width: 260px !important;
}

html body #modeDock .mode-ico,
html body #modeDock .mode-ico svg {
  width: 22px !important;
  height: 22px !important;
}

html body #modeDock .mode-ico,
html body #modeDock .mode-btn svg [fill]:not([fill="none"]),
html body #modeDock .mode-btn svg [stroke]:not([stroke="none"]),
html body .hud-topbar .hud-header-calendar-slot svg,
html body .hud-topbar .hud-header-calendar-slot i,
html body .hud-topbar .hud-header-calendar-slot iconify-icon,
html body .hud-topbar #notifications_holder svg,
html body .hud-topbar #notifications_holder i,
html body .hud-topbar #notifications_holder iconify-icon {
  color: #7ffcff !important;
  fill: #7ffcff !important;
  stroke: #7ffcff !important;
  filter: drop-shadow(0 0 10px rgba(39, 245, 255, .48)) !important;
}

html body #siteNavPanel .site-nav-btn::before,
html body #modeDock .mode-btn::before,
html body .hud-topbar .menu-profile-link::before,
html body .hud-topbar .top-cell.time-cell::before {
  content: "" !important;
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 7px !important;
  top: auto !important;
  width: auto !important;
  height: 1px !important;
  display: block !important;
  background: linear-gradient(90deg, transparent, #27f5ff, transparent) !important;
  box-shadow: 0 0 10px rgba(39, 245, 255, .18) !important;
  opacity: .42 !important;
  pointer-events: none !important;
}

html body #siteNavPanel .site-nav-btn::after,
html body #modeDock .mode-btn::after,
html body .hud-topbar .top-cell.time-cell::after {
  content: none !important;
  display: none !important;
}

html body #siteNavPanel .site-nav-btn:hover,
html body #modeDock .mode-btn:hover,
html body .hud-topbar .menu-profile-link:hover,
html body .hud-topbar .menu-profile-link:focus,
html body .hud-topbar .profile-menu-toggle:checked + .menu-profile-link,
html body .hud-topbar .hud-header-calendar-slot a:hover,
html body .hud-topbar .hud-header-calendar-slot button:hover,
html body .hud-topbar .hud-header-calendar-slot .btn:hover,
html body .hud-topbar #notifications_holder a:hover,
html body .hud-topbar #notifications_holder button:hover,
html body .hud-topbar #notifications_holder .btn:hover,
html body .hud-topbar .top-cell.time-cell:hover {
  border-color: rgba(127, 252, 255, .86) !important;
  color: #fff !important;
  background:
    linear-gradient(155deg, rgba(6, 26, 37, .84), rgba(1, 7, 12, .94) 58%, rgba(3, 23, 33, .82)) !important;
  box-shadow:
    inset 0 0 20px rgba(39, 245, 255, .12),
    0 0 22px rgba(39, 245, 255, .22) !important;
  text-shadow: 0 0 12px rgba(39, 245, 255, .32) !important;
}

html body #siteNavPanel .site-nav-btn.is-active,
html body #modeDock .mode-btn.is-active {
  color: #021117 !important;
  border-color: rgba(127, 252, 255, .95) !important;
  background:
    linear-gradient(135deg, rgba(127, 252, 255, .96), rgba(39, 245, 255, .7) 55%, rgba(20, 110, 150, .95)) !important;
  box-shadow:
    inset 0 0 18px rgba(255, 255, 255, .1),
    0 0 18px rgba(39, 245, 255, .34) !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .32) !important;
}

html body #modeDock .mode-btn.is-active .mode-ico,
html body #modeDock .mode-btn.is-active svg [fill]:not([fill="none"]),
html body #modeDock .mode-btn.is-active svg [stroke]:not([stroke="none"]) {
  color: #021117 !important;
  fill: #021117 !important;
  stroke: #021117 !important;
  filter: none !important;
}

html body .hud-topbar .hud-user-actions {
  display: flex !important;
  align-items: stretch !important;
  height: 56px !important;
  gap: 8px !important;
}

html body .hud-topbar .menu-profile,
html body .hud-topbar .menu-profile-link {
  height: 48px !important;
}

html body .hud-topbar .menu-profile {
  width: 244px !important;
}

html body .hud-topbar .menu-profile-link {
  width: 244px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 7px 28px 7px 9px !important;
  text-decoration: none !important;
}

html body .hud-topbar .menu-profile-image {
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
  padding: 0 !important;
  border: 1px solid rgba(39, 245, 255, .42) !important;
  background: rgba(1, 7, 12, .88) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  box-shadow: 0 0 14px rgba(39, 245, 255, .16) !important;
}

html body .hud-topbar .menu-profile-image img,
html body .hud-topbar .menu-profile-image .avatar,
html body .hud-topbar .menu-profile-image .avatar-sm {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
}

html body .hud-topbar .menu-profile-info .fw-bold {
  color: #d7fbff !important;
  font: 900 10px/1.15 var(--ph-font-display) !important;
  letter-spacing: .13em !important;
}

html body .hud-topbar .menu-profile-info::after {
  content: "SECURE ACCESS" !important;
  display: block !important;
  margin-top: 3px !important;
  color: #27f5ff !important;
  font: 800 9px/1 var(--ph-font-mono) !important;
  letter-spacing: .15em !important;
}

html body .hud-topbar .menu-profile .caret {
  border-top-color: #7ffcff !important;
}

html body #zoomControls {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  clip-path: none !important;
  padding: 0 !important;
  gap: 10px !important;
}

html body #zoomControls::before,
html body #zoomControls::after {
  content: none !important;
  display: none !important;
}

html body #zoomControls .zoom-btn {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  clip-path: none !important;
  color: #7ffcff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-shadow: 0 0 10px rgba(39, 245, 255, .65) !important;
  filter: drop-shadow(0 0 8px rgba(39, 245, 255, .42)) !important;
}

html body #zoomControls .zoom-btn::before,
html body #zoomControls .zoom-btn::after {
  content: none !important;
  display: none !important;
}

html body #zoomControls .zoom-btn span {
  font: 900 18px/1 var(--ph-font-display) !important;
}

html body #zoomControls .zoom-btn svg {
  width: 22px !important;
  height: 22px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
}

html body #zoomControls .zoom-btn:hover,
html body #zoomControls .zoom-btn:focus {
  color: #ffffff !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: drop-shadow(0 0 12px rgba(39, 245, 255, .8)) !important;
}

@media (max-width: 1700px) {
  html body #siteNavPanel {
    left: 220px !important;
    width: 306px !important;
  }

  html body #modeDock {
    left: 540px !important;
    right: 484px !important;
  }

  html body .hud-topbar {
    width: 460px !important;
  }
}

/* Map title should be plain text only, without HUD framing or rule lines. */
html body:not(.site-page-active) #mapModeLabel,
html body:not(.site-page-active) .map-mode-label {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  clip-path: none !important;
  padding: 0 !important;
  min-width: 0 !important;
  width: auto !important;
  color: #d7fbff !important;
  text-shadow: 0 0 10px rgba(39, 245, 255, .32) !important;
}

html body:not(.site-page-active) #mapModeLabel::before,
html body:not(.site-page-active) #mapModeLabel::after,
html body:not(.site-page-active) .map-mode-label::before,
html body:not(.site-page-active) .map-mode-label::after {
  content: none !important;
  display: none !important;
}

body.site-home-active .ph-hero-partner-badge {
  display: block;
  width: min(100%, 266px);
  height: auto;
  margin-top: 18px;
  object-fit: contain;
  filter: drop-shadow(0 0 14px rgba(39, 245, 255, .24));
}

body.site-home-active .ph-hero-panel::after {
  right: -118px !important;
  top: 78px !important;
  width: 360px !important;
  height: 255px !important;
  border-radius: 0 !important;
  background:
    linear-gradient(90deg, rgba(2, 8, 13, .58), rgba(2, 8, 13, .08) 42%, rgba(2, 8, 13, .48)),
    url("/assets/img/MjAyODU1MzIwMzc5NDY2ODIw.webp") center center / cover no-repeat !important;
  box-shadow: none !important;
  opacity: .38 !important;
  filter: saturate(.95) contrast(1.08) brightness(.9) !important;
}

body.site-home-active .ph-hero-content {
  text-transform: uppercase !important;
}

body.site-home-active .ph-hero-content h1 {
  max-width: 250px !important;
  margin-bottom: 14px !important;
  font-size: 19px !important;
  line-height: 1.22 !important;
  letter-spacing: .22em !important;
}

body.site-home-active .ph-hero-content p {
  text-transform: uppercase !important;
}

body.site-home-active .ph-support-panel,
body:not(.site-page-active) .map-support-panel {
  display: block;
  width: 100%;
}

body.site-home-active .ph-hero-support-box,
body:not(.site-page-active) .map-support-panel .ph-hero-support-box {
  appearance: none;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: block;
  width: 100%;
  min-height: 96px;
  margin: 0;
  padding: 15px 18px 14px;
  border: 2px solid #ff3232;
  background:
    linear-gradient(135deg, rgba(42, 0, 0, .66), rgba(8, 0, 0, .74) 58%, rgba(2, 0, 0, .86));
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  cursor: pointer;
  clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
  box-shadow:
    inset 0 0 24px rgba(255, 63, 63, .2),
    0 0 20px rgba(255, 50, 50, .38);
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease, background .16s ease;
}

body.site-home-active .ph-hero-support-box::before,
body:not(.site-page-active) .map-support-panel .ph-hero-support-box::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  display: none;
}

body.site-home-active .ph-hero-support-bg,
body:not(.site-page-active) .map-support-panel .ph-hero-support-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
  object-position: center center;
  opacity: .98;
  filter: saturate(1.35) contrast(1.12) brightness(1.22);
  pointer-events: none;
  user-select: none;
}

body.site-home-active .ph-hero-support-box::after,
body:not(.site-page-active) .map-support-panel .ph-hero-support-box::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(8, 0, 0, .28), rgba(44, 0, 0, .08) 50%, rgba(5, 0, 0, .16)),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, .055) 0 1px, transparent 1px 4px);
}

body.site-home-active .ph-hero-support-box span,
body:not(.site-page-active) .map-support-panel .ph-hero-support-box span {
  position: relative;
  z-index: 2;
  display: block;
  font-family: var(--ph-font-display);
  font-size: 20px;
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: .14em;
  color: #fff;
  text-shadow: 0 0 12px rgba(255, 63, 63, .82);
}

body.site-home-active .ph-hero-support-box small,
body:not(.site-page-active) .map-support-panel .ph-hero-support-box small {
  position: relative;
  z-index: 2;
  display: block;
  margin-top: 8px;
  font-family: var(--ph-font-display);
  font-size: 10px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: .08em;
  color: #ffd7d7;
}

body.site-home-active .ph-hero-support-box:hover,
body.site-home-active .ph-hero-support-box:focus-visible,
body:not(.site-page-active) .map-support-panel .ph-hero-support-box:hover,
body:not(.site-page-active) .map-support-panel .ph-hero-support-box:focus-visible {
  border-color: #ff7070;
  background:
    linear-gradient(135deg, rgba(58, 0, 0, .58), rgba(12, 0, 0, .68) 58%, rgba(2, 0, 0, .82));
  box-shadow:
    inset 0 0 30px rgba(255, 85, 85, .28),
    0 0 28px rgba(255, 55, 55, .55);
  transform: translateY(-1px);
  outline: none;
}

body.site-home-active .ph-hero-support-box:hover::before,
body.site-home-active .ph-hero-support-box:focus-visible::before,
body:not(.site-page-active) .map-support-panel .ph-hero-support-box:hover::before,
body:not(.site-page-active) .map-support-panel .ph-hero-support-box:focus-visible::before {
  display: none;
}

body.site-home-active .ph-hero-support-box:hover .ph-hero-support-bg,
body.site-home-active .ph-hero-support-box:focus-visible .ph-hero-support-bg,
body:not(.site-page-active) .map-support-panel .ph-hero-support-box:hover .ph-hero-support-bg,
body:not(.site-page-active) .map-support-panel .ph-hero-support-box:focus-visible .ph-hero-support-bg {
  opacity: 1;
  filter: saturate(1.5) contrast(1.16) brightness(1.32);
}

html body:not(.site-page-active) #hud .map-support-panel .ph-hero-support-box {
  appearance: none !important;
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  display: block !important;
  width: 100% !important;
  min-height: 96px !important;
  margin: 0 !important;
  padding: 15px 18px 14px !important;
  border: 2px solid #ff3232 !important;
  border-radius: 0 !important;
  background: linear-gradient(135deg, rgba(42, 0, 0, .66), rgba(8, 0, 0, .74) 58%, rgba(2, 0, 0, .86)) !important;
  background-size: auto !important;
  color: #fff !important;
  text-align: left !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px) !important;
  box-shadow: inset 0 0 24px rgba(255, 63, 63, .2), 0 0 20px rgba(255, 50, 50, .38) !important;
  text-shadow: none !important;
}

html body:not(.site-page-active) #hud .map-support-panel .ph-hero-support-box::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: none !important;
}

html body:not(.site-page-active) #hud .map-support-panel .ph-hero-support-box::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  display: block !important;
  background:
    linear-gradient(90deg, rgba(8, 0, 0, .28), rgba(44, 0, 0, .08) 50%, rgba(5, 0, 0, .16)),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, .055) 0 1px, transparent 1px 4px) !important;
  box-shadow: none !important;
}

html body:not(.site-page-active) #hud .map-support-panel .ph-hero-support-bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: fill !important;
  object-position: center center !important;
  opacity: .98 !important;
  filter: saturate(1.35) contrast(1.12) brightness(1.22) !important;
  pointer-events: none !important;
  user-select: none !important;
}

html body:not(.site-page-active) #hud .map-support-panel .ph-hero-support-box span,
html body:not(.site-page-active) #hud .map-support-panel .ph-hero-support-box small {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  font-family: var(--ph-font-display) !important;
  text-transform: uppercase !important;
}

html body:not(.site-page-active) #hud .map-support-panel .ph-hero-support-box span {
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  letter-spacing: .14em !important;
  color: #fff !important;
  text-shadow: 0 0 12px rgba(255, 63, 63, .82) !important;
}

html body:not(.site-page-active) #hud .map-support-panel .ph-hero-support-box small {
  margin-top: 8px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: .08em !important;
  color: #ffd7d7 !important;
  text-shadow: none !important;
}

html body:not(.site-page-active) #hud .map-support-panel .ph-hero-support-box:hover,
html body:not(.site-page-active) #hud .map-support-panel .ph-hero-support-box:focus-visible {
  border-color: #ff7070 !important;
  background: linear-gradient(135deg, rgba(58, 0, 0, .58), rgba(12, 0, 0, .68) 58%, rgba(2, 0, 0, .82)) !important;
  box-shadow: inset 0 0 30px rgba(255, 85, 85, .28), 0 0 28px rgba(255, 55, 55, .55) !important;
  color: #fff !important;
  text-shadow: none !important;
  transform: translateY(-1px) !important;
  outline: none !important;
}

html body:not(.site-page-active) #hud .map-support-panel .ph-hero-support-box:hover .ph-hero-support-bg,
html body:not(.site-page-active) #hud .map-support-panel .ph-hero-support-box:focus-visible .ph-hero-support-bg {
  opacity: 1 !important;
  filter: saturate(1.5) contrast(1.16) brightness(1.32) !important;
}

#modal_support,
#modal_support * {
  text-transform: uppercase !important;
}

#modal_support .modal-content {
  border-color: rgba(39, 245, 255, .45) !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(39, 245, 255, .10), transparent 34%),
    linear-gradient(180deg, rgba(4, 22, 30, .96), rgba(1, 7, 12, .98)) !important;
  box-shadow:
    0 22px 60px rgba(0, 0, 0, .68),
    inset 0 0 0 1px rgba(127, 252, 255, .08),
    0 0 26px rgba(39, 245, 255, .14) !important;
}

#modal_support .modal-header,
#modal_support .modal-footer {
  border-color: rgba(39, 245, 255, .34) !important;
  background: linear-gradient(90deg, rgba(39, 245, 255, .12), transparent 70%) !important;
}

#modal_support .pandora-support-close {
  width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  margin-left: auto !important;
  padding: 0 !important;
  border: 1px solid rgba(127, 252, 255, .72) !important;
  background: rgba(2, 8, 13, .86) !important;
  color: #d7fbff !important;
  clip-path: polygon(7px 0, 100% 0, 100% calc(100% - 7px), calc(100% - 7px) 100%, 0 100%, 0 7px) !important;
  box-shadow: inset 0 0 16px rgba(39, 245, 255, .12), 0 0 16px rgba(39, 245, 255, .2) !important;
  font: 900 18px/1 var(--ph-font-display) !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-shadow: 0 0 12px rgba(39, 245, 255, .58) !important;
}

#modal_support .pandora-support-close:hover,
#modal_support .pandora-support-close:focus {
  border-color: rgba(127, 252, 255, 1) !important;
  background: rgba(9, 38, 48, .94) !important;
  color: #ffffff !important;
  outline: 0 !important;
}

#modal_support .text-theme,
#modal_support a,
#modal_support iconify-icon {
  color: #7ffcff !important;
}

#modal_support .pandora-support-paypal-wrap,
#modal_support .pandora-support-paypal-form,
#modal_support .pandora-support-paypal-form::before,
#modal_support .pandora-support-paypal-form::after {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  clip-path: none !important;
}

#modal_support .pandora-support-paypal-form::before,
#modal_support .pandora-support-paypal-form::after {
  content: none !important;
  display: none !important;
}

#modal_support .pandora-support-paypal-button,
#modal_support .pandora-support-paypal-button:hover,
#modal_support .pandora-support-paypal-button:focus {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  clip-path: none !important;
  outline: 0 !important;
}

#modal_support .pandora-support-twitch-btn {
  border: 1px solid rgba(39, 245, 255, .68) !important;
  background:
    linear-gradient(135deg, rgba(39, 245, 255, .24), rgba(4, 22, 30, .94) 58%, rgba(2, 8, 13, .98)) !important;
  color: #d7fbff !important;
  border-radius: 0 !important;
  clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%) !important;
  box-shadow:
    inset 0 0 22px rgba(39, 245, 255, .14),
    0 0 18px rgba(39, 245, 255, .22) !important;
  letter-spacing: .12em !important;
  text-shadow: 0 0 12px rgba(39, 245, 255, .46) !important;
}

#modal_support .pandora-support-twitch-btn:hover,
#modal_support .pandora-support-twitch-btn:focus {
  border-color: rgba(127, 252, 255, .96) !important;
  background:
    linear-gradient(135deg, rgba(127, 252, 255, .36), rgba(7, 34, 45, .96) 58%, rgba(2, 8, 13, .98)) !important;
  color: #ffffff !important;
  box-shadow:
    inset 0 0 28px rgba(39, 245, 255, .22),
    0 0 26px rgba(39, 245, 255, .34) !important;
}

/* Header parity hard-stop: the map view uses the same header geometry and styling as Home/About/News/Entities. */
html body #pandoraHeaderShell {
  display: contents !important;
}

html body:not(.site-page-active) #pandoraLogo {
  position: fixed !important;
  left: 30px !important;
  top: 19px !important;
  width: 178px !important;
  height: 44px !important;
  overflow: visible !important;
  opacity: 1 !important;
  filter: drop-shadow(0 0 16px rgba(39, 245, 255, .42)) !important;
  z-index: 61 !important;
}

html body:not(.site-page-active) #pandoraLogo::after {
  content: "YOUR UNIVERSE. YOUR WAR." !important;
  position: absolute !important;
  left: 2px !important;
  top: 34px !important;
  width: max-content !important;
  max-width: none !important;
  overflow: visible !important;
  color: #27f5ff !important;
  font: 800 10px/1 var(--ph-font-mono) !important;
  letter-spacing: .18em !important;
  text-shadow: 0 0 10px rgba(39, 245, 255, .65) !important;
  white-space: nowrap !important;
}

html body:not(.site-page-active) #pandoraLogo .pandora-logo-sheen {
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  right: auto !important;
  bottom: auto !important;
  width: 178px !important;
  height: 32px !important;
  inset: auto !important;
  overflow: hidden !important;
  transform: none !important;
  mix-blend-mode: screen !important;
  opacity: .55 !important;
  background:
    linear-gradient(90deg, transparent 0%, transparent 42%, rgba(255, 255, 255, .06) 47%, rgba(104, 207, 196, .42) 50%, rgba(255, 255, 255, .16) 53%, transparent 59%, transparent 100%) !important;
  background-size: 300% 100% !important;
  background-position: -160% 0 !important;
  animation: pandoraMapLogoSheen 6.8s ease-in-out 1.1s infinite !important;
  clip-path: inset(0 0 0 0) !important;
}

html body:not(.site-page-active) #siteNavPanel,
html body:not(.site-page-active) #modeDock,
html body:not(.site-page-active) .hud-topbar {
  z-index: 60 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  clip-path: none !important;
}

html body:not(.site-page-active) #siteNavPanel {
  position: fixed !important;
  top: 17px !important;
  left: 250px !important;
  right: auto !important;
  width: 362px !important;
  height: 56px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  gap: 6px !important;
  padding: 0 !important;
  overflow: visible !important;
}

html body:not(.site-page-active) #modeDock {
  position: fixed !important;
  top: 17px !important;
  left: 620px !important;
  right: 560px !important;
  bottom: auto !important;
  width: auto !important;
  height: 56px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  gap: 6px !important;
  padding: 0 !important;
  overflow: visible !important;
}

html body:not(.site-page-active) .hud-topbar {
  position: fixed !important;
  top: 17px !important;
  left: auto !important;
  right: 24px !important;
  bottom: auto !important;
  width: 520px !important;
  height: 56px !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  padding: 0 !important;
  overflow: visible !important;
}

html body:not(.site-page-active) .hud-topbar .brand-cell,
html body:not(.site-page-active) .hud-topbar > .top-cell:not(.time-cell),
html body:not(.site-page-active) .hud-topbar .tab-cell {
  display: none !important;
}

html body:not(.site-page-active) #siteNavPanel::before,
html body:not(.site-page-active) #siteNavPanel::after,
html body:not(.site-page-active) #modeDock::before,
html body:not(.site-page-active) #modeDock::after,
html body:not(.site-page-active) .hud-topbar::before,
html body:not(.site-page-active) .hud-topbar::after {
  content: none !important;
  display: none !important;
}

html body:not(.site-page-active) #siteNavPanel .site-nav-btn,
html body:not(.site-page-active) #modeDock .mode-btn,
html body:not(.site-page-active) #modeDock .mode-btn[data-layer="pandoraOps"],
html body:not(.site-page-active) #modeDock .mode-btn-wide,
html body:not(.site-page-active) .hud-topbar .menu-profile-link,
html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot a,
html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot button,
html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot .btn,
html body:not(.site-page-active) .hud-topbar #notifications_holder a,
html body:not(.site-page-active) .hud-topbar #notifications_holder button,
html body:not(.site-page-active) .hud-topbar #notifications_holder .btn,
html body:not(.site-page-active) .hud-topbar .top-cell.time-cell {
  position: relative !important;
  height: 48px !important;
  min-height: 48px !important;
  border: 1px solid rgba(39, 245, 255, .34) !important;
  border-left-color: rgba(39, 245, 255, .34) !important;
  border-top-color: rgba(127, 252, 255, .46) !important;
  border-bottom-color: rgba(39, 245, 255, .22) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(155deg, rgba(6, 26, 37, .76), rgba(1, 7, 12, .9) 58%, rgba(3, 23, 33, .74)) !important;
  color: #d7fbff !important;
  clip-path: polygon(15px 0, 100% 0, calc(100% - 15px) 100%, 0 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(127, 252, 255, .035),
    inset 0 -10px 18px rgba(39, 245, 255, .028),
    0 0 12px rgba(39, 245, 255, .06) !important;
  text-shadow: 0 0 10px rgba(39, 245, 255, .20) !important;
  outline: 0 !important;
}

html body:not(.site-page-active) #siteNavPanel .site-nav-btn {
  width: 86px !important;
  padding: 0 13px !important;
  overflow: visible !important;
  white-space: nowrap !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .1em !important;
}

html body:not(.site-page-active) #modeDock .mode-btn {
  flex: 1 1 92px !important;
  min-width: 78px !important;
  max-width: 112px !important;
  display: grid !important;
  grid-template-rows: 23px 1fr !important;
  place-items: center !important;
  padding: 6px 10px 5px !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  letter-spacing: .08em !important;
}

html body:not(.site-page-active) #modeDock .mode-btn[data-layer="pandoraOps"],
html body:not(.site-page-active) #modeDock .mode-btn-wide {
  flex: 2.5 1 220px !important;
  min-width: 214px !important;
  max-width: 260px !important;
}

html body:not(.site-page-active) #modeDock .mode-ico,
html body:not(.site-page-active) #modeDock .mode-ico svg {
  width: 22px !important;
  height: 22px !important;
}

html body:not(.site-page-active) #modeDock .mode-ico,
html body:not(.site-page-active) #modeDock .mode-btn svg [fill]:not([fill="none"]),
html body:not(.site-page-active) #modeDock .mode-btn svg [stroke]:not([stroke="none"]),
html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot svg,
html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot i,
html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot iconify-icon,
html body:not(.site-page-active) .hud-topbar #notifications_holder svg,
html body:not(.site-page-active) .hud-topbar #notifications_holder i,
html body:not(.site-page-active) .hud-topbar #notifications_holder iconify-icon {
  color: #7ffcff !important;
  fill: #7ffcff !important;
  stroke: #7ffcff !important;
  filter: drop-shadow(0 0 10px rgba(39, 245, 255, .48)) !important;
}

html body:not(.site-page-active) #siteNavPanel .site-nav-btn::before,
html body:not(.site-page-active) #modeDock .mode-btn::before,
html body:not(.site-page-active) .hud-topbar .menu-profile-link::before,
html body:not(.site-page-active) .hud-topbar .top-cell.time-cell::before {
  content: "" !important;
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 7px !important;
  top: auto !important;
  width: auto !important;
  height: 1px !important;
  display: block !important;
  background: linear-gradient(90deg, transparent, #27f5ff, transparent) !important;
  box-shadow: 0 0 10px rgba(39, 245, 255, .18) !important;
  opacity: .42 !important;
  pointer-events: none !important;
}

html body:not(.site-page-active) #siteNavPanel .site-nav-btn::after,
html body:not(.site-page-active) #modeDock .mode-btn::after,
html body:not(.site-page-active) .hud-topbar .top-cell.time-cell::after {
  content: none !important;
  display: none !important;
}

html body:not(.site-page-active) #siteNavPanel .site-nav-btn:hover,
html body:not(.site-page-active) #modeDock .mode-btn:hover,
html body:not(.site-page-active) .hud-topbar .menu-profile-link:hover,
html body:not(.site-page-active) .hud-topbar .menu-profile-link:focus,
html body:not(.site-page-active) .hud-topbar .profile-menu-toggle:checked + .menu-profile-link,
html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot a:hover,
html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot button:hover,
html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot .btn:hover,
html body:not(.site-page-active) .hud-topbar #notifications_holder a:hover,
html body:not(.site-page-active) .hud-topbar #notifications_holder button:hover,
html body:not(.site-page-active) .hud-topbar #notifications_holder .btn:hover,
html body:not(.site-page-active) .hud-topbar .top-cell.time-cell:hover {
  border-color: rgba(127, 252, 255, .86) !important;
  color: #fff !important;
  background:
    linear-gradient(155deg, rgba(6, 26, 37, .84), rgba(1, 7, 12, .94) 58%, rgba(3, 23, 33, .82)) !important;
  box-shadow:
    inset 0 0 20px rgba(39, 245, 255, .12),
    0 0 22px rgba(39, 245, 255, .22) !important;
  text-shadow: 0 0 12px rgba(39, 245, 255, .32) !important;
}

html body:not(.site-page-active) #siteNavPanel .site-nav-btn.is-active,
html body:not(.site-page-active) #modeDock .mode-btn.is-active {
  color: #021117 !important;
  border-color: rgba(127, 252, 255, .95) !important;
  background:
    linear-gradient(135deg, rgba(127, 252, 255, .96), rgba(39, 245, 255, .7) 55%, rgba(20, 110, 150, .95)) !important;
  box-shadow:
    inset 0 0 18px rgba(255, 255, 255, .1),
    0 0 18px rgba(39, 245, 255, .34) !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .32) !important;
}

html body:not(.site-page-active) #modeDock .mode-btn.is-active .mode-ico,
html body:not(.site-page-active) #modeDock .mode-btn.is-active svg [fill]:not([fill="none"]),
html body:not(.site-page-active) #modeDock .mode-btn.is-active svg [stroke]:not([stroke="none"]) {
  color: #021117 !important;
  fill: #021117 !important;
  stroke: #021117 !important;
  filter: none !important;
}

html body:not(.site-page-active) .hud-topbar .hud-user-actions {
  display: flex !important;
  align-items: stretch !important;
  height: 56px !important;
  gap: 8px !important;
}

html body:not(.site-page-active) .hud-topbar .menu-profile,
html body:not(.site-page-active) .hud-topbar .menu-profile-link {
  height: 48px !important;
}

html body:not(.site-page-active) .hud-topbar .menu-profile {
  width: 244px !important;
}

html body:not(.site-page-active) .hud-topbar .menu-profile-link {
  width: 244px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 7px 28px 7px 9px !important;
  text-decoration: none !important;
}

html body:not(.site-page-active) .hud-topbar .menu-profile-image {
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
  padding: 0 !important;
  border: 1px solid rgba(39, 245, 255, .42) !important;
  background: rgba(1, 7, 12, .88) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  box-shadow: 0 0 14px rgba(39, 245, 255, .16) !important;
}

html body:not(.site-page-active) .hud-topbar .menu-profile-image img,
html body:not(.site-page-active) .hud-topbar .menu-profile-image .avatar,
html body:not(.site-page-active) .hud-topbar .menu-profile-image .avatar-sm {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
}

html body:not(.site-page-active) .hud-topbar .menu-profile-info .fw-bold {
  color: #d7fbff !important;
  font: 900 10px/1.15 var(--ph-font-display) !important;
  letter-spacing: .13em !important;
}

html body:not(.site-page-active) .hud-topbar .menu-profile-info::after {
  content: "SECURE ACCESS" !important;
  display: block !important;
  margin-top: 3px !important;
  color: #27f5ff !important;
  font: 800 9px/1 var(--ph-font-mono) !important;
  letter-spacing: .15em !important;
}

html body:not(.site-page-active) .hud-topbar .menu-profile .caret {
  border-top-color: #7ffcff !important;
}

/* Map header compact typography: mirror the Home/About/News/Entities header scale exactly. */
html body:not(.site-page-active) #siteNavPanel .site-nav-btn,
html body:not(.site-page-active) #modeDock .mode-btn,
html body:not(.site-page-active) #modeDock .mode-btn[data-layer="pandoraOps"],
html body:not(.site-page-active) #modeDock .mode-btn-wide,
html body:not(.site-page-active) .hud-topbar .menu-profile-link,
html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot a,
html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot button,
html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot .btn,
html body:not(.site-page-active) .hud-topbar #notifications_holder a,
html body:not(.site-page-active) .hud-topbar #notifications_holder button,
html body:not(.site-page-active) .hud-topbar #notifications_holder .btn,
html body:not(.site-page-active) .hud-topbar .top-cell.time-cell {
  min-height: 48px !important;
  letter-spacing: .095em !important;
}

html body:not(.site-page-active) #siteNavPanel .site-nav-btn {
  width: 76px !important;
  padding: 0 10px !important;
  font-size: 10px !important;
}

html body:not(.site-page-active) #modeDock .mode-btn {
  flex: 1 1 86px !important;
  min-width: 74px !important;
  max-width: 104px !important;
  grid-template-rows: 18px 1fr !important;
  padding: 5px 8px 4px !important;
  font-size: 8px !important;
}

html body:not(.site-page-active) #modeDock .mode-btn[data-layer="pandoraOps"],
html body:not(.site-page-active) #modeDock .mode-btn-wide {
  flex: 2.35 1 204px !important;
  min-width: 190px !important;
  max-width: 236px !important;
}

html body:not(.site-page-active) #modeDock .mode-ico,
html body:not(.site-page-active) #modeDock .mode-ico svg {
  width: 18px !important;
  height: 18px !important;
}

html body:not(.site-page-active) #siteNavPanel .site-nav-btn::before,
html body:not(.site-page-active) #modeDock .mode-btn::before,
html body:not(.site-page-active) .hud-topbar .menu-profile-link::before,
html body:not(.site-page-active) .hud-topbar .top-cell.time-cell::before {
  left: 16px !important;
  right: 16px !important;
  bottom: 6px !important;
  opacity: .32 !important;
}

html body:not(.site-page-active) .hud-topbar .hud-user-actions,
html body:not(.site-page-active) .hud-topbar .hud-header-partials {
  height: 48px !important;
  gap: 6px !important;
}

html body:not(.site-page-active) .hud-topbar .menu-profile,
html body:not(.site-page-active) .hud-topbar .menu-profile-link {
  width: 218px !important;
  height: 48px !important;
}

html body:not(.site-page-active) .hud-topbar .menu-profile-link {
  gap: 8px !important;
  padding: 6px 28px 6px 8px !important;
}

html body:not(.site-page-active) .hud-topbar .menu-profile-image {
  width: 34px !important;
  height: 34px !important;
  flex-basis: 34px !important;
}

html body:not(.site-page-active) .hud-topbar .menu-profile-info .fw-bold {
  font-size: 8px !important;
  letter-spacing: .12em !important;
}

html body:not(.site-page-active) .hud-topbar .menu-profile-info::after {
  font-size: 8px !important;
}

html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot,
html body:not(.site-page-active) .hud-topbar #notifications_holder,
html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot a,
html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot button,
html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot .btn,
html body:not(.site-page-active) .hud-topbar #notifications_holder a,
html body:not(.site-page-active) .hud-topbar #notifications_holder button,
html body:not(.site-page-active) .hud-topbar #notifications_holder .btn {
  width: 44px !important;
  height: 48px !important;
  min-height: 48px !important;
}

html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot svg,
html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot i,
html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot iconify-icon,
html body:not(.site-page-active) .hud-topbar #notifications_holder svg,
html body:not(.site-page-active) .hud-topbar #notifications_holder i,
html body:not(.site-page-active) .hud-topbar #notifications_holder iconify-icon {
  width: 19px !important;
  height: 19px !important;
  font-size: 19px !important;
}

html body:not(.site-page-active) .hud-topbar .top-cell.time-cell {
  width: 154px !important;
  padding: 8px 12px !important;
  font-size: 13px !important;
}

html body:not(.site-page-active) .hud-topbar .top-cell.time-cell::after {
  top: 8px !important;
  left: 18px !important;
  font-size: 7px !important;
}

/* Mobile map workspace
   Keep the three shared navigation groups in compact, predictable lanes and
   turn the desktop information rail into a scrollable bottom sheet. */
@media (max-width: 760px) {
  html body:not(.site-page-active),
  html body:not(.site-page-active) #mapWrap {
    width: 100% !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    overflow: hidden !important;
  }

  html body:not(.site-page-active) #pandoraLogo,
  html body:not(.site-page-active) #hud {
    display: none !important;
  }

  html body:not(.site-page-active) #siteNavPanel {
    position: fixed !important;
    inset: 6px 8px auto 8px !important;
    width: auto !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
    overflow: hidden !important;
    z-index: 80 !important;
  }

  html body:not(.site-page-active) #siteNavPanel .site-nav-btn {
    width: auto !important;
    min-width: 0 !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 4px !important;
    overflow: hidden !important;
    font-size: 8px !important;
    letter-spacing: .055em !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body:not(.site-page-active) #modeDock {
    position: fixed !important;
    inset: 50px 8px auto 8px !important;
    width: auto !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain !important;
    scrollbar-width: thin !important;
    z-index: 80 !important;
  }

  html body:not(.site-page-active) #modeDock .mode-btn,
  html body:not(.site-page-active) #modeDock .mode-btn[data-layer="pandoraOps"],
  html body:not(.site-page-active) #modeDock .mode-btn-wide {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 102px !important;
    max-width: none !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 4px 10px !important;
    display: grid !important;
    grid-template-rows: 1fr !important;
    place-items: center !important;
    font-size: 7px !important;
    line-height: 1.1 !important;
    letter-spacing: .05em !important;
    white-space: nowrap !important;
  }

  html body:not(.site-page-active) #modeDock .mode-btn[data-layer="pandoraOps"],
  html body:not(.site-page-active) #modeDock .mode-btn-wide {
    min-width: 208px !important;
  }

  html body:not(.site-page-active) #modeDock .mode-btn > span:last-child {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: inherit !important;
    font-size: inherit !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body:not(.site-page-active) .hud-topbar {
    position: fixed !important;
    inset: 94px 8px auto 8px !important;
    width: auto !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
    gap: 4px !important;
    overflow: visible !important;
    z-index: 82 !important;
  }

  html body:not(.site-page-active) .hud-topbar .hud-user-actions,
  html body:not(.site-page-active) .hud-topbar .hud-header-partials {
    width: 100% !important;
    height: 42px !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
    gap: 4px !important;
  }

  html body:not(.site-page-active) .hud-topbar .menu-profile,
  html body:not(.site-page-active) .hud-topbar .menu-profile-link {
    width: min(180px, 42vw) !important;
    height: 42px !important;
    min-height: 42px !important;
  }

  html body:not(.site-page-active) .hud-topbar .menu-profile-link {
    gap: 6px !important;
    padding: 5px 18px 5px 6px !important;
  }

  html body:not(.site-page-active) .hud-topbar .menu-profile-image {
    width: 30px !important;
    height: 30px !important;
    flex-basis: 30px !important;
  }

  html body:not(.site-page-active) .hud-topbar .menu-profile-info .fw-bold {
    font-size: 7px !important;
  }

  html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot,
  html body:not(.site-page-active) .hud-topbar #notifications_holder,
  html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot a,
  html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot button,
  html body:not(.site-page-active) .hud-topbar #notifications_holder a,
  html body:not(.site-page-active) .hud-topbar #notifications_holder button {
    width: 38px !important;
    height: 42px !important;
    min-height: 42px !important;
  }

  html body:not(.site-page-active) .hud-topbar .top-cell.time-cell {
    width: 116px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 6px 8px !important;
    font-size: 10px !important;
  }

  html body:not(.site-page-active) #mapFrame {
    position: fixed !important;
    inset: 142px 6px calc(clamp(164px, 29dvh, 218px) + 14px) 6px !important;
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    transform: none !important;
    z-index: 8 !important;
  }

  html body:not(.site-page-active) #newEdenMap {
    width: 100% !important;
    height: 100% !important;
  }

  html body:not(.site-page-active) #infoPanel {
    position: fixed !important;
    inset: auto 6px 6px 6px !important;
    display: block !important;
    width: auto !important;
    height: clamp(164px, 29dvh, 218px) !important;
    max-height: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 10px 10px 12px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    z-index: 70 !important;
    box-shadow: 0 -10px 30px rgba(0, 0, 0, .72), inset 0 0 24px rgba(0, 163, 181, .04) !important;
  }

  html body:not(.site-page-active) #infoPanel > h2 {
    position: sticky !important;
    top: -10px !important;
    z-index: 3 !important;
    margin: -10px -10px 8px !important;
    padding: 8px 10px 7px !important;
    background: rgba(2, 14, 20, .96) !important;
  }

  html body:not(.site-page-active) #infoPanel .info-section {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  html body:not(.site-page-active) #zoomControls {
    position: fixed !important;
    top: 150px !important;
    right: 14px !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 30 !important;
  }

  /* Mobile tooltips are a quick status glance; the selected bottom sheet holds
     the complete dossier. */
  html body:not(.site-page-active) #tooltip,
  html body:not(.site-page-active) #tooltip.pandora-insurgency-tooltip,
  html body:not(.site-page-active) #tooltip.pandora-fw-tooltip,
  html body:not(.site-page-active) #tooltip.fleet-ops-tooltip,
  html body:not(.site-page-active) #tooltip.pandora-ops-tooltip,
  html body:not(.site-page-active) #tooltip.pandora-landmark-tooltip {
    width: min(292px, calc(100vw - 24px)) !important;
    min-width: 0 !important;
    max-width: min(292px, calc(100vw - 24px)) !important;
    min-height: 0 !important;
    max-height: 184px !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html body:not(.site-page-active) #tooltip .ins-tooltip-rogue,
  html body:not(.site-page-active) #tooltip .fw-tooltip-rogue,
  html body:not(.site-page-active) #tooltip .ins-tooltip-main,
  html body:not(.site-page-active) #tooltip .pandora-ops-objective-tooltip,
  html body:not(.site-page-active) #tooltip .ins-tooltip-card.pandora-ops-rp-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 10px !important;
    display: block !important;
  }

  html body:not(.site-page-active) #tooltip .ins-tooltip-side,
  html body:not(.site-page-active) #tooltip .ins-tooltip-copy,
  html body:not(.site-page-active) #tooltip .ins-tooltip-metrics,
  html body:not(.site-page-active) #tooltip .fw-tooltip-extra,
  html body:not(.site-page-active) #tooltip .fw-tooltip-risk-list,
  html body:not(.site-page-active) #tooltip .ins-tooltip-system-list,
  html body:not(.site-page-active) #tooltip .pandora-ops-tooltip-help,
  html body:not(.site-page-active) #tooltip .pandora-ops-rp-note,
  html body:not(.site-page-active) #tooltip .pandora-ops-rp-footer,
  html body:not(.site-page-active) #tooltip .pandora-ops-rp-count:nth-child(n + 2),
  html body:not(.site-page-active) #tooltip .pandora-ops-objective-card:nth-child(n + 2),
  html body:not(.site-page-active) #tooltip .pandora-ops-objective-more {
    display: none !important;
  }

  html body:not(.site-page-active) #tooltip .ins-tooltip-dates,
  html body:not(.site-page-active) #tooltip .ins-tooltip-faction,
  html body:not(.site-page-active) #tooltip .ins-tooltip-title {
    max-width: 100% !important;
  }

  html body:not(.site-page-active) #tooltip .ins-tooltip-title {
    margin: 4px 0 7px !important;
    font-size: 17px !important;
    line-height: 1.08 !important;
  }

  html body:not(.site-page-active) #tooltip .ins-tooltip-progress-stack {
    margin-top: 5px !important;
    gap: 5px !important;
  }

  html body:not(.site-page-active) #tooltip .ins-tooltip-segment-bar {
    height: 5px !important;
  }

  html body:not(.site-page-active) #tooltip .landmark-tooltip-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 11px !important;
  }

  html body:not(.site-page-active) #tooltip .landmark-tooltip-title {
    font-size: 16px !important;
    line-height: 1.1 !important;
  }

  html body:not(.site-page-active) #tooltip .landmark-tooltip-card p {
    display: -webkit-box !important;
    margin: 6px 0 0 !important;
    overflow: hidden !important;
    font-size: 10px !important;
    line-height: 1.3 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
  }

  html body:not(.site-page-active) #tooltip.fleet-ops-tooltip .fleet-map-tooltip {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 9px !important;
  }

  html body:not(.site-page-active) #tooltip.fleet-ops-tooltip .fleet-map-tooltip-deck {
    grid-template-columns: minmax(0, 1fr) !important;
    margin-top: 6px !important;
  }

  html body:not(.site-page-active) #tooltip.fleet-ops-tooltip .fleet-map-card:nth-child(n + 2),
  html body:not(.site-page-active) #tooltip.fleet-ops-tooltip .fleet-map-mini,
  html body:not(.site-page-active) #tooltip.fleet-ops-tooltip .fleet-map-line,
  html body:not(.site-page-active) #tooltip.fleet-ops-tooltip .fleet-map-tooltip > .fleet-map-footer,
  html body:not(.site-page-active) #tooltip.fleet-ops-tooltip .fleet-map-card > .fleet-map-footer {
    display: none !important;
  }

  html body:not(.site-page-active) #tooltip.fleet-ops-tooltip .fleet-map-card {
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 7px !important;
  }

  html body:not(.site-page-active) #tooltip.fleet-ops-tooltip .fleet-map-stats {
    margin-top: 5px !important;
  }
}

@media (max-width: 1700px) {
  html body:not(.site-page-active) #siteNavPanel {
    left: 220px !important;
    width: 306px !important;
  }

  html body:not(.site-page-active) #modeDock {
    left: 540px !important;
    right: 484px !important;
  }

  html body:not(.site-page-active) .hud-topbar {
    width: 460px !important;
  }
}

/* Crisp compact labels for the home faction-warfare period selector. */
html body.site-home-active .pandora-leader-tab,
html body.site-home-active .pandora-leader-tab.is-active {
  font-weight: 800 !important;
  text-shadow: none !important;
  filter: none !important;
  transform: none !important;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: geometricPrecision !important;
}

html body.site-home-active .pandora-leader-tab::before,
html body.site-home-active .pandora-leader-tab::after {
  content: none !important;
  display: none !important;
}

html body.site-home-active .pandora-leader-tab.is-active {
  background: linear-gradient(180deg, #79f8fb 0%, #43dce3 58%, #2db8c3 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .34), 0 0 10px rgba(39, 245, 255, .16) !important;
}

/* The narrow map card needs a quieter type scale than the wider home card. */
html body:not(.site-page-active) #hud .map-support-panel .ph-hero-support-box {
  padding: 13px 15px 12px !important;
}

html body:not(.site-page-active) #hud .map-support-panel .ph-hero-support-box span {
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: .1em !important;
  text-shadow: 0 0 8px rgba(255, 63, 63, .64) !important;
}

html body:not(.site-page-active) #hud .map-support-panel .ph-hero-support-box small {
  margin-top: 7px !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: .065em !important;
}

/* Reference dashboard typography and border language.
   Barlow Condensed carries interface copy; Orbitron is reserved for command
   labels, headings, figures and controls. Panels use the reference's quiet,
   square one-pixel teal frame instead of the heavier cut-corner treatment. */
:root {
  --ph-font-display: "Orbitron", sans-serif;
  --ph-font-mono: "Barlow Condensed", "Arial Narrow", sans-serif;
  --ph-reference-line: #0a6070;
  --ph-reference-divider: #123a43;
  --ph-reference-title-line: #0a4c59;
}

body.site-home-active,
body.site-home-active .ph-dashboard-shell,
body.site-home-active .ph-dashboard-shell * {
  font-family: "Barlow Condensed", "Arial Narrow", sans-serif !important;
  font-synthesis: none;
}

body.site-home-active #siteNavPanel .site-nav-btn,
body.site-home-active #modeDock .mode-btn,
body.site-home-active .hud-topbar .menu-profile-info .fw-bold,
body.site-home-active .hud-topbar .top-cell.time-cell,
body.site-home-active .ph-panel-heading,
body.site-home-active .ph-dashboard-shell .pandora-site-panel-title,
body.site-home-active .ph-dashboard-shell .pandora-operator-toolbar-title,
body.site-home-active .ph-hero-content h1,
body.site-home-active .ph-status-cell strong,
body.site-home-active .ph-status-cell > span:first-child:not(.ph-status-orb),
body.site-home-active .ph-section-kicker,
body.site-home-active .ph-context-copy b,
body.site-home-active .ph-feed-shell .pandora-operator-report strong,
body.site-home-active .ph-video-title,
body.site-home-active .pandora-video-title,
body.site-home-active .pandora-leader-tab,
body.site-home-active .pandora-leader-name,
body.site-home-active .pandora-leader-value,
body.site-home-active .viewbtn,
body.site-home-active button,
body.site-home-active [role="button"] {
  font-family: "Orbitron", sans-serif !important;
  font-synthesis: none;
}

body.site-home-active #siteNavPanel .site-nav-btn,
body.site-home-active #modeDock .mode-btn,
body.site-home-active .ph-panel-heading,
body.site-home-active .ph-dashboard-shell .pandora-site-panel-title,
body.site-home-active .ph-dashboard-shell .pandora-operator-toolbar-title,
body.site-home-active .ph-hero-content h1,
body.site-home-active .ph-status-cell strong,
body.site-home-active .pandora-leader-value {
  font-weight: 600 !important;
}

body.site-home-active .ph-context-copy b,
body.site-home-active .ph-feed-shell .pandora-operator-report strong,
body.site-home-active .pandora-video-title,
body.site-home-active .pandora-leader-tab,
body.site-home-active .pandora-leader-name,
body.site-home-active button,
body.site-home-active [role="button"] {
  font-weight: 700 !important;
}

body.site-home-active .ph-home-grid {
  padding: 14px !important;
  gap: 12px !important;
  border: 1px solid #0b6777 !important;
  background: rgba(2, 8, 12, .18) !important;
  box-shadow: inset 0 0 40px rgba(0, 214, 228, .03) !important;
}

body.site-home-active .ph-col {
  gap: 12px !important;
}

body.site-home-active .ph-panel,
body.site-home-active .ph-feed-shell,
body.site-home-active .ph-feed-shell .pandora-operator-card,
body.site-home-active .pandora-risk-fw-card,
body.site-home-active .insurgency-progress-section,
body.site-home-active .ins-faction-card,
body.site-home-active .pandora-leader-card {
  border-color: var(--ph-reference-line) !important;
  border-radius: 0 !important;
  clip-path: none !important;
  box-shadow: inset 0 0 26px rgba(0, 163, 181, .045), 0 0 12px rgba(0, 150, 170, .05) !important;
}

body.site-home-active .ph-panel {
  border: 1px solid var(--ph-reference-line) !important;
}

body.site-home-active .ph-panel::before {
  left: 12px !important;
  right: 12px !important;
  width: auto !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, #2cebee, transparent) !important;
  opacity: .65 !important;
  box-shadow: none !important;
}

body.site-home-active .ph-panel-heading,
body.site-home-active .ph-dashboard-shell .pandora-site-panel-title,
body.site-home-active .ph-dashboard-shell .pandora-operator-toolbar-title {
  border-bottom: 1px solid var(--ph-reference-title-line) !important;
  background: linear-gradient(180deg, rgba(3, 26, 34, .95), rgba(2, 15, 21, .7)) !important;
  letter-spacing: .1em !important;
}

body.site-home-active .ph-panel-heading::after,
body.site-home-active .ph-dashboard-shell .pandora-site-panel-title::after,
body.site-home-active .ph-dashboard-shell .pandora-operator-toolbar-title::after {
  content: none !important;
  display: none !important;
}

body.site-home-active .ph-status-strip {
  border-color: #0b5c6c !important;
  clip-path: polygon(1% 0, 99% 0, 100% 50%, 99% 100%, 1% 100%, 0 50%) !important;
  box-shadow: inset 0 0 25px rgba(0, 156, 177, .06), 0 0 20px rgba(0, 156, 177, .06) !important;
}

body.site-home-active .ph-status-cell {
  border-right-color: rgba(10, 96, 112, .56) !important;
}

body.site-home-active .ph-context-row,
body.site-home-active .ph-feed-shell .pandora-operator-card,
body.site-home-active .pandora-leader-card,
body.site-home-active .pandora-risk-fw-card {
  border-bottom-color: var(--ph-reference-divider) !important;
}

body.site-home-active .ph-context-icon,
body.site-home-active .ph-feed-shell .pandora-operator-thumb-panel,
body.site-home-active .pandora-leader-thumb {
  border-color: #0c7180 !important;
  border-radius: 0 !important;
}

body.site-home-active #siteNavPanel .site-nav-btn,
body.site-home-active #modeDock .mode-btn {
  border-color: rgba(25, 157, 174, .23) !important;
  clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 100%) !important;
}

body.site-home-active #siteNavPanel .site-nav-btn.is-active,
body.site-home-active #modeDock .mode-btn.is-active {
  border-color: #16dce5 !important;
  color: #fff !important;
  background: linear-gradient(180deg, rgba(0, 132, 150, .58), rgba(1, 31, 39, .95)) !important;
  box-shadow: inset 0 0 20px rgba(0, 231, 240, .18), 0 0 16px rgba(0, 231, 240, .22) !important;
}

body.site-home-active .hud-topbar .menu-profile-link {
  border-color: #125564 !important;
  border-radius: 0 !important;
}

body.site-home-active .hud-topbar .hud-header-calendar-slot a,
body.site-home-active .hud-topbar .hud-header-calendar-slot button,
body.site-home-active .hud-topbar .hud-header-calendar-slot .btn,
body.site-home-active .hud-topbar #notifications_holder a,
body.site-home-active .hud-topbar #notifications_holder button,
body.site-home-active .hud-topbar #notifications_holder .btn,
body.site-home-active .hud-topbar .top-cell.time-cell {
  border-color: #0c6171 !important;
  border-radius: 0 !important;
}

/* Carry the reference dashboard language into News, the map, tooltips and
   operation content loaded into the map detail stage. */
body.site-page-active.site-news-active,
body.site-page-active.site-news-active .pandora-news-command,
body.pandora-standalone-news,
body.pandora-standalone-news .app-content,
html body:not(.site-page-active) #mapWrap,
html body:not(.site-page-active) #hud,
html body:not(.site-page-active) #infoPanel,
html body:not(.site-page-active) #tooltip,
html body:not(.site-page-active) .pandora-ops-detail-stage {
  font-family: "Barlow Condensed", "Arial Narrow", sans-serif !important;
  font-synthesis: none;
}

body.site-page-active.site-news-active .pandora-news-topbar-title,
body.site-page-active.site-news-active .pandora-news-section-title,
body.site-page-active.site-news-active .pandora-news-article-title,
body.site-page-active.site-news-active .pandora-operator-report strong,
body.site-page-active.site-news-active .pandora-news-filter button,
body.pandora-standalone-news .page-header,
body.pandora-standalone-news .card-header,
body.pandora-standalone-news h1,
body.pandora-standalone-news h2,
body.pandora-standalone-news h3,
body.pandora-standalone-news h4,
body.pandora-standalone-news h5,
body.pandora-standalone-news h6,
body.pandora-standalone-news .btn,
body.pandora-standalone-news button,
html body:not(.site-page-active) #hud h1,
html body:not(.site-page-active) #hud h2,
html body:not(.site-page-active) #hud h3,
html body:not(.site-page-active) #infoPanel h2,
html body:not(.site-page-active) .info-title,
html body:not(.site-page-active) .map-mode-label,
html body:not(.site-page-active) .home-mode-label,
html body:not(.site-page-active) .pandora-ops-card-title,
html body:not(.site-page-active) .pandora-ops-dossier-title,
html body:not(.site-page-active) .pandora-ops-section-head h3,
html body:not(.site-page-active) .pandora-ops-tab,
html body:not(.site-page-active) .pandora-ops-subfilter,
html body:not(.site-page-active) .pandora-ops-page-btn,
html body:not(.site-page-active) .pandora-ops-create-btn,
html body:not(.site-page-active) .pandora-ops-detail-btn,
html body:not(.site-page-active) .ins-tooltip-faction,
html body:not(.site-page-active) .ins-tooltip-system-name,
html body:not(.site-page-active) .fw-tooltip-title,
html body:not(.site-page-active) .landmark-tooltip-title,
html body:not(.site-page-active) .pandora-ops-objective-title,
html body:not(.site-page-active) .pandora-ops-objective-kicker,
html body:not(.site-page-active) .fleet-ops-tooltip-kicker,
html body:not(.site-page-active) .fw-tooltip-kicker {
  font-family: "Orbitron", sans-serif !important;
  font-synthesis: none;
}

body.site-page-active.site-news-active .pandora-news-topbar-title,
body.site-page-active.site-news-active .pandora-news-section-title,
body.site-page-active.site-news-active .pandora-news-article-title,
body.pandora-standalone-news .page-header,
body.pandora-standalone-news .card-header,
html body:not(.site-page-active) #hud h1,
html body:not(.site-page-active) #hud h2,
html body:not(.site-page-active) #hud h3,
html body:not(.site-page-active) #infoPanel h2,
html body:not(.site-page-active) .info-title,
html body:not(.site-page-active) .pandora-ops-card-title,
html body:not(.site-page-active) .pandora-ops-dossier-title {
  font-weight: 600 !important;
  text-shadow: none !important;
}

body.site-page-active.site-news-active .pandora-news-command,
body.site-page-active.site-news-active .pandora-news-panel,
body.site-page-active.site-news-active .pandora-news-topbar,
body.pandora-standalone-news .card,
body.pandora-standalone-news .mailbox,
body.pandora-standalone-news .mailbox-toolbar,
body.pandora-standalone-news .mailbox-list,
body.pandora-standalone-news .mailbox-content,
body.pandora-standalone-news #articleholder,
body.pandora-standalone-news .search-result-item {
  border-color: var(--ph-reference-line) !important;
  border-radius: 0 !important;
  clip-path: none !important;
  box-shadow: inset 0 0 26px rgba(0, 163, 181, .045), 0 0 12px rgba(0, 150, 170, .05) !important;
}

body.site-page-active.site-news-active .pandora-news-topbar,
body.site-page-active.site-news-active .pandora-news-section-head,
body.pandora-standalone-news .app-content-header,
body.pandora-standalone-news .card-header,
body.pandora-standalone-news .mailbox-toolbar {
  border: 0 !important;
  border-bottom: 1px solid var(--ph-reference-title-line) !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, rgba(3, 26, 34, .95), rgba(2, 15, 21, .7)) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body.site-page-active.site-news-active .pandora-news-card,
body.site-page-active.site-news-active .pandora-news-mention-row,
body.pandora-standalone-news .mailbox-list-item,
body.pandora-standalone-news .search-result-item {
  border-bottom-color: var(--ph-reference-divider) !important;
  border-radius: 0 !important;
  clip-path: none !important;
}

body.site-page-active.site-news-active .pandora-operator-thumb-panel,
body.site-page-active.site-news-active .pandora-news-mention-img,
body.site-page-active.site-news-active .pandora-news-article-hero,
body.pandora-standalone-news .mailbox-list-img,
body.pandora-standalone-news .news-article-image {
  border-color: #0c7180 !important;
  border-radius: 0 !important;
  clip-path: none !important;
}

body.site-page-active.site-news-active .pandora-news-filter button,
body.pandora-standalone-news .btn,
body.pandora-standalone-news button {
  border: 1px solid #0d6876 !important;
  border-radius: 0 !important;
  clip-path: polygon(4% 0, 96% 0, 100% 50%, 96% 100%, 4% 100%, 0 50%) !important;
  font-family: "Orbitron", sans-serif !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}

html body:not(.site-page-active) #mapFrame,
html body:not(.site-page-active) #infoPanel,
html body:not(.site-page-active) #legendPanel,
html body:not(.site-page-active) #zoomControls,
html body:not(.site-page-active) .map-panel,
html body:not(.site-page-active) .info-section,
html body:not(.site-page-active) .pandora-ops-summary,
html body:not(.site-page-active) .pandora-ops-stat,
html body:not(.site-page-active) .pandora-ops-create-panel,
html body:not(.site-page-active) .pandora-ops-section,
html body:not(.site-page-active) .pandora-ops-card,
html body:not(.site-page-active) .pandora-ops-empty,
html body:not(.site-page-active) .pandora-ops-dossier,
html body:not(.site-page-active) .pandora-ops-detail-stage,
html body:not(.site-page-active) .pandora-ops-detail-content {
  border-color: var(--ph-reference-line) !important;
  border-radius: 0 !important;
  clip-path: none !important;
  box-shadow: inset 0 0 26px rgba(0, 163, 181, .045), 0 0 12px rgba(0, 150, 170, .05) !important;
}

html body:not(.site-page-active) .pandora-ops-card,
html body:not(.site-page-active) .pandora-ops-objective-row,
html body:not(.site-page-active) .info-row,
html body:not(.site-page-active) .pandora-ops-stat,
html body:not(.site-page-active) .pandora-ops-dossier-stat {
  border-bottom-color: var(--ph-reference-divider) !important;
}

html body:not(.site-page-active) #tooltip,
html body:not(.site-page-active) #tooltip.pandora-insurgency-tooltip,
html body:not(.site-page-active) #tooltip.pandora-fw-tooltip,
html body:not(.site-page-active) #tooltip.fleet-ops-tooltip,
html body:not(.site-page-active) #tooltip.pandora-ops-tooltip,
html body:not(.site-page-active) #tooltip.pandora-landmark-tooltip,
html body:not(.site-page-active) .ins-tooltip-card,
html body:not(.site-page-active) .ins-tooltip-rogue,
html body:not(.site-page-active) .fw-tooltip-rogue,
html body:not(.site-page-active) .landmark-tooltip-card,
html body:not(.site-page-active) .pandora-ops-objective-tooltip,
html body:not(.site-page-active) .pandora-ops-objective-card {
  border: 1px solid var(--ph-reference-line) !important;
  border-radius: 0 !important;
  clip-path: none !important;
  box-shadow: 0 22px 48px rgba(0, 0, 0, .72), inset 0 0 26px rgba(0, 163, 181, .045) !important;
}

html body:not(.site-page-active) #tooltip::before,
html body:not(.site-page-active) #tooltip::after,
html body:not(.site-page-active) .pandora-ops-objective-tooltip::before,
html body:not(.site-page-active) .pandora-ops-objective-tooltip::after {
  content: none !important;
  display: none !important;
}

html body:not(.site-page-active) .pandora-ops-detail-content,
html body:not(.site-page-active) .pandora-ops-detail-content p,
html body:not(.site-page-active) .pandora-ops-detail-content span,
html body:not(.site-page-active) .pandora-ops-detail-content small,
html body:not(.site-page-active) .pandora-ops-detail-content em,
html body:not(.site-page-active) .pandora-ops-detail-content li,
html body:not(.site-page-active) .pandora-ops-detail-content td,
html body:not(.site-page-active) .pandora-ops-detail-content th,
html body:not(.site-page-active) .pandora-ops-detail-content label,
html body:not(.site-page-active) .pandora-ops-detail-content input,
html body:not(.site-page-active) .pandora-ops-detail-content textarea,
html body:not(.site-page-active) .pandora-ops-detail-content select {
  font-family: "Barlow Condensed", "Arial Narrow", sans-serif !important;
}

html body:not(.site-page-active) .pandora-ops-detail-content h1,
html body:not(.site-page-active) .pandora-ops-detail-content h2,
html body:not(.site-page-active) .pandora-ops-detail-content h3,
html body:not(.site-page-active) .pandora-ops-detail-content h4,
html body:not(.site-page-active) .pandora-ops-detail-content h5,
html body:not(.site-page-active) .pandora-ops-detail-content h6,
html body:not(.site-page-active) .pandora-ops-detail-content strong,
html body:not(.site-page-active) .pandora-ops-detail-content b,
html body:not(.site-page-active) .pandora-ops-detail-content .page-header,
html body:not(.site-page-active) .pandora-ops-detail-content .card-header,
html body:not(.site-page-active) .pandora-ops-detail-content .nav-link,
html body:not(.site-page-active) .pandora-ops-detail-content .btn,
html body:not(.site-page-active) .pandora-ops-detail-content button {
  font-family: "Orbitron", sans-serif !important;
  font-synthesis: none;
}

html body:not(.site-page-active) .pandora-ops-detail-content .card,
html body:not(.site-page-active) .pandora-ops-detail-content .panel,
html body:not(.site-page-active) .pandora-ops-detail-content .app-content-header,
html body:not(.site-page-active) .pandora-ops-detail-content .nav-tabs,
html body:not(.site-page-active) .pandora-ops-detail-content .table,
html body:not(.site-page-active) .pandora-ops-detail-content input,
html body:not(.site-page-active) .pandora-ops-detail-content textarea,
html body:not(.site-page-active) .pandora-ops-detail-content select {
  border-color: var(--ph-reference-line) !important;
  border-radius: 0 !important;
  clip-path: none !important;
}

html body:not(.site-page-active) .pandora-ops-detail-content .card-header,
html body:not(.site-page-active) .pandora-ops-detail-content .app-content-header,
html body:not(.site-page-active) .pandora-ops-detail-content .nav-tabs {
  border-bottom-color: var(--ph-reference-title-line) !important;
}

html body:not(.site-page-active) .pandora-ops-detail-content .btn,
html body:not(.site-page-active) .pandora-ops-detail-content button,
html body:not(.site-page-active) .pandora-ops-detail-content .nav-link {
  border: 1px solid #0d6876 !important;
  border-radius: 0 !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}

/* Keep the persistent header visually identical when the map replaces a site
   page. Only the active navigation state is allowed to change. */
@media (min-width: 1181px) {
  html body:not(.site-page-active) #pandoraLogo {
    top: 18px !important;
    left: 28px !important;
    width: 162px !important;
    height: 38px !important;
  }

  html body:not(.site-page-active) #pandoraLogo::after {
    top: 30px !important;
    font-size: 8px !important;
    letter-spacing: .17em !important;
  }

  html body:not(.site-page-active) #siteNavPanel {
    top: 14px !important;
    left: 238px !important;
    width: 322px !important;
    height: 48px !important;
    gap: 5px !important;
  }

  html body:not(.site-page-active) #modeDock {
    top: 14px !important;
    left: 578px !important;
    right: 524px !important;
    width: auto !important;
    height: 48px !important;
    gap: 5px !important;
  }

  html body:not(.site-page-active) .hud-topbar {
    top: 14px !important;
    right: 24px !important;
    width: 492px !important;
    height: 48px !important;
    gap: 6px !important;
  }

  html body:not(.site-page-active) #siteNavPanel .site-nav-btn,
  html body:not(.site-page-active) #modeDock .mode-btn {
    height: 48px !important;
    min-height: 48px !important;
    border-color: rgba(25, 157, 174, .23) !important;
    background: linear-gradient(155deg, rgba(6, 26, 37, .76), rgba(1, 7, 12, .9) 58%, rgba(3, 23, 33, .74)) !important;
    color: var(--text) !important;
    clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 100%) !important;
    box-shadow: inset 0 0 0 1px rgba(127, 252, 255, .035), inset 0 -10px 18px rgba(39, 245, 255, .028), 0 0 12px rgba(39, 245, 255, .06) !important;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: .095em !important;
    text-shadow: none !important;
  }

  html body:not(.site-page-active) #siteNavPanel .site-nav-btn {
    width: 76px !important;
    padding: 0 10px !important;
    font-size: 10px !important;
  }

  html body:not(.site-page-active) #modeDock .mode-btn {
    flex: 1 1 86px !important;
    min-width: 74px !important;
    max-width: 104px !important;
    grid-template-rows: 18px 1fr !important;
    padding: 5px 8px 4px !important;
    font-size: 8px !important;
  }

  html body:not(.site-page-active) #modeDock .mode-btn[data-layer="pandoraOps"],
  html body:not(.site-page-active) #modeDock .mode-btn-wide {
    flex: 2.35 1 204px !important;
    min-width: 190px !important;
    max-width: 236px !important;
  }

  html body:not(.site-page-active) #modeDock .mode-ico,
  html body:not(.site-page-active) #modeDock .mode-ico svg {
    width: 18px !important;
    height: 18px !important;
  }

  html body:not(.site-page-active) #siteNavPanel .site-nav-btn.is-active,
  html body:not(.site-page-active) #modeDock .mode-btn.is-active {
    border-color: #16dce5 !important;
    color: #fff !important;
    background: linear-gradient(180deg, rgba(0, 132, 150, .58), rgba(1, 31, 39, .95)) !important;
    box-shadow: inset 0 0 20px rgba(0, 231, 240, .18), 0 0 16px rgba(0, 231, 240, .22) !important;
    text-shadow: none !important;
  }

  html body:not(.site-page-active) #modeDock .mode-btn.is-active .mode-ico,
  html body:not(.site-page-active) #modeDock .mode-btn.is-active svg [fill]:not([fill="none"]),
  html body:not(.site-page-active) #modeDock .mode-btn.is-active svg [stroke]:not([stroke="none"]) {
    color: #fff !important;
    fill: #fff !important;
    stroke: #fff !important;
    filter: drop-shadow(0 0 8px rgba(39, 245, 255, .34)) !important;
  }

  html body:not(.site-page-active) .hud-topbar .hud-user-actions,
  html body:not(.site-page-active) .hud-topbar .hud-header-partials {
    height: 48px !important;
    gap: 6px !important;
  }

  html body:not(.site-page-active) .hud-topbar .menu-profile,
  html body:not(.site-page-active) .hud-topbar .menu-profile-link {
    width: 218px !important;
    height: 48px !important;
  }

  html body:not(.site-page-active) .hud-topbar .menu-profile-link {
    gap: 8px !important;
    padding: 6px 28px 6px 8px !important;
    border-color: #125564 !important;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 700 !important;
  }

  html body:not(.site-page-active) .hud-topbar .menu-profile-image {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
  }

  html body:not(.site-page-active) .hud-topbar .menu-profile-info .fw-bold {
    font-family: "Orbitron", sans-serif !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    letter-spacing: .12em !important;
  }

  html body:not(.site-page-active) .hud-topbar .menu-profile-info::after {
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif !important;
    font-size: 8px !important;
  }

  html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot,
  html body:not(.site-page-active) .hud-topbar #notifications_holder,
  html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot a,
  html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot button,
  html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot .btn,
  html body:not(.site-page-active) .hud-topbar #notifications_holder a,
  html body:not(.site-page-active) .hud-topbar #notifications_holder button,
  html body:not(.site-page-active) .hud-topbar #notifications_holder .btn {
    width: 44px !important;
    height: 48px !important;
    min-height: 48px !important;
    border-color: #0c6171 !important;
  }

  html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot svg,
  html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot i,
  html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot iconify-icon,
  html body:not(.site-page-active) .hud-topbar #notifications_holder svg,
  html body:not(.site-page-active) .hud-topbar #notifications_holder i,
  html body:not(.site-page-active) .hud-topbar #notifications_holder iconify-icon {
    width: 19px !important;
    height: 19px !important;
    font-size: 19px !important;
  }

  html body:not(.site-page-active) .hud-topbar .top-cell.time-cell {
    width: 154px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 8px 12px !important;
    border-color: #0c6171 !important;
    font-family: "Orbitron", sans-serif !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-shadow: none !important;
  }

  html body:not(.site-page-active) .hud-topbar .top-cell.time-cell::after {
    top: 8px !important;
    left: 18px !important;
    font-family: "Orbitron", sans-serif !important;
    font-size: 7px !important;
  }
}

@media (min-width: 1181px) and (max-width: 1700px) {
  html body:not(.site-page-active) #siteNavPanel {
    left: 220px !important;
    width: 306px !important;
  }

  html body:not(.site-page-active) #modeDock {
    left: 540px !important;
    right: 484px !important;
  }

  html body:not(.site-page-active) .hud-topbar {
    width: 460px !important;
  }
}

@media (min-width: 1181px) and (max-width: 1450px) {
  html body:not(.site-page-active) #mapWrap {
    overflow: auto !important;
  }

  html body:not(.site-page-active) #pandoraLogo,
  html body:not(.site-page-active) #siteNavPanel,
  html body:not(.site-page-active) #modeDock,
  html body:not(.site-page-active) .hud-topbar {
    position: relative !important;
    margin: 10px 18px !important;
  }

  html body:not(.site-page-active) #pandoraLogo {
    top: 18px !important;
    left: 28px !important;
    right: auto !important;
  }

  html body:not(.site-page-active) #siteNavPanel {
    top: 14px !important;
    left: 220px !important;
    right: auto !important;
    width: 306px !important;
  }

  html body:not(.site-page-active) #modeDock {
    top: 14px !important;
    left: 540px !important;
    right: 484px !important;
    width: auto !important;
  }

  html body:not(.site-page-active) .hud-topbar {
    top: 14px !important;
    left: auto !important;
    right: 24px !important;
    width: 460px !important;
  }

  html body:not(.site-page-active) #siteNavPanel,
  html body:not(.site-page-active) #modeDock,
  html body:not(.site-page-active) .hud-topbar {
    height: auto !important;
  }
}

/* The shared mode navigation is intentionally text-only. Keep the SVG markup
   available to existing handlers, but remove it from every visual state and
   collapse the former icon row so labels remain perfectly centred. */
#modeDock .mode-ico {
  display: none !important;
}

html body.site-page-active #modeDock .mode-btn,
html body.site-page-active #modeDock .mode-btn[data-layer="pandoraOps"],
html body.site-page-active #modeDock .mode-btn-wide,
html body:not(.site-page-active) #modeDock .mode-btn,
html body:not(.site-page-active) #modeDock .mode-btn[data-layer="pandoraOps"],
html body:not(.site-page-active) #modeDock .mode-btn-wide {
  grid-template-rows: minmax(0, 1fr) !important;
  place-items: center !important;
  align-content: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Quietly separate site pages from map layers without adding another control
   or competing with the selected-state glow. */
@media (min-width: 1451px) {
  html body.site-page-active #modeDock::before,
  html body:not(.site-page-active) #modeDock::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 8px !important;
    left: -10px !important;
    width: 1px !important;
    height: 32px !important;
    background: linear-gradient(180deg, transparent, rgba(39, 245, 255, .58) 24%, rgba(39, 245, 255, .58) 76%, transparent) !important;
    box-shadow: 0 0 8px rgba(39, 245, 255, .22) !important;
    opacity: .72 !important;
    pointer-events: none !important;
  }
}

/* Creation forms need a reading scale, not the compact telemetry scale used by
   viewed dossiers. This applies only to forms opened from the map. */
body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content {
  color: #e8feff !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  letter-spacing: .015em !important;
}

body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content p,
body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content li,
body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content label,
body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content .form-label,
body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content .form-check-label,
body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content .text-body,
body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content .text-body * {
  color: rgba(232, 254, 255, .92) !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  letter-spacing: .015em !important;
  text-shadow: none !important;
}

body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content .small,
body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content small,
body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content .form-text {
  color: rgba(199, 231, 235, .84) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content h1,
body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content h2,
body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content h3,
body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content h4,
body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content h5,
body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content h6,
body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content .card-header,
body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content .card-header * {
  color: #fff !important;
  font-family: "Orbitron", sans-serif !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}

body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content h4 {
  font-size: 16px !important;
  line-height: 1.25 !important;
  letter-spacing: .08em !important;
}

body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content .form-check {
  min-height: 26px !important;
  margin-bottom: 5px !important;
}

body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content .form-check-input {
  accent-color: #27f5ff !important;
}

body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content input:not([type="checkbox"]):not([type="radio"]),
body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content textarea,
body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content select,
body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content .form-control,
body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content .form-select {
  border-color: rgba(39, 245, 255, .42) !important;
  background-color: rgba(1, 12, 18, .92) !important;
  color: #f2ffff !important;
  font-family: "Barlow Condensed", "Arial Narrow", sans-serif !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
}

body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content input::placeholder,
body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content textarea::placeholder {
  color: rgba(164, 204, 211, .72) !important;
  opacity: 1 !important;
}

body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content .btn,
body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content button,
body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content .nav-link {
  color: #eaffff !important;
  font-family: "Orbitron", sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  text-shadow: none !important;
}

body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content table,
body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content td,
body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content th {
  color: rgba(232, 254, 255, .92) !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}

body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content .text-warning {
  color: #ffca67 !important;
}

body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content .text-danger {
  color: #ff8061 !important;
}

body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content .text-success,
body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content .text-info,
body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content a {
  color: #7ffcff !important;
}

body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content .opacity-5,
body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content .opacity-50,
body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content .opacity-75,
body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content .text-opacity-50,
body.pandora-ops-detail-open .pandora-ops-detail-stage.is-create-mode .pandora-ops-create-content .text-opacity-75 {
  opacity: .88 !important;
}
/* Unseen header notifications must remain visible over both cyan and green HUD themes. */
#notifications_holder .pandora-notifications-menu .menu-icon {
  position: relative;
}

#notifications_holder .pandora-notifications-menu {
  position: relative;
}

#notifications_holder .pandora-notifications-menu:hover,
#notifications_holder .pandora-notifications-menu:focus-within,
#notifications_holder .pandora-notifications-menu.is-open {
  z-index: 10030;
}

#notifications_holder .pandora-notifications-menu:hover [data-pandora-notifications-dropdown],
#notifications_holder .pandora-notifications-menu:focus-within [data-pandora-notifications-dropdown],
#notifications_holder .pandora-notifications-menu.is-open [data-pandora-notifications-dropdown],
#notifications_holder .pandora-notifications-menu [data-pandora-notifications-dropdown].show {
  display: block !important;
}

#notifications_holder .pandora-notifications-menu.has-unseen-notifications .menu-link,
#notifications_holder .pandora-notifications-menu.has-unseen-notifications .menu-icon,
#notifications_holder .pandora-notifications-menu.has-unseen-notifications #nav_bell,
body.site-page-active .hud-topbar #notifications_holder .pandora-notifications-menu.has-unseen-notifications #nav_bell,
body:not(.site-page-active) .hud-topbar #notifications_holder .pandora-notifications-menu.has-unseen-notifications #nav_bell {
  color: #5df1a8 !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

#notifications_holder .pandora-notifications-menu.has-unseen-notifications #nav_bell {
  transform-origin: 50% 45%;
  animation: pandoraNotificationPulse 1.65s ease-in-out infinite !important;
  filter: drop-shadow(0 0 5px rgba(93, 241, 168, .72)) !important;
}

#notifications_holder .pandora-notifications-menu.has-unseen-notifications .menu-icon::after {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(93, 241, 168, .58);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: pandoraNotificationRing 1.65s ease-out infinite;
  pointer-events: none;
}

@keyframes pandoraNotificationPulse {
  0%, 100% { transform: scale(1) rotate(0deg); opacity: .94; }
  35% { transform: scale(1.10) rotate(-7deg); opacity: 1; }
  55% { transform: scale(1.10) rotate(7deg); opacity: 1; }
  75% { transform: scale(1.04) rotate(0deg); opacity: 1; }
}

@keyframes pandoraNotificationRing {
  0% { opacity: .72; transform: translate(-50%, -50%) scale(.72); }
  70%, 100% { opacity: 0; transform: translate(-50%, -50%) scale(1.45); }
}

@media (prefers-reduced-motion: reduce) {
  #notifications_holder .pandora-notifications-menu.has-unseen-notifications #nav_bell,
  #notifications_holder .pandora-notifications-menu.has-unseen-notifications .menu-icon::after {
    animation: none !important;
  }
}

/* Improve readability of the explanatory copy in the Home PANDORA Content panel. */
body.site-home-active .ph-context-panel .ph-context-copy > span,
body.site-page-active.site-home-active .ph-dashboard-shell .ph-context-panel .ph-context-copy > span {
  font-size: 9.5px !important;
  line-height: 1.5 !important;
  letter-spacing: .055em !important;
}

/* Keep the support callout legible after the shared reference-font overrides. */
body.site-home-active .ph-support-panel .ph-hero-support-box small {
  color: #ffe2e2 !important;
  opacity: 1 !important;
  text-shadow: 0 0 7px rgba(255, 92, 92, .42) !important;
}

/* Orbitron is wider than the previous map font, so use a compact one-line title. */
html body:not(.site-page-active) #hud .map-support-panel .ph-hero-support-box span {
  max-width: 100% !important;
  font-size: 13px !important;
  line-height: 1.08 !important;
  letter-spacing: .06em !important;
  white-space: nowrap !important;
}

/* Match the broadcast play marker to the larger HUD cue used in the design. */
body.site-home-active .ph-broadcast-media .pandora-video-play {
  right: 13px !important;
  bottom: 24px !important;
  border-top-width: 22px !important;
  border-bottom-width: 22px !important;
  border-left-width: 34px !important;
  filter: drop-shadow(0 0 16px rgba(39, 245, 255, .86)) !important;
}

/* The header button rules also match notification links; restore a full content panel. */
html body .hud-topbar #notifications_holder [data-pandora-notifications-dropdown] {
  box-sizing: border-box !important;
  width: 400px !important;
  min-width: 400px !important;
  max-width: min(400px, calc(100vw - 24px)) !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(39, 245, 255, .55) !important;
  border-radius: 0 !important;
  clip-path: none !important;
  background: linear-gradient(180deg, rgba(4, 22, 30, .99), rgba(1, 8, 12, .99)) !important;
  color: #e8feff !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .78), 0 0 24px rgba(39, 245, 255, .16) !important;
  text-shadow: none !important;
}

html body .hud-topbar #notifications_holder [data-pandora-notifications-dropdown] .dropdown-header {
  margin: 0 !important;
  padding: 11px 14px !important;
  color: #7ffcff !important;
  font-family: "Orbitron", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .1em !important;
  border-bottom: 1px solid rgba(39, 245, 255, .28) !important;
}

html body .hud-topbar #notifications_holder [data-pandora-notifications-dropdown] .list-group {
  width: 100% !important;
  border-color: rgba(39, 245, 255, .22) !important;
}

html body .hud-topbar #notifications_holder [data-pandora-notifications-dropdown] .list-group-item {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 92px !important;
  padding: 13px 14px !important;
  display: flex !important;
  align-items: flex-start !important;
  overflow: visible !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(39, 245, 255, .18) !important;
  border-radius: 0 !important;
  clip-path: none !important;
  background: rgba(4, 21, 28, .74) !important;
  color: #e8feff !important;
  font-family: "Barlow Condensed", "Arial Narrow", sans-serif !important;
  text-align: left !important;
  text-decoration: none !important;
  white-space: normal !important;
  box-shadow: none !important;
}

html body .hud-topbar #notifications_holder [data-pandora-notifications-dropdown] .list-group-item:hover,
html body .hud-topbar #notifications_holder [data-pandora-notifications-dropdown] .list-group-item:focus {
  border-bottom-color: rgba(127, 252, 255, .5) !important;
  background: rgba(8, 42, 52, .94) !important;
  color: #fff !important;
}

html body .hud-topbar #notifications_holder [data-pandora-notifications-dropdown] .list-group-item > .w-35px {
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  border: 1px solid rgba(39, 245, 255, .34) !important;
  background: rgba(39, 245, 255, .08) !important;
}

html body .hud-topbar #notifications_holder [data-pandora-notifications-dropdown] .list-group-item > .flex-1 {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  padding-left: 13px !important;
  align-items: flex-start !important;
}

html body .hud-topbar #notifications_holder [data-pandora-notifications-dropdown] .list-group-item .fw-bold {
  overflow: visible !important;
  color: #f2ffff !important;
  font-family: "Orbitron", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: .045em !important;
  white-space: normal !important;
  text-overflow: clip !important;
}

html body .hud-topbar #notifications_holder [data-pandora-notifications-dropdown] .list-group-item .small {
  margin-top: 4px !important;
  color: #b9d7db !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  letter-spacing: .02em !important;
  opacity: 1 !important;
  white-space: normal !important;
}

html body .hud-topbar #notifications_holder [data-pandora-notifications-dropdown] .list-group-item .w-30px {
  flex: 0 0 62px !important;
  width: 62px !important;
  min-width: 62px !important;
  margin-top: 0 !important;
  padding-left: 6px !important;
  color: #78b8bf !important;
  font-size: 9px !important;
  line-height: 1.25 !important;
}

html body .hud-topbar #notifications_holder [data-pandora-notifications-dropdown] > .fs-10px {
  padding: 9px 14px !important;
  color: #84b8be !important;
  font-family: "Barlow Condensed", "Arial Narrow", sans-serif !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  letter-spacing: .055em !important;
  white-space: normal !important;
}

@media (max-width: 1500px) {
  html body .hud-topbar #notifications_holder [data-pandora-notifications-dropdown] {
    right: auto !important;
    left: 0 !important;
  }
}

/* Fleet Ops side-panel cards: retain the dense layout without micro-sized copy. */
html body:not(.site-page-active) #infoPanel .fleet-ops-kicker {
  font-size: 9px !important;
  line-height: 1.15 !important;
  letter-spacing: .1em !important;
}

html body:not(.site-page-active) #infoPanel .fleet-ops-card-title {
  font-size: 12px !important;
  line-height: 1.18 !important;
  letter-spacing: .045em !important;
}

html body:not(.site-page-active) #infoPanel .fleet-ops-card-sub {
  font-size: 9px !important;
  line-height: 1.3 !important;
  letter-spacing: .045em !important;
  color: rgba(205, 232, 235, .82) !important;
}

html body:not(.site-page-active) #infoPanel .fleet-ops-status-pill {
  font-size: 9px !important;
  line-height: 1.1 !important;
  letter-spacing: .065em !important;
}

html body:not(.site-page-active) #infoPanel .fleet-ops-progress-head {
  font-size: 9px !important;
  line-height: 1.2 !important;
  letter-spacing: .075em !important;
}

html body:not(.site-page-active) #infoPanel .fleet-ops-progress-head strong {
  font-size: 10px !important;
}

html body:not(.site-page-active) #infoPanel .fleet-ops-metric span {
  font-size: 8.5px !important;
  line-height: 1.18 !important;
  letter-spacing: .055em !important;
  color: rgba(202, 229, 232, .72) !important;
}

html body:not(.site-page-active) #infoPanel .fleet-ops-metric strong {
  font-size: 11px !important;
  line-height: 1.18 !important;
  letter-spacing: .02em !important;
}

html body:not(.site-page-active) #infoPanel .fleet-ops-intel-row {
  min-height: 23px !important;
  font-size: 9px !important;
  letter-spacing: .05em !important;
}

html body:not(.site-page-active) #infoPanel .fleet-ops-intel-row span {
  font-size: 8.5px !important;
  color: rgba(202, 229, 232, .7) !important;
}

html body:not(.site-page-active) #infoPanel .fleet-ops-intel-row strong {
  font-size: 9.5px !important;
  line-height: 1.2 !important;
}

html body:not(.site-page-active) #infoPanel .fleet-ops-actions a,
html body:not(.site-page-active) #infoPanel .fleet-ops-actions button {
  font-size: 9.5px !important;
  line-height: 1.2 !important;
  letter-spacing: .06em !important;
}

/* Home conflict summaries act as direct system links into their matching map layers. */
body.site-home-active .pandora-risk-fw-card[data-system-id],
body.site-home-active .pandora-home-insurgencies .ins-dot[data-insurgency-system-id] {
  cursor: pointer !important;
}

body.site-home-active .pandora-home-insurgencies button.ins-dot[data-insurgency-system-id] {
  margin: 0 !important;
  padding: 0 !important;
  appearance: none !important;
  font-family: inherit !important;
  font-size: 10px !important;
  line-height: 1 !important;
  flex: 0 0 22px !important;
  width: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  aspect-ratio: 1 / 1 !important;
  box-sizing: border-box !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  clip-path: none !important;
  text-indent: 0 !important;
}

body.site-home-active .pandora-home-insurgencies button.ins-dot[data-insurgency-system-id]::before,
body.site-home-active .pandora-home-insurgencies button.ins-dot[data-insurgency-system-id]::after {
  content: none !important;
  display: none !important;
}

body.site-home-active .pandora-risk-fw-card[data-system-id] {
  transition: background .14s ease, border-color .14s ease, box-shadow .14s ease !important;
}

body.site-home-active .pandora-risk-fw-card[data-system-id]:hover {
  background: linear-gradient(90deg, rgba(39, 245, 255, .055), rgba(39, 245, 255, .015) 58%, transparent) !important;
  border-color: rgba(127, 252, 255, .42) !important;
  box-shadow: inset 2px 0 0 rgba(127, 252, 255, .55), 0 0 16px rgba(39, 245, 255, .07) !important;
}

body.site-home-active .pandora-home-insurgencies .ins-dot[data-insurgency-system-id] {
  transition: transform .14s ease, border-color .14s ease, box-shadow .14s ease !important;
}

body.site-home-active .pandora-home-insurgencies .ins-dot[data-insurgency-system-id]:hover,
body.site-home-active .pandora-home-insurgencies .ins-dot[data-insurgency-system-id]:focus-visible {
  z-index: 2;
  transform: scale(1.12);
  border-color: #d7fbff !important;
  outline: 1px solid rgba(127, 252, 255, .72) !important;
  outline-offset: 2px !important;
}

/* Calendar page opened from the HUD header. */
body.site-page-active.site-calendar-active #siteContent {
  width: 100% !important;
  min-height: calc(100vh - 116px) !important;
}

body.site-page-active.site-calendar-active .pandora-calendar-page {
  width: 100% !important;
  min-height: calc(100vh - 116px) !important;
  padding: 16px !important;
  background:
    radial-gradient(circle at 18% 8%, rgba(39, 245, 255, .07), transparent 34%),
    linear-gradient(90deg, rgba(39, 245, 255, .025) 1px, transparent 1px),
    linear-gradient(0deg, rgba(39, 245, 255, .025) 1px, transparent 1px),
    linear-gradient(135deg, rgba(2, 8, 13, .97), rgba(4, 16, 24, .95)) !important;
  background-size: auto, 30px 30px, 30px 30px, auto !important;
}

body.site-page-active.site-calendar-active .pandora-calendar-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 560px) !important;
  gap: 16px !important;
  align-items: start !important;
}

body.site-page-active.site-calendar-active .pandora-calendar-column,
body.site-page-active.site-calendar-active .pandora-calendar-detail-column {
  min-width: 0 !important;
  border: 1px solid rgba(39, 245, 255, .25) !important;
  background: linear-gradient(180deg, rgba(5, 31, 42, .78), rgba(2, 8, 13, .92)) !important;
  box-shadow: inset 0 0 28px rgba(39, 245, 255, .035), 0 0 20px rgba(0, 0, 0, .42) !important;
  clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px) !important;
}

body.site-page-active.site-calendar-active .pandora-calendar-grid > .ph-panel > .ph-panel-heading {
  padding-right: 14px !important;
  padding-left: 14px !important;
}

body.site-page-active.site-calendar-active .pandora-calendar-heading {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
}

body.site-page-active.site-calendar-active .pandora-calendar-heading small {
  color: rgba(127, 252, 255, .60) !important;
  font: 700 9px/1.3 var(--ph-font-display) !important;
  letter-spacing: .07em !important;
  text-align: right !important;
  text-transform: uppercase !important;
}

body.site-page-active.site-calendar-active .pandora-calendar-key {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 18px !important;
  padding: 10px 14px !important;
  border-bottom: 1px solid rgba(39, 245, 255, .18) !important;
  color: rgba(215, 251, 255, .68) !important;
  font: 800 10px/1.25 var(--ph-font-display) !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
}

body.site-page-active.site-calendar-active .pandora-calendar-key span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
}

body.site-page-active.site-calendar-active .pandora-calendar-key i {
  width: 11px !important;
  height: 11px !important;
  display: inline-block !important;
  border: 1px solid rgba(255, 255, 255, .55) !important;
  box-shadow: 0 0 8px currentColor !important;
}

body.site-page-active.site-calendar-active .pandora-calendar-key .is-available { background: rgba(25, 135, 84, .88) !important; color: #49d770 !important; }
body.site-page-active.site-calendar-active .pandora-calendar-key .is-hostile { background: rgba(220, 53, 69, .88) !important; color: #ff545f !important; }
body.site-page-active.site-calendar-active .pandora-calendar-key .is-neutral { background: rgba(134, 154, 192, .72) !important; color: #9ab0d7 !important; }

body.site-page-active.site-calendar-active .pandora-site-calendar {
  min-height: 650px !important;
  padding: 14px !important;
  color: rgba(230, 252, 255, .88) !important;
}

body.site-page-active.site-calendar-active .pandora-calendar-detail-column {
  position: sticky !important;
  top: 10px !important;
  max-height: calc(100vh - 136px) !important;
  overflow: hidden !important;
}

body.site-page-active.site-calendar-active .pandora-calendar-campaign-detail {
  max-height: calc(100vh - 184px) !important;
  overflow: auto !important;
  overscroll-behavior: contain !important;
}

body.site-page-active.site-calendar-active .pandora-calendar-campaign-detail > .pandora-ops-selected-telemetry {
  padding-right: 12px !important;
  padding-left: 12px !important;
}

body.site-page-active.site-calendar-active .pandora-ops-selected-telemetry-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) !important;
  gap: 8px !important;
}

body.site-page-active.site-calendar-active .pandora-ops-selected-telemetry-grid > *,
body.site-page-active.site-calendar-active .pandora-ops-selected-telemetry-extra,
body.site-page-active.site-calendar-active .pandora-ops-selected-telemetry-extra > * {
  min-width: 0 !important;
  max-width: 100% !important;
}

body.site-page-active.site-calendar-active .pandora-calendar-empty,
body.site-page-active.site-calendar-active .pandora-calendar-loading {
  min-height: 280px !important;
  padding: 30px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  color: rgba(215, 251, 255, .58) !important;
  font: 700 11px/1.55 var(--ph-font-display) !important;
  letter-spacing: .055em !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

body.site-page-active.site-calendar-active .pandora-calendar-empty iconify-icon {
  color: var(--cyan-bright) !important;
  font-size: 42px !important;
  filter: drop-shadow(0 0 12px rgba(39, 245, 255, .38)) !important;
}

body.site-page-active.site-calendar-active .pandora-calendar-empty strong {
  color: rgba(245, 254, 255, .96) !important;
  font-size: 15px !important;
}

body.site-page-active.site-calendar-active .pandora-calendar-detail-head {
  position: sticky !important;
  top: 0 !important;
  z-index: 5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 12px 14px !important;
  border-bottom: 1px solid rgba(39, 245, 255, .24) !important;
  background: rgba(2, 13, 20, .96) !important;
}

body.site-page-active.site-calendar-active .pandora-calendar-detail-head div {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}

body.site-page-active.site-calendar-active .pandora-calendar-detail-head small {
  color: rgba(127, 252, 255, .58) !important;
  font: 800 8px/1 var(--ph-font-display) !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

body.site-page-active.site-calendar-active .pandora-calendar-detail-head strong {
  overflow: hidden !important;
  color: rgba(245, 254, 255, .96) !important;
  font: 900 13px/1.2 var(--ph-font-display) !important;
  letter-spacing: .055em !important;
  text-overflow: ellipsis !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body.site-page-active.site-calendar-active .pandora-calendar-detail-head a {
  flex: 0 0 auto !important;
  padding: 7px 9px !important;
  border: 1px solid rgba(39, 245, 255, .34) !important;
  color: var(--cyan-bright) !important;
  font: 800 8px/1 var(--ph-font-display) !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

body.site-page-active.site-calendar-active .pandora-calendar-detail-content,
body.site-page-active.site-calendar-active .pandora-calendar-detail-content * {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.site-page-active.site-calendar-active .pandora-calendar-detail-content {
  min-width: 0 !important;
  padding: 10px 0 !important;
  overflow-x: hidden !important;
}

body.site-page-active.site-calendar-active .pandora-calendar-detail-content .row {
  width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

body.site-page-active.site-calendar-active .pandora-calendar-detail-content .row > [class*="col-lg-"],
body.site-page-active.site-calendar-active .pandora-calendar-detail-content .row > [class*="col-md-"] {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

body.site-page-active.site-calendar-active .pandora-calendar-detail-content .flex-1 {
  min-width: 0 !important;
}

body.site-page-active.site-calendar-active .fc {
  --fc-border-color: rgba(39, 245, 255, .19);
  --fc-page-bg-color: rgba(1, 9, 14, .70);
  --fc-neutral-bg-color: rgba(39, 245, 255, .045);
  --fc-today-bg-color: rgba(39, 245, 255, .075);
  --fc-button-bg-color: rgba(2, 20, 28, .94);
  --fc-button-border-color: rgba(39, 245, 255, .38);
  --fc-button-hover-bg-color: rgba(20, 96, 110, .64);
  --fc-button-hover-border-color: rgba(127, 252, 255, .78);
  --fc-button-active-bg-color: rgba(39, 245, 255, .74);
  --fc-button-active-border-color: #7ffcff;
  color: rgba(230, 252, 255, .82) !important;
  font-family: var(--ph-font-display) !important;
}

body.site-page-active.site-calendar-active .fc .fc-toolbar-title {
  color: rgba(245, 254, 255, .96) !important;
  font: 900 18px/1 var(--ph-font-display) !important;
  letter-spacing: .075em !important;
  text-transform: uppercase !important;
}

body.site-page-active.site-calendar-active .fc .fc-button {
  min-height: 32px !important;
  padding: 7px 10px !important;
  clip-path: none !important;
  font: 800 9px/1 var(--ph-font-display) !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

body.site-page-active.site-calendar-active .fc .fc-button::before,
body.site-page-active.site-calendar-active .fc .fc-button::after {
  content: none !important;
  display: none !important;
}

body.site-page-active.site-calendar-active .fc .fc-col-header-cell-cushion,
body.site-page-active.site-calendar-active .fc .fc-daygrid-day-number {
  color: rgba(215, 251, 255, .72) !important;
  font-weight: 800 !important;
  letter-spacing: .055em !important;
}

body.site-page-active.site-calendar-active .fc .fc-event {
  cursor: pointer !important;
  border-radius: 0 !important;
  box-shadow: inset 2px 0 0 rgba(255,255,255,.42), 0 0 8px rgba(0,0,0,.32) !important;
  transition: filter .14s ease, outline-color .14s ease, transform .14s ease !important;
}

body.site-page-active.site-calendar-active .fc .fc-event:hover,
body.site-page-active.site-calendar-active .fc .fc-event.is-selected {
  z-index: 3 !important;
  filter: brightness(1.24) saturate(1.12) !important;
  outline: 1px solid rgba(215, 251, 255, .82) !important;
  outline-offset: 1px !important;
}

body.site-page-active.site-calendar-active .hud-header-calendar-slot .menu-link {
  border-color: rgba(127, 252, 255, .86) !important;
  color: #fff !important;
  box-shadow: 0 0 18px rgba(39, 245, 255, .22) !important;
}

@media (max-width: 1050px) {
  body.site-page-active.site-calendar-active .pandora-calendar-grid {
    grid-template-columns: 1fr !important;
  }

  body.site-page-active.site-calendar-active .pandora-calendar-detail-column {
    position: static !important;
    max-height: none !important;
  }

  body.site-page-active.site-calendar-active .pandora-calendar-campaign-detail {
    max-height: none !important;
  }
}

@media (min-width: 1051px) and (max-width: 1350px) {
  body.site-page-active.site-calendar-active .pandora-calendar-page {
    padding-top: 144px !important;
  }
}

@media (max-width: 760px) {
  body.site-page-active.site-calendar-active .pandora-calendar-page {
    padding: 8px !important;
  }

  body.site-page-active.site-calendar-active .pandora-site-calendar {
    min-height: 520px !important;
    padding: 8px !important;
  }

  body.site-page-active.site-calendar-active .fc .fc-toolbar {
    align-items: stretch !important;
    flex-direction: column !important;
    gap: 8px !important;
  }
}

/* Keep the logo strapline readable without allowing it to outgrow the logo. */
html body #pandoraLogo::after {
  box-sizing: border-box !important;
  left: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  color: #66f8ff !important;
  font-family: var(--ph-font-mono) !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  font-stretch: condensed !important;
  line-height: 1 !important;
  letter-spacing: .01em !important;
  text-align: left !important;
  text-shadow:
    0 0 5px rgba(102, 248, 255, .9),
    0 0 12px rgba(39, 245, 255, .48) !important;
  white-space: nowrap !important;
  transform: none !important;
}

/* Page-mode selectors outrank earlier responsive 8px tagline rules. */
html body.site-page-active #pandoraLogo::after,
html body:not(.site-page-active) #pandoraLogo::after {
  top: 27px !important;
  font-size: 11px !important;
  letter-spacing: .17em !important;
}

/* ============================================================
   ENTITY INTELLIGENCE RANKINGS
   ============================================================ */
body.site-page-active.site-entities-active .ph-entities-page {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 12px !important;
  height: calc(100vh - 108px) !important;
  max-width: none !important;
  padding: 12px 18px 18px !important;
}

body.site-page-active.site-entities-active .ph-entity-hero {
  min-height: 0 !important;
  padding: 15px 20px 14px !important;
}

body.site-page-active.site-entities-active .ph-entity-hero .ph-page-kicker {
  margin-bottom: 3px !important;
}

body.site-page-active.site-entities-active .ph-entity-hero .ph-page-title {
  margin: 0 0 4px !important;
  font-size: clamp(25px, 2vw, 38px) !important;
}

body.site-page-active.site-entities-active .ph-entity-hero .ph-page-copy {
  max-width: 980px !important;
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
}

.ph-entity-ranking-shell {
  display: grid;
  grid-template-rows: auto auto auto auto auto minmax(0, 1fr);
  min-height: 0;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(4, 30, 38, .95), rgba(2, 14, 20, .98)) !important;
}

.ph-entity-kind-tabs,
.ph-entity-family-tabs,
.ph-entity-metric-group-tabs,
.ph-entity-metric-tabs,
.ph-entity-timeline-tabs {
  display: flex;
  align-items: stretch;
  gap: 5px;
}

.ph-entity-control-row {
  display: grid;
  grid-template-columns: 148px minmax(0, 1fr);
  align-items: stretch;
  min-width: 0;
  padding: 7px 12px;
  border-bottom: 1px solid rgba(54, 232, 240, .38);
  background: linear-gradient(90deg, rgba(5, 32, 40, .96), rgba(2, 17, 23, .96));
}

.ph-entity-control-label {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  border-right: 1px solid rgba(54, 232, 240, .18);
  color: rgba(133, 221, 225, .76);
  font-family: var(--ph-font-mono);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.ph-entity-control-label b {
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
  border: 1px solid rgba(75, 239, 242, .44);
  color: #55eff2;
  background: rgba(33, 207, 212, .08);
  font-size: 9px;
}

.ph-entity-control-row > :last-child {
  min-width: 0;
  margin-left: 12px;
}

.ph-entity-kind-row {
  padding-block: 8px;
  background: rgba(0, 12, 18, .78);
}

.ph-entity-kind-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  width: auto;
}

.ph-entity-kind-tabs button,
.ph-entity-family-tabs button,
.ph-entity-metric-group-tabs button,
.ph-entity-metric-tabs button,
.ph-entity-timeline-tabs button {
  appearance: none;
  border: 1px solid rgba(73, 255, 231, .26) !important;
  border-radius: 0 !important;
  outline: none !important;
  color: #93b7b6 !important;
  background: rgba(255, 255, 255, .035) !important;
  clip-path: polygon(4% 0, 96% 0, 100% 50%, 96% 100%, 4% 100%, 0 50%) !important;
  box-shadow: inset 0 0 12px rgba(39, 245, 255, .04) !important;
  font-family: "Orbitron", var(--ph-font-wide), sans-serif !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  letter-spacing: .08em;
  text-shadow: none !important;
  cursor: pointer;
  transition: color .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.ph-entity-kind-tabs button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 40px;
  padding: 5px 13px;
  font-size: 12px;
}

.ph-entity-kind-tabs button span {
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
  border: 1px solid currentColor;
  color: #55edf3;
  font-family: var(--ph-font-mono);
  font-size: 11px;
}

.ph-entity-kind-tabs button:hover,
.ph-entity-family-tabs button:hover,
.ph-entity-metric-group-tabs button:hover,
.ph-entity-metric-tabs button:hover,
.ph-entity-timeline-tabs button:hover,
.ph-entity-kind-tabs button.is-active,
.ph-entity-family-tabs button.is-active,
.ph-entity-metric-group-tabs button.is-active,
.ph-entity-metric-tabs button.is-active,
.ph-entity-timeline-tabs button.is-active {
  border-color: rgba(127, 252, 255, .92) !important;
  color: #021117 !important;
  background: linear-gradient(135deg, rgba(73, 255, 231, .96), rgba(28, 151, 190, .9)) !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .34) !important;
  box-shadow: 0 0 18px rgba(39, 245, 255, .26), inset 0 0 16px rgba(255, 255, 255, .1) !important;
}

.ph-entity-kind-tabs button.is-active span,
.ph-entity-kind-tabs button:hover span {
  border-color: rgba(2, 17, 23, .68);
  color: #021117;
}

.ph-entity-kind-tabs button:focus-visible,
.ph-entity-family-tabs button:focus-visible,
.ph-entity-metric-group-tabs button:focus-visible,
.ph-entity-metric-tabs button:focus-visible,
.ph-entity-timeline-tabs button:focus-visible {
  box-shadow: 0 0 0 2px rgba(127, 252, 255, .92), 0 0 18px rgba(39, 245, 255, .3) !important;
}

/* The global HUD button treatment adds red telemetry ticks. Entity ranking
   filters use the cleaner News-tab language, so suppress both tick rails. */
.ph-entity-kind-tabs button::before,
.ph-entity-kind-tabs button::after,
.ph-entity-family-tabs button::before,
.ph-entity-family-tabs button::after,
.ph-entity-metric-group-tabs button::before,
.ph-entity-metric-group-tabs button::after,
.ph-entity-metric-tabs button::before,
.ph-entity-metric-tabs button::after,
.ph-entity-timeline-tabs button::before,
.ph-entity-timeline-tabs button::after {
  content: none !important;
  display: none !important;
}

.ph-entity-timeline-bar {
  border-bottom-color: rgba(54, 232, 240, .46);
}

.ph-entity-timeline-tabs {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.ph-entity-timeline-tabs button {
  min-height: 28px;
  padding: 5px 13px;
  font-size: 9px;
}

.ph-entity-family-tabs,
.ph-entity-metric-group-tabs,
.ph-entity-metric-tabs {
  flex-wrap: wrap;
  align-content: center;
}

.ph-entity-metric-tabs {
  justify-content: flex-start;
}

.ph-entity-family-tabs button,
.ph-entity-metric-group-tabs button,
.ph-entity-metric-tabs button {
  flex: 0 0 auto;
  white-space: nowrap;
}

.ph-entity-family-tabs button,
.ph-entity-metric-group-tabs button,
.ph-entity-metric-tabs button {
  min-height: 29px;
  padding: 5px 13px;
  font-size: 10px;
}

.ph-entity-family-tabs button {
  min-width: 170px;
}

.ph-entity-metric-group-tabs button {
  min-width: 125px;
}

.ph-entity-ranking-content {
  min-height: 0;
  overflow: auto;
  scrollbar-color: rgba(65, 238, 242, .55) rgba(0, 17, 22, .8);
}

.ph-entity-ranking-loading,
.ph-entity-ranking-empty {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 7px;
  min-height: 240px;
  padding: 30px;
  color: rgba(201, 230, 233, .65);
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ph-entity-ranking-loading b,
.ph-entity-ranking-empty b {
  color: #56f3f4;
  font-family: var(--ph-font-wide);
  font-size: 18px;
}

.ph-entity-ranking-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 20px;
  padding: 15px 20px 13px;
  border-bottom: 1px solid rgba(54, 232, 240, .2);
  background: linear-gradient(90deg, rgba(12, 54, 64, .42), transparent 70%);
}

.ph-entity-ranking-head small,
.ph-entity-viewer-heading small {
  display: block;
  color: #43e9ed;
  font-family: var(--ph-font-mono);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.ph-entity-ranking-head h2 {
  margin: 3px 0 1px;
  color: #efffff;
  font-family: var(--ph-font-wide);
  font-size: 24px;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.ph-entity-ranking-head p {
  margin: 0;
  color: rgba(208, 231, 234, .66);
  font-size: 12px;
}

.ph-entity-tracked {
  min-width: 110px;
  text-align: right;
}

.ph-entity-tracked b {
  display: block;
  color: #eaffff;
  font-family: var(--ph-font-wide);
  font-size: 27px;
  line-height: .9;
}

.ph-entity-tracked span {
  color: rgba(97, 235, 239, .7);
  font-size: 9px;
  text-transform: uppercase;
}

.ph-entity-rank-columns {
  display: grid;
  grid-template-columns: minmax(540px, 1fr) minmax(270px, 31%);
  gap: 14px;
  padding: 14px;
}

.ph-entity-top-ten,
.ph-entity-viewer-rank {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(52, 219, 226, .28);
  background: rgba(1, 13, 18, .72);
}

.ph-entity-list-heading {
  display: grid;
  grid-template-columns: 58px 1fr 160px;
  padding: 8px 12px;
  border-bottom: 1px solid rgba(52, 219, 226, .25);
  color: rgba(94, 233, 238, .66);
  font-family: var(--ph-font-mono);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.ph-entity-list-heading span:last-child {
  text-align: right;
}

.ph-entity-rank-row {
  display: grid;
  grid-template-columns: 46px 42px minmax(0, 1fr) 145px;
  align-items: center;
  gap: 10px;
  min-height: 49px;
  padding: 6px 12px;
  border-bottom: 1px solid rgba(91, 187, 193, .14);
  transition: background .14s ease, box-shadow .14s ease;
}

.ph-entity-rank-row:hover {
  background: rgba(40, 220, 225, .08);
  box-shadow: inset 3px 0 0 #43f0f3;
}

.ph-entity-rank-number {
  color: #4ef0f3;
  font-family: var(--ph-font-wide);
  font-size: 18px;
  text-align: center;
}

.ph-entity-rank-avatar {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  overflow: hidden;
  border: 1px solid rgba(64, 235, 239, .55);
  background: rgba(30, 104, 112, .18);
  color: #75f5f6;
  font-family: var(--ph-font-mono);
  font-size: 10px;
  font-weight: 900;
}

.ph-entity-rank-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ph-entity-rank-name {
  min-width: 0;
}

.ph-entity-rank-name a,
.ph-entity-rank-name strong {
  display: block;
  overflow: hidden;
  color: #e9feff;
  font-family: var(--ph-font-wide);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .04em;
  text-decoration: none;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.ph-entity-rank-name a:hover {
  color: #55f6f7;
}

.ph-entity-rank-name small {
  display: block;
  margin-top: 2px;
  color: #fc6257;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.ph-entity-rank-value {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-align: right;
}

.ph-entity-rank-value b {
  display: block;
  max-width: 100%;
  overflow: hidden;
  color: #f2ffff;
  font-family: var(--ph-font-wide);
  font-size: 19px;
  line-height: .9;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ph-entity-rank-value span {
  color: rgba(111, 229, 233, .62);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ph-entity-viewer-rank {
  align-self: start;
  position: sticky;
  top: 0;
  border-color: rgba(252, 91, 79, .38);
  background: linear-gradient(145deg, rgba(39, 13, 17, .76), rgba(3, 22, 28, .9));
}

.ph-entity-viewer-heading {
  padding: 13px 15px 10px;
  border-bottom: 1px solid rgba(252, 91, 79, .26);
}

.ph-entity-viewer-heading strong {
  display: block;
  margin-top: 2px;
  color: #f4ffff;
  font-family: var(--ph-font-wide);
  font-size: 18px;
  text-transform: uppercase;
}

.ph-entity-viewer-rank .ph-entity-rank-row {
  grid-template-columns: 46px 42px minmax(0, 1fr);
  padding: 13px 14px;
  border-bottom: 0;
}

.ph-entity-viewer-rank .ph-entity-rank-value {
  grid-column: 1 / -1;
  padding: 12px 5px 2px;
  border-top: 1px solid rgba(252, 91, 79, .2);
  text-align: left;
}

.ph-entity-viewer-rank .ph-entity-rank-value b {
  font-size: clamp(22px, 2.1vw, 30px);
}

.ph-entity-viewer-rank > p {
  margin: 0;
  padding: 0 18px 16px;
  color: rgba(216, 234, 236, .68);
  font-size: 11px;
  line-height: 1.4;
}

.ph-entity-rank-row.is-unranked {
  opacity: .72;
}

@media (max-width: 980px) {
  body.site-page-active.site-entities-active .ph-entities-page {
    height: auto !important;
    min-height: calc(100vh - 100px) !important;
  }

  .ph-entity-ranking-shell {
    overflow: visible;
  }

  .ph-entity-rank-columns {
    grid-template-columns: 1fr;
  }

  .ph-entity-rank-columns {
    display: grid;
  }

  .ph-entity-viewer-rank {
    position: static;
    grid-row: 1;
  }
}

@media (max-width: 680px) {
  .ph-entity-control-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 7px;
  }

  .ph-entity-control-label {
    min-height: 29px;
    border-right: 0;
  }

  .ph-entity-control-row > :last-child {
    margin-left: 0;
  }

  .ph-entity-kind-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .ph-entity-kind-tabs button {
    min-height: 44px;
  }

  .ph-entity-family-tabs,
  .ph-entity-metric-group-tabs,
  .ph-entity-metric-tabs,
  .ph-entity-timeline-tabs {
    flex-wrap: wrap;
  }

  .ph-entity-timeline-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ph-entity-family-tabs button,
  .ph-entity-metric-group-tabs button,
  .ph-entity-metric-tabs button {
    flex: 1 1 140px;
    min-width: 0;
  }

  .ph-entity-rank-columns {
    grid-template-columns: minmax(0, 1fr);
    padding: 8px;
  }

  .ph-entity-list-heading {
    grid-template-columns: 48px 1fr 90px;
  }

  .ph-entity-rank-row {
    grid-template-columns: 36px 36px minmax(0, 1fr) 82px;
    gap: 6px;
    padding-inline: 7px;
  }

  .ph-entity-rank-avatar {
    width: 34px;
    height: 34px;
  }
}

/* Mobile Entities layout: the shared mobile page rule previously placed
   content at the top of the viewport while the three header control groups
   still occupied that space. Give each group an explicit compact lane and
   start the entity page below it. */
@media (max-width: 680px) {
  body.site-page-active.site-entities-active #mapWrap {
    min-height: 100dvh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  body.site-page-active.site-entities-active #pandoraLogo {
    display: none !important;
  }

  body.site-page-active.site-entities-active #siteNavPanel {
    position: absolute !important;
    top: 6px !important;
    left: 8px !important;
    right: 8px !important;
    width: auto !important;
    height: 38px !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
  }

  body.site-page-active.site-entities-active #siteNavPanel .site-nav-btn {
    width: auto !important;
    min-width: 0 !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 4px !important;
    overflow: hidden !important;
    font-size: 8px !important;
    letter-spacing: .06em !important;
    text-overflow: ellipsis !important;
  }

  body.site-page-active.site-entities-active #modeDock {
    position: absolute !important;
    top: 50px !important;
    left: 8px !important;
    right: 8px !important;
    width: auto !important;
    height: 38px !important;
    margin: 0 !important;
    display: flex !important;
    gap: 4px !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: thin !important;
  }

  body.site-page-active.site-entities-active #modeDock .mode-btn,
  body.site-page-active.site-entities-active #modeDock .mode-btn[data-layer="pandoraOps"],
  body.site-page-active.site-entities-active #modeDock .mode-btn-wide {
    flex: 0 0 auto !important;
    min-width: 100px !important;
    max-width: none !important;
    width: auto !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 4px 10px !important;
    display: grid !important;
    grid-template-rows: 1fr !important;
    font-size: 7px !important;
    letter-spacing: .05em !important;
    white-space: nowrap !important;
  }

  body.site-page-active.site-entities-active #modeDock .mode-btn[data-layer="pandoraOps"],
  body.site-page-active.site-entities-active #modeDock .mode-btn-wide {
    min-width: 205px !important;
  }

  body.site-page-active.site-entities-active #modeDock .mode-btn span:last-child {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: inherit !important;
    font-size: 7px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.site-page-active.site-entities-active .hud-topbar {
    position: absolute !important;
    top: 94px !important;
    left: 8px !important;
    right: 8px !important;
    width: auto !important;
    height: 42px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
    gap: 4px !important;
    flex-wrap: nowrap !important;
  }

  body.site-page-active.site-entities-active .hud-topbar .hud-user-actions,
  body.site-page-active.site-entities-active .hud-topbar .hud-header-partials {
    width: 100% !important;
    height: 42px !important;
    gap: 4px !important;
    flex-wrap: nowrap !important;
    justify-content: flex-end !important;
  }

  body.site-page-active.site-entities-active .hud-topbar .menu-profile,
  body.site-page-active.site-entities-active .hud-topbar .menu-profile-link {
    width: min(180px, 42vw) !important;
    height: 42px !important;
    min-height: 42px !important;
  }

  body.site-page-active.site-entities-active .hud-topbar .menu-profile-link {
    gap: 6px !important;
    padding: 5px 18px 5px 6px !important;
  }

  body.site-page-active.site-entities-active .hud-topbar .menu-profile-image {
    width: 30px !important;
    height: 30px !important;
    flex-basis: 30px !important;
  }

  body.site-page-active.site-entities-active .hud-topbar .menu-profile-info .fw-bold {
    font-size: 7px !important;
  }

  body.site-page-active.site-entities-active .hud-topbar .menu-profile-info::after {
    font-size: 6px !important;
  }

  body.site-page-active.site-entities-active .hud-topbar .hud-header-calendar-slot,
  body.site-page-active.site-entities-active .hud-topbar #notifications_holder,
  body.site-page-active.site-entities-active .hud-topbar .hud-header-calendar-slot a,
  body.site-page-active.site-entities-active .hud-topbar .hud-header-calendar-slot button,
  body.site-page-active.site-entities-active .hud-topbar #notifications_holder a,
  body.site-page-active.site-entities-active .hud-topbar #notifications_holder button {
    width: 38px !important;
    height: 42px !important;
    min-height: 42px !important;
  }

  body.site-page-active.site-entities-active .hud-topbar .top-cell.time-cell {
    width: 116px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 6px 8px !important;
    font-size: 10px !important;
  }

  body.site-page-active.site-entities-active #siteContentPanel {
    position: absolute !important;
    top: 146px !important;
    left: 6px !important;
    right: 6px !important;
    bottom: 6px !important;
    width: auto !important;
    margin: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  body.site-page-active.site-entities-active #siteContent,
  body.site-page-active.site-entities-active .ph-entities-page {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.site-page-active.site-entities-active .ph-entities-page {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  body.site-page-active.site-entities-active .ph-entity-hero {
    margin-bottom: 8px !important;
    padding: 11px 12px !important;
  }

  body.site-page-active.site-entities-active .ph-entity-hero .ph-page-title {
    margin-bottom: 4px !important;
    font-size: clamp(23px, 7vw, 30px) !important;
    line-height: 1 !important;
    letter-spacing: .06em !important;
  }

  body.site-page-active.site-entities-active .ph-entity-hero .ph-page-copy {
    font-size: 11px !important;
    line-height: 1.28 !important;
  }

  body.site-page-active.site-entities-active .ph-entity-ranking-shell {
    display: block !important;
    width: 100% !important;
    overflow: visible !important;
  }

  body.site-page-active.site-entities-active .ph-entity-control-row {
    width: 100% !important;
    min-height: 0 !important;
    padding: 7px !important;
  }

  body.site-page-active.site-entities-active .ph-entity-kind-tabs,
  body.site-page-active.site-entities-active .ph-entity-family-tabs,
  body.site-page-active.site-entities-active .ph-entity-metric-group-tabs,
  body.site-page-active.site-entities-active .ph-entity-metric-tabs,
  body.site-page-active.site-entities-active .ph-entity-timeline-tabs {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px !important;
  }

  body.site-page-active.site-entities-active .ph-entity-kind-tabs button,
  body.site-page-active.site-entities-active .ph-entity-family-tabs button,
  body.site-page-active.site-entities-active .ph-entity-metric-group-tabs button,
  body.site-page-active.site-entities-active .ph-entity-metric-tabs button,
  body.site-page-active.site-entities-active .ph-entity-timeline-tabs button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 36px !important;
    padding: 6px 8px !important;
    white-space: normal !important;
    line-height: 1.15 !important;
  }

  body.site-page-active.site-entities-active .ph-entity-kind-tabs button {
    gap: 6px !important;
    font-size: 9px !important;
  }

  body.site-page-active.site-entities-active .ph-entity-kind-tabs button span {
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
    font-size: 8px !important;
  }

  body.site-page-active.site-entities-active .ph-entity-timeline-tabs button:last-child:nth-child(odd) {
    grid-column: 1 / -1 !important;
  }

  body.site-page-active.site-entities-active .ph-entity-ranking-head {
    align-items: start !important;
    padding: 12px !important;
  }

  body.site-page-active.site-entities-active .ph-entity-ranking-head h2 {
    font-size: 21px !important;
  }

  body.site-page-active.site-entities-active .ph-entity-rank-columns {
    gap: 8px !important;
    padding: 7px !important;
  }
}

/* Final mobile map placement overrides. These intentionally sit after the
   historical max-width desktop adjustments above. */
@media (max-width: 760px) {
  html body:not(.site-page-active) #siteNavPanel {
    position: fixed !important;
    top: 6px !important;
    left: 8px !important;
    right: 8px !important;
    bottom: auto !important;
    width: auto !important;
    height: 38px !important;
  }

  html body:not(.site-page-active) #modeDock {
    position: fixed !important;
    top: 50px !important;
    left: 8px !important;
    right: 8px !important;
    bottom: auto !important;
    width: auto !important;
    height: 38px !important;
  }

  html body:not(.site-page-active) .hud-topbar {
    position: fixed !important;
    top: 94px !important;
    left: 8px !important;
    right: 8px !important;
    bottom: auto !important;
    width: auto !important;
    height: 42px !important;
  }

  html body:not(.site-page-active) .hud-topbar .top-cell.time-cell {
    width: 124px !important;
    min-width: 124px !important;
    max-width: 124px !important;
  }
}

/* Shared mobile burger navigation. The page and map controls stay completely
   out of the content flow until the user opens this drawer. */
.pandora-mobile-nav-toggle,
.pandora-mobile-nav-scrim {
  display: none;
}

@media (max-width: 760px) {
  html body #pandoraLogo {
    display: none !important;
  }

  html body .pandora-mobile-nav-toggle {
    position: fixed !important;
    top: 8px !important;
    left: 8px !important;
    z-index: 240 !important;
    width: 42px !important;
    height: 42px !important;
    padding: 9px 10px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 5px !important;
    border: 1px solid rgba(127, 252, 255, .62) !important;
    border-radius: 0 !important;
    background: linear-gradient(155deg, rgba(8, 43, 54, .98), rgba(1, 10, 16, .98)) !important;
    color: #7ffcff !important;
    box-shadow: inset 0 0 16px rgba(39, 245, 255, .08), 0 0 14px rgba(39, 245, 255, .12) !important;
    clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%) !important;
    cursor: pointer !important;
  }

  html body .pandora-mobile-nav-toggle span {
    display: block !important;
    width: 100% !important;
    height: 2px !important;
    background: currentColor !important;
    box-shadow: 0 0 7px rgba(127, 252, 255, .58) !important;
    transform-origin: center !important;
    transition: transform .18s ease, opacity .18s ease !important;
  }

  html body.pandora-mobile-nav-open .pandora-mobile-nav-toggle span:nth-child(1) {
    transform: translateY(7px) rotate(45deg) !important;
  }

  html body.pandora-mobile-nav-open .pandora-mobile-nav-toggle span:nth-child(2) {
    opacity: 0 !important;
  }

  html body.pandora-mobile-nav-open .pandora-mobile-nav-toggle span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg) !important;
  }

  html body .pandora-mobile-nav-scrim {
    position: fixed !important;
    inset: 0 !important;
    z-index: 195 !important;
    width: 100vw !important;
    height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: rgba(0, 7, 11, .76) !important;
    backdrop-filter: blur(2px) !important;
  }

  html body.pandora-mobile-nav-open .pandora-mobile-nav-scrim {
    display: block !important;
  }

  html body #siteNavPanel,
  html body #modeDock,
  html body.site-page-active.site-entities-active #siteNavPanel,
  html body.site-page-active.site-entities-active #modeDock,
  html body:not(.site-page-active) #siteNavPanel,
  html body:not(.site-page-active) #modeDock {
    display: none !important;
  }

  html body.pandora-mobile-nav-open #siteNavPanel {
    position: fixed !important;
    top: 58px !important;
    left: 8px !important;
    right: 8px !important;
    bottom: auto !important;
    z-index: 220 !important;
    width: auto !important;
    height: 102px !important;
    margin: 0 !important;
    padding: 8px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    overflow: hidden !important;
    border: 1px solid rgba(39, 245, 255, .38) !important;
    background: rgba(2, 17, 24, .985) !important;
    box-shadow: 0 18px 34px rgba(0, 0, 0, .78), inset 0 0 24px rgba(39, 245, 255, .04) !important;
  }

  html body.pandora-mobile-nav-open #siteNavPanel .site-nav-btn {
    width: 100% !important;
    min-width: 0 !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 10px !important;
    font-size: 9px !important;
    letter-spacing: .08em !important;
  }

  html body.pandora-mobile-nav-open #modeDock {
    position: fixed !important;
    top: 166px !important;
    left: 8px !important;
    right: 8px !important;
    bottom: auto !important;
    z-index: 220 !important;
    width: auto !important;
    height: 154px !important;
    margin: 0 !important;
    padding: 8px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: 40px !important;
    gap: 6px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border: 1px solid rgba(39, 245, 255, .38) !important;
    background: rgba(2, 17, 24, .985) !important;
    box-shadow: 0 22px 40px rgba(0, 0, 0, .8), inset 0 0 24px rgba(39, 245, 255, .04) !important;
  }

  html body.pandora-mobile-nav-open #modeDock .mode-btn,
  html body.pandora-mobile-nav-open #modeDock .mode-btn[data-layer="pandoraOps"],
  html body.pandora-mobile-nav-open #modeDock .mode-btn-wide {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 4px 8px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 7px !important;
    line-height: 1.1 !important;
    letter-spacing: .04em !important;
    white-space: normal !important;
  }

  html body.pandora-mobile-nav-open #modeDock .mode-btn > span:last-child {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
  }

  html body .hud-topbar,
  html body.site-page-active.site-entities-active .hud-topbar,
  html body:not(.site-page-active) .hud-topbar {
    position: fixed !important;
    top: 8px !important;
    left: 58px !important;
    right: 8px !important;
    bottom: auto !important;
    z-index: 205 !important;
    width: auto !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
    gap: 4px !important;
    overflow: visible !important;
  }

  html body .hud-topbar .hud-user-actions,
  html body .hud-topbar .hud-header-partials {
    height: 42px !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
    gap: 4px !important;
  }

  html body .hud-topbar .menu-profile,
  html body .hud-topbar .menu-profile-link {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
  }

  html body .hud-topbar .menu-profile-link {
    padding: 5px !important;
  }

  html body .hud-topbar .menu-profile-image {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
  }

  html body .hud-topbar .menu-profile-info {
    display: none !important;
  }

  html body .hud-topbar .hud-header-calendar-slot,
  html body .hud-topbar #notifications_holder,
  html body .hud-topbar .hud-header-calendar-slot a,
  html body .hud-topbar .hud-header-calendar-slot button,
  html body .hud-topbar #notifications_holder a,
  html body .hud-topbar #notifications_holder button {
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 42px !important;
    min-height: 42px !important;
  }

  html body .hud-topbar .top-cell.time-cell,
  html body.site-page-active.site-entities-active .hud-topbar .top-cell.time-cell,
  html body:not(.site-page-active) .hud-topbar .top-cell.time-cell {
    width: 118px !important;
    min-width: 118px !important;
    max-width: 118px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 6px !important;
    font-size: 9px !important;
  }

  html body.site-page-active #siteContentPanel,
  html body.site-page-active:not(.site-home-active) #siteContentPanel,
  html body.site-page-active.site-entities-active #siteContentPanel {
    position: absolute !important;
    top: 58px !important;
    left: 6px !important;
    right: 6px !important;
    bottom: 6px !important;
    width: auto !important;
    margin: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  html body:not(.site-page-active) #mapFrame {
    top: 58px !important;
  }

  html body:not(.site-page-active) #zoomControls {
    top: 66px !important;
  }

  html body.pandora-mobile-nav-open {
    overflow: hidden !important;
  }
}

@media (max-width: 760px) {
  html body.site-page-active:not(.pandora-mobile-nav-open) #siteNavPanel,
  html body.site-page-active:not(.pandora-mobile-nav-open) #modeDock,
  html body:not(.site-page-active):not(.pandora-mobile-nav-open) #siteNavPanel,
  html body:not(.site-page-active):not(.pandora-mobile-nav-open) #modeDock {
    display: none !important;
  }

  html body.site-page-active.pandora-mobile-nav-open #siteNavPanel,
  html body:not(.site-page-active).pandora-mobile-nav-open #siteNavPanel {
    display: grid !important;
    top: 58px !important;
    left: 8px !important;
    right: 8px !important;
    width: auto !important;
    height: 102px !important;
  }

  html body.site-page-active.pandora-mobile-nav-open #modeDock,
  html body:not(.site-page-active).pandora-mobile-nav-open #modeDock {
    display: grid !important;
    top: 166px !important;
    left: 8px !important;
    right: 8px !important;
    width: auto !important;
    height: 154px !important;
    min-height: 154px !important;
    max-height: none !important;
  }

  html body.site-page-active .hud-topbar,
  html body:not(.site-page-active) .hud-topbar {
    position: fixed !important;
    top: 8px !important;
    left: 58px !important;
    right: 8px !important;
    bottom: auto !important;
    width: auto !important;
    height: 42px !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 4px !important;
  }

  html body.site-page-active .hud-topbar .hud-user-actions,
  html body:not(.site-page-active) .hud-topbar .hud-user-actions {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 42px !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-end !important;
  }

  html body.site-page-active .hud-topbar .hud-header-partials,
  html body:not(.site-page-active) .hud-topbar .hud-header-partials {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 42px !important;
    display: flex !important;
    flex-wrap: nowrap !important;
  }

  html body.site-page-active .hud-topbar .menu-profile,
  html body.site-page-active .hud-topbar .menu-profile-link,
  html body:not(.site-page-active) .hud-topbar .menu-profile,
  html body:not(.site-page-active) .hud-topbar .menu-profile-link {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
  }

  html body.site-page-active .hud-topbar .hud-header-calendar-slot,
  html body.site-page-active .hud-topbar #notifications_holder,
  html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot,
  html body:not(.site-page-active) .hud-topbar #notifications_holder {
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
  }

  html body.site-page-active .hud-topbar .top-cell.time-cell,
  html body:not(.site-page-active) .hud-topbar .top-cell.time-cell {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 118px !important;
    width: 118px !important;
    min-width: 118px !important;
    max-width: 118px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
  }
}

/* Mobile header controls retain the same comfortable proportions as the
   desktop cockpit; only the profile copy is omitted to preserve one row. */

body.site-page-active.site-settings-active #siteContent,
body.site-page-active.site-settings-active .pandora-settings-page {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 100% !important;
}

body.site-page-active.site-settings-active .pandora-settings-page {
  position: relative !important;
  min-height: calc(100vh - 116px) !important;
  padding: 16px !important;
  border: 1px solid rgba(39, 245, 255, .32) !important;
  background:
    radial-gradient(circle at 18% 22%, rgba(39, 245, 255, .10), transparent 30%),
    radial-gradient(circle at 88% 14%, rgba(127, 252, 255, .06), transparent 28%),
    linear-gradient(90deg, rgba(39, 245, 255, .035) 1px, transparent 1px),
    linear-gradient(0deg, rgba(39, 245, 255, .028) 1px, transparent 1px),
    linear-gradient(135deg, rgba(2, 8, 13, .96), rgba(4, 16, 24, .94)) !important;
  background-size: auto, auto, 30px 30px, 30px 30px, auto !important;
  box-shadow:
    inset 0 0 0 1px rgba(127, 252, 255, .035),
    inset 0 0 48px rgba(39, 245, 255, .035),
    0 0 18px rgba(0, 0, 0, .42) !important;
  color: var(--text) !important;
  clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

body.site-page-active.site-settings-active .pandora-settings-page p,
body.site-page-active.site-settings-active .pandora-settings-page .list-group-item,
body.site-page-active.site-settings-active .pandora-settings-page .form-label,
body.site-page-active.site-settings-active .pandora-settings-page .form-control,
body.site-page-active.site-settings-active .pandora-settings-page .form-select,
body.site-page-active.site-settings-active .pandora-settings-page .btn {
  font-size: 13px !important;
  line-height: 1.45 !important;
}

body.site-page-active.site-settings-active .pandora-settings-page .small,
body.site-page-active.site-settings-active .pandora-settings-page small,
body.site-page-active.site-settings-active .pandora-settings-page .text-body.text-opacity-50 {
  font-size: 12px !important;
  line-height: 1.45 !important;
}

body.site-page-active.site-settings-active .pandora-settings-page h4 {
  font-size: 18px !important;
  line-height: 1.2 !important;
}

body.site-page-active.site-settings-active .pandora-settings-page h5 {
  font-size: 16px !important;
}

body.site-page-active.site-settings-active .pandora-settings-page h6 {
  font-size: 14px !important;
}

body.site-page-active.site-settings-active .pandora-settings-guide-video {
  width: min(100%, 800px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.site-page-active.site-settings-active .pandora-settings-page .card,
body.site-page-active.site-settings-active .pandora-settings-page .list-group,
body.site-page-active.site-settings-active .pandora-settings-page .list-group-item {
  border-color: rgba(39, 245, 255, .25) !important;
  color: var(--text) !important;
}

body.site-page-active.site-settings-active .pandora-settings-page .card {
  background:
    linear-gradient(90deg, rgba(39,245,255,.035) 1px, transparent 1px),
    linear-gradient(0deg, rgba(39,245,255,.028) 1px, transparent 1px),
    linear-gradient(180deg, rgba(5,31,42,.82), rgba(2,8,13,.92)) !important;
  background-size: 28px 28px, 28px 28px, auto !important;
  box-shadow: inset 0 0 24px rgba(39,245,255,.035), 0 10px 28px rgba(0,0,0,.30) !important;
}

body.site-page-active.site-settings-active .pandora-settings-page .card::before,
body.site-page-active.site-settings-active .pandora-settings-page .card::after {
  content: none !important;
  display: none !important;
}

body.site-page-active.site-settings-active .pandora-settings-page .list-group-item {
  background: rgba(2, 11, 17, .62) !important;
  box-shadow: inset 0 -1px 0 rgba(39,245,255,.055) !important;
}

body.site-page-active.site-settings-active .pandora-settings-page .form-control,
body.site-page-active.site-settings-active .pandora-settings-page .form-select {
  border-color: rgba(39,245,255,.32) !important;
  background-color: rgba(1,9,14,.88) !important;
  color: var(--text) !important;
  box-shadow: inset 0 0 12px rgba(39,245,255,.035) !important;
}

body.site-page-active.site-settings-active .pandora-settings-page .form-control:focus,
body.site-page-active.site-settings-active .pandora-settings-page .form-select:focus {
  border-color: rgba(127,252,255,.86) !important;
  box-shadow: 0 0 0 2px rgba(39,245,255,.12), inset 0 0 14px rgba(39,245,255,.06) !important;
}

body.site-page-active.site-settings-active .pandora-settings-page .btn,
body.site-page-active.site-settings-active .pandora-settings-page .btn-success,
body.site-page-active.site-settings-active .pandora-settings-page .btn-outline-success,
body.site-page-active.site-settings-active .pandora-settings-page .btn-outline-secondary {
  border-color: rgba(39,245,255,.48) !important;
  background: linear-gradient(180deg, rgba(16,75,91,.72), rgba(3,24,34,.92)) !important;
  color: #bffcff !important;
  text-shadow: 0 0 10px rgba(39,245,255,.24) !important;
  box-shadow: inset 0 0 14px rgba(39,245,255,.07), 0 0 10px rgba(39,245,255,.06) !important;
}

body.site-page-active.site-settings-active .pandora-settings-page .btn:hover,
body.site-page-active.site-settings-active .pandora-settings-page .btn:focus-visible {
  border-color: rgba(127,252,255,.92) !important;
  background: linear-gradient(135deg, rgba(127,252,255,.94), rgba(39,245,255,.64) 58%, rgba(12,90,124,.88)) !important;
  color: #021117 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.30) !important;
  box-shadow: 0 0 18px rgba(39,245,255,.24), inset 0 0 14px rgba(255,255,255,.10) !important;
}

body.site-page-active.site-settings-active .pandora-settings-page .btn-danger,
body.site-page-active.site-settings-active .pandora-settings-page .btn-outline-danger {
  border-color: rgba(255,207,79,.58) !important;
  background: linear-gradient(180deg, rgba(92,68,12,.64), rgba(30,22,3,.90)) !important;
  color: #ffe7a0 !important;
  text-shadow: none !important;
  box-shadow: inset 0 0 12px rgba(255,207,79,.06) !important;
}

body.site-page-active.site-settings-active .pandora-settings-page .form-check-input:checked {
  border-color: #27f5ff !important;
  background-color: #159bab !important;
  box-shadow: 0 0 12px rgba(39,245,255,.24) !important;
}

body.site-page-active.site-settings-active .pandora-settings-page > .flex-1,
body.site-page-active.site-settings-active .pandora-settings-page > .flex-1 > .flex-1 {
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: visible !important;
}

body.site-page-active.site-settings-active .pandora-settings-page #scrollbar {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

@media (max-width: 760px) {
  body.site-page-active.site-settings-active .pandora-settings-page {
    padding: 8px !important;
  }
}

@media (max-width: 760px) {
  html body .pandora-mobile-nav-toggle {
    width: 48px !important;
    height: 48px !important;
    padding: 11px 12px !important;
  }

  html body.site-page-active .hud-topbar,
  html body:not(.site-page-active) .hud-topbar {
    top: 8px !important;
    left: 64px !important;
    right: 8px !important;
    width: auto !important;
    height: 48px !important;
  }

  html body.site-page-active .hud-topbar .hud-user-actions,
  html body:not(.site-page-active) .hud-topbar .hud-user-actions,
  html body.site-page-active .hud-topbar .hud-header-partials,
  html body:not(.site-page-active) .hud-topbar .hud-header-partials {
    height: 48px !important;
  }

  html body.site-page-active .hud-topbar .menu-profile,
  html body.site-page-active .hud-topbar .menu-profile-link,
  html body:not(.site-page-active) .hud-topbar .menu-profile,
  html body:not(.site-page-active) .hud-topbar .menu-profile-link {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
  }

  html body.site-page-active .hud-topbar .menu-profile-image,
  html body:not(.site-page-active) .hud-topbar .menu-profile-image {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
  }

  html body.site-page-active .hud-topbar .hud-header-calendar-slot,
  html body.site-page-active .hud-topbar #notifications_holder,
  html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot,
  html body:not(.site-page-active) .hud-topbar #notifications_holder,
  html body.site-page-active .hud-topbar .hud-header-calendar-slot a,
  html body.site-page-active .hud-topbar .hud-header-calendar-slot button,
  html body.site-page-active .hud-topbar #notifications_holder a,
  html body.site-page-active .hud-topbar #notifications_holder button,
  html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot a,
  html body:not(.site-page-active) .hud-topbar .hud-header-calendar-slot button,
  html body:not(.site-page-active) .hud-topbar #notifications_holder a,
  html body:not(.site-page-active) .hud-topbar #notifications_holder button {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
  }

  html body.site-page-active .hud-topbar .top-cell.time-cell,
  html body:not(.site-page-active) .hud-topbar .top-cell.time-cell {
    flex: 0 0 clamp(88px, calc(100vw - 262px), 154px) !important;
    width: clamp(88px, calc(100vw - 262px), 154px) !important;
    min-width: clamp(88px, calc(100vw - 262px), 154px) !important;
    max-width: 154px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 8px 10px !important;
    font-size: 11px !important;
  }

  html body.site-page-active #siteContentPanel,
  html body.site-page-active:not(.site-home-active) #siteContentPanel,
  html body.site-page-active.site-entities-active #siteContentPanel {
    top: 64px !important;
  }

  html body:not(.site-page-active) #mapFrame {
    top: 64px !important;
  }

  html body:not(.site-page-active) #zoomControls {
    top: 72px !important;
  }

  html body.site-page-active.pandora-mobile-nav-open #siteNavPanel,
  html body:not(.site-page-active).pandora-mobile-nav-open #siteNavPanel {
    top: 64px !important;
  }

  html body.site-page-active.pandora-mobile-nav-open #modeDock,
  html body:not(.site-page-active).pandora-mobile-nav-open #modeDock {
    top: 172px !important;
  }
}