/* Classic navigation preview. This file is injected only for the logical testserver. */
html.gx-classic-navigation-preview {
  --gx-classic-cyan: #35b9ff;
  --gx-classic-blue: #3478f6;
  --gx-classic-violet: #8b5cf6;
  --gx-classic-panel: rgba(4, 12, 34, .97);
  --gx-classic-line: rgba(73, 170, 255, .25);
}

/* Commander XP feedback is shared by every test-server HUD surface. */
.gx-commander-xp-burst {
  position:fixed;z-index:10050;top:78px;left:50%;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:12px;
  min-width:min(360px,calc(100vw - 24px));padding:12px 34px 12px 14px;color:#eaf8ff;
  border:1px solid rgba(80,211,255,.72);background:linear-gradient(135deg,rgba(4,24,51,.97),rgba(20,38,87,.96) 58%,rgba(56,24,96,.94));
  box-shadow:0 18px 60px rgba(0,0,0,.54),0 0 38px rgba(50,187,255,.26),inset 0 0 28px rgba(66,190,255,.08);
  clip-path:polygon(0 12px,12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);
  transform:translate(-50%,-130%) scale(.86);opacity:0;pointer-events:none;overflow:visible;
  animation:gxCommanderXpArrival 4.1s cubic-bezier(.2,.84,.2,1) both;
}
.gx-commander-xp-burst::before { content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 24%,rgba(170,239,255,.24) 44%,transparent 62%);transform:translateX(-130%);animation:gxCommanderXpSweep 1.15s .28s ease-out both; }
.gx-commander-xp-burst>img { width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(71,210,255,.76));animation:gxCommanderXpToken 1.25s ease-out both; }
.gx-commander-xp-burst>span:not(.gx-commander-xp-orbit) { display:grid;gap:3px;min-width:0; }
.gx-commander-xp-burst strong { color:#91edff;font:900 1.18rem/1.05 "Orbitron",sans-serif;letter-spacing:.06em;text-shadow:0 0 18px rgba(75,216,255,.68); }
.gx-commander-xp-burst small { color:rgba(220,239,255,.75);font:700 .67rem/1.25 "Rajdhani",sans-serif;letter-spacing:.08em;text-transform:uppercase; }
.gx-commander-xp-orbit { position:absolute;left:5px;top:5px;width:72px;height:72px;border:1px solid rgba(109,222,255,.45);border-radius:50%;animation:gxCommanderXpOrbit 2.1s linear infinite; }
.gx-commander-xp-orbit i { position:absolute;right:-4px;top:27px;color:#fff4a8;font-size:.52rem;filter:drop-shadow(0 0 6px #ffe46c); }
.gx-xp-particle { position:absolute;width:5px;height:5px;border-radius:50%;background:#80eaff;box-shadow:0 0 9px #41d7ff;animation:gxCommanderXpParticle 1.25s .2s ease-out both; }
.gx-xp-particle.p1 { left:12%;top:16%;--gx-xp-x:-28px;--gx-xp-y:-25px; }.gx-xp-particle.p2 { right:14%;top:24%;--gx-xp-x:35px;--gx-xp-y:-20px; }.gx-xp-particle.p3 { left:27%;bottom:8%;--gx-xp-x:-18px;--gx-xp-y:31px; }.gx-xp-particle.p4 { right:28%;bottom:12%;--gx-xp-x:22px;--gx-xp-y:27px; }
@keyframes gxCommanderXpArrival { 0%{transform:translate(-50%,-130%) scale(.86);opacity:0} 12%,76%{transform:translate(-50%,0) scale(1);opacity:1} 82%{transform:translate(-50%,0) scale(1.02);opacity:1} 100%{transform:translate(-50%,-28%) scale(.96);opacity:0} }
@keyframes gxCommanderXpSweep { to{transform:translateX(140%)} }
@keyframes gxCommanderXpToken { 0%{transform:scale(.25) rotate(-35deg);opacity:0} 58%{transform:scale(1.2) rotate(8deg);opacity:1} 100%{transform:scale(1) rotate(0)} }
@keyframes gxCommanderXpOrbit { to{transform:rotate(360deg)} }
@keyframes gxCommanderXpParticle { 0%{transform:translate(0,0) scale(.2);opacity:0} 25%{opacity:1} 100%{transform:translate(var(--gx-xp-x),var(--gx-xp-y)) scale(0);opacity:0} }
@media (max-width:600px) { .gx-commander-xp-burst { top:64px;grid-template-columns:46px minmax(0,1fr);min-width:calc(100vw - 18px);padding:10px 22px 10px 12px; }.gx-commander-xp-burst>img{width:44px;height:44px}.gx-commander-xp-orbit{width:58px;height:58px}.gx-commander-xp-burst strong{font-size:.98rem} }
@media (prefers-reduced-motion:reduce) { .gx-commander-xp-burst{animation-duration:3.2s}.gx-commander-xp-burst::before,.gx-commander-xp-orbit,.gx-xp-particle,.gx-commander-xp-burst>img{animation:none!important} }

html.gx-classic-navigation-preview .space-topnav {
  overflow: visible !important;
  z-index: 810 !important;
}

html.gx-classic-navigation-preview .topnav-center.gx-classic-centers {
  min-width: 0;
  flex: 1 1 auto;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(96px, 1fr));
  align-items: center;
  gap: 6px !important;
  overflow: visible !important;
  position: relative;
  z-index: 820;
}

html.gx-classic-navigation-preview .gx-classic-center {
  min-width: 0;
  position: relative;
}

html.gx-classic-navigation-preview .gx-classic-center-btn {
  width: 100%;
  min-height: 38px;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) 10px;
  align-items: center;
  gap: 7px;
  padding: 0 10px;
  border: 1px solid rgba(55, 152, 235, .18);
  border-radius: 7px;
  background: linear-gradient(180deg, rgba(15, 38, 78, .48), rgba(5, 14, 35, .68));
  color: rgba(196, 222, 255, .72);
  font: 700 .66rem/1 'Orbitron', sans-serif;
  letter-spacing: .04em;
  text-align: left;
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease;
}

html.gx-classic-navigation-preview .gx-classic-center-btn > i:first-child {
  color: var(--gx-classic-cyan);
  text-align: center;
}

html.gx-classic-navigation-preview .gx-classic-center-btn > i:last-child {
  color: rgba(180, 215, 255, .42);
  font-size: .54rem;
  transition: transform .16s ease;
}

html.gx-classic-navigation-preview .gx-classic-center.is-active .gx-classic-center-btn,
html.gx-classic-navigation-preview .gx-classic-center.is-open .gx-classic-center-btn,
html.gx-classic-navigation-preview .gx-classic-center-btn:hover {
  border-color: rgba(53, 185, 255, .58);
  background: linear-gradient(180deg, rgba(27, 103, 180, .36), rgba(18, 38, 91, .48));
  color: #fff;
  box-shadow: 0 0 18px rgba(36, 151, 255, .13), inset 0 1px rgba(255, 255, 255, .05);
}

html.gx-classic-navigation-preview .gx-classic-center.is-open .gx-classic-center-btn > i:last-child {
  transform: rotate(180deg);
}

html.gx-classic-navigation-preview .gx-classic-center-panel {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: min(460px, calc(100vw - 26px));
  display: none;
  padding: 13px;
  border: 1px solid rgba(53, 185, 255, .38);
  border-radius: 11px;
  background: linear-gradient(145deg, rgba(5, 18, 45, .99), rgba(8, 8, 30, .99));
  box-shadow: 0 22px 58px rgba(0, 0, 0, .68), 0 0 32px rgba(37, 139, 255, .15);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  z-index: 950;
}

html.gx-classic-navigation-preview .gx-classic-center:nth-child(3) .gx-classic-center-panel,
html.gx-classic-navigation-preview .gx-classic-center:nth-child(4) .gx-classic-center-panel {
  left: auto;
  right: 0;
}

html.gx-classic-navigation-preview .gx-classic-center.is-open .gx-classic-center-panel {
  display: block;
  animation: gxClassicPanelIn .14s ease-out both;
}

@keyframes gxClassicPanelIn {
  from { opacity: 0; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}

html.gx-classic-navigation-preview .gx-classic-center-panel > header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 10px;
  padding: 0 1px 10px;
  border-bottom: 1px solid rgba(70, 160, 255, .16);
}

html.gx-classic-navigation-preview .gx-classic-center-panel > header > i {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(53, 185, 255, .3);
  border-radius: 8px;
  background: rgba(53, 185, 255, .09);
  color: var(--gx-classic-cyan);
}

html.gx-classic-navigation-preview .gx-classic-center-panel > header span,
html.gx-classic-navigation-preview .gx-classic-center-panel > header strong,
html.gx-classic-navigation-preview .gx-classic-center-panel > header small {
  display: block;
}

html.gx-classic-navigation-preview .gx-classic-center-panel > header strong {
  color: #f1f7ff;
  font: 800 .73rem/1.2 'Orbitron', sans-serif;
  letter-spacing: .08em;
}

html.gx-classic-navigation-preview .gx-classic-center-panel > header small {
  margin-top: 3px;
  color: rgba(170, 207, 241, .44);
  font-size: .62rem;
}

html.gx-classic-navigation-preview .gx-classic-center-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

html.gx-classic-navigation-preview .gx-classic-center-group { min-width: 0; }
html.gx-classic-navigation-preview .gx-classic-center-group[data-gx-ungrouped="1"] { grid-column: 1 / -1; }
html.gx-classic-navigation-preview .gx-classic-center-group > h3 { margin: 0 0 7px; color: rgba(130,194,238,.58); font: 800 .55rem/1.2 'Exo 2',sans-serif; letter-spacing: .75px; text-transform: uppercase; }
html.gx-classic-navigation-preview .gx-classic-center-group > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px; }
html.gx-classic-navigation-preview .gx-classic-center[data-gx-classic-center="imperium"] .gx-classic-center-links { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
html.gx-classic-navigation-preview .gx-classic-center[data-gx-classic-center="imperium"] .gx-classic-center-group > div { grid-template-columns: 1fr; }

html.gx-classic-navigation-preview .gx-classic-nav-composite {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 40px;
  gap: 5px;
}

html.gx-classic-navigation-preview .gx-classic-nav-composite > a { min-width: 0; }

html.gx-classic-navigation-preview .gx-classic-nav-composite > .gx-classic-nav-inline-action {
  grid-template-columns: 1fr !important;
  place-items: center;
  padding: 0 !important;
}

html.gx-classic-navigation-preview .gx-classic-nav-composite > .gx-classic-nav-inline-action > span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

html.gx-classic-navigation-preview .gx-classic-nav-link,
html.gx-classic-navigation-preview .gx-classic-sidebar-link {
  min-width: 0;
  min-height: 39px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 0 9px;
  border: 1px solid rgba(67, 157, 245, .12);
  border-radius: 7px;
  background: rgba(43, 124, 214, .045);
  color: rgba(210, 229, 252, .76);
  font: 600 .72rem/1.2 'Exo 2', sans-serif;
  text-decoration: none;
  transition: border-color .14s ease, background .14s ease, color .14s ease;
}

html.gx-classic-navigation-preview .gx-classic-nav-link i,
html.gx-classic-navigation-preview .gx-classic-sidebar-link i {
  color: #62baf5;
  text-align: center;
}

html.gx-classic-navigation-preview .gx-classic-nav-link span,
html.gx-classic-navigation-preview .gx-classic-sidebar-link span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.gx-classic-navigation-preview .gx-classic-nav-link:hover,
html.gx-classic-navigation-preview .gx-classic-sidebar-link:hover {
  border-color: rgba(53, 185, 255, .42);
  background: rgba(38, 137, 236, .14);
  color: #fff;
}

html.gx-classic-navigation-preview .gx-classic-center-panel > footer,
html.gx-classic-navigation-preview .gx-classic-mobile-drawer > footer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 11px;
  padding-top: 10px;
  border-top: 1px solid rgba(70, 160, 255, .15);
}

html.gx-classic-navigation-preview .gx-classic-utility-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: rgba(171, 205, 240, .55);
  font-size: .64rem;
  text-decoration: none;
}

html.gx-classic-navigation-preview .gx-classic-utility-link:hover { color: #fff; }
html.gx-classic-navigation-preview .gx-classic-utility-link.is-danger { color: rgba(255, 123, 139, .76); }
html.gx-classic-navigation-preview .gx-classic-utility-link.is-feedback { color:#ffca7a; }
html.gx-classic-navigation-preview .gx-classic-utility-link.is-feedback i { filter:drop-shadow(0 0 7px rgba(255,174,72,.45)); }
html.gx-classic-navigation-preview .gx-classic-sidebar-link.is-feedback,
html.gx-classic-navigation-preview .gx-classic-nav-link.is-feedback { border-color:rgba(255,174,72,.3);background:rgba(132,72,12,.13);color:#ffe2b3; }
html.gx-classic-navigation-preview .gx-classic-sidebar-link.is-feedback i,
html.gx-classic-navigation-preview .gx-classic-nav-link.is-feedback i { color:#ffc76c; }
html.gx-classic-navigation-preview button.gx-classic-utility-link,
html.gx-classic-navigation-preview button.gx-classic-sidebar-link {
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  color: inherit;
  font-family: inherit;
  cursor: pointer;
}
html.gx-classic-navigation-preview button.gx-classic-sidebar-link { width: 100%; text-align: left; }
html.gx-classic-navigation-preview .gx-classic-motion-toggle b { color: #80dfff; font: inherit; }

/* Live priority rail */
html.gx-classic-navigation-preview .gx-classic-priority-bar {
  flex: 0 0 auto;
  min-width: 0;
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr) auto 38px;
  align-items: center;
  gap: 9px;
  margin: 10px 12px 0;
  padding: 8px 9px;
  border: 1px solid rgba(53, 185, 255, .27);
  border-radius: 10px;
  background: linear-gradient(90deg, rgba(22, 91, 161, .2), rgba(5, 14, 34, .94) 35%, rgba(76, 48, 145, .16));
  box-shadow: 0 0 25px rgba(36, 139, 255, .1), inset 0 1px rgba(255, 255, 255, .035);
  color: #eaf5ff;
  position: relative;
  z-index: 120;
}

html.gx-classic-navigation-preview .gx-classic-priority-title {
  min-width: 0;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
}

html.gx-classic-navigation-preview .gx-classic-priority-title > i {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(53, 185, 255, .25);
  border-radius: 8px;
  background: rgba(53, 185, 255, .1);
  color: var(--gx-classic-cyan);
}

html.gx-classic-navigation-preview .gx-classic-priority-title span,
html.gx-classic-navigation-preview .gx-classic-priority-title strong,
html.gx-classic-navigation-preview .gx-classic-priority-title small {
  min-width: 0;
  display: block;
}

html.gx-classic-navigation-preview .gx-classic-priority-title strong {
  overflow: hidden;
  color: #fff;
  font: 800 .64rem/1.2 'Orbitron', sans-serif;
  letter-spacing: .03em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.gx-classic-navigation-preview .gx-classic-priority-title small {
  margin-top: 2px;
  color: rgba(176, 210, 242, .48);
  font-size: .6rem;
}

html.gx-classic-navigation-preview .gx-classic-priority-title > b {
  min-width: 21px;
  height: 21px;
  display: grid;
  place-items: center;
  padding: 0 5px;
  border: 1px solid rgba(255, 183, 71, .3);
  border-radius: 999px;
  background: rgba(255, 168, 34, .11);
  color: #ffd17e;
  font-size: .59rem;
}

html.gx-classic-navigation-preview .gx-classic-priority-items {
  min-width: 0;
  display: flex;
  gap: 6px;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
  scrollbar-color: rgba(74, 163, 250, .28) transparent;
}

html.gx-classic-navigation-preview .gx-classic-priority-more {
  min-width: 88px;
  min-height: 38px;
  padding: 0 10px;
  border: 1px solid rgba(75,176,255,.24);
  border-radius: 9px;
  background: rgba(4,26,61,.88);
  color: #8cccf4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: .65rem;
  cursor: pointer;
  white-space: nowrap;
}
html.gx-classic-navigation-preview .gx-classic-priority-more[hidden] { display: none !important; }
html.gx-classic-navigation-preview .gx-classic-priority-more:hover,
html.gx-classic-navigation-preview .gx-classic-priority-more.is-open { border-color: #42beff; color: #effaff; background: rgba(6,54,101,.92); }

html.gx-classic-navigation-preview .gx-classic-priority-bar.has-restore .gx-classic-priority-items {
  margin-right: 38px;
}

html.gx-classic-navigation-preview .gx-classic-priority-entry {
  position: relative;
  flex: 1 0 225px;
  min-width: 225px;
  scroll-snap-align: start;
}

html.gx-classic-navigation-preview .gx-classic-priority-entry .gx-classic-priority-item {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-right: 9px;
}

html.gx-classic-navigation-preview .gx-classic-priority-entry.is-pinned .gx-classic-priority-item {
  box-shadow: inset 0 0 0 1px rgba(93, 204, 255, .17), 0 0 14px rgba(61, 173, 255, .09);
}

html.gx-classic-navigation-preview .gx-classic-priority-actions {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 2;
  display: flex;
  gap: 3px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-2px);
  transition: opacity .16s ease, transform .16s ease;
}

html.gx-classic-navigation-preview .gx-classic-priority-entry:hover .gx-classic-priority-actions,
html.gx-classic-navigation-preview .gx-classic-priority-entry:focus-within .gx-classic-priority-actions { opacity: 1; pointer-events: auto; transform: translateY(0); }
html.gx-classic-navigation-preview .gx-classic-priority-entry:hover .gx-classic-priority-item > b,
html.gx-classic-navigation-preview .gx-classic-priority-entry:focus-within .gx-classic-priority-item > b { opacity: 0; }

html.gx-classic-navigation-preview .gx-classic-priority-actions button,
html.gx-classic-navigation-preview .gx-classic-priority-restore {
  display: grid;
  place-items: center;
  border: 1px solid rgba(91, 185, 248, .22);
  border-radius: 6px;
  background: rgba(2, 18, 45, .94);
  color: rgba(176, 215, 244, .72);
  cursor: pointer;
}

html.gx-classic-navigation-preview .gx-classic-priority-actions button { width: 23px; height: 23px; padding: 0; font-size: .55rem; }
html.gx-classic-navigation-preview .gx-classic-priority-actions button:hover { border-color: rgba(91, 205, 255, .58); color: #fff; }
html.gx-classic-navigation-preview .gx-classic-priority-entry.is-pinned [data-gx-priority-action="pin"] { color: #62ceff; }
html.gx-classic-navigation-preview .gx-classic-priority-restore { position: absolute; right: 52px; width: 30px; height: 30px; padding: 0; }
html.gx-classic-navigation-preview .gx-classic-priority-restore[hidden] { display: none !important; }

html.gx-classic-navigation-preview .gx-classic-loading {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(185, 215, 245, .52);
  font-size: .68rem;
}

html.gx-classic-navigation-preview .gx-classic-priority-item {
  flex: 1 0 205px;
  min-width: 205px;
  min-height: 43px;
  display: grid;
  grid-template-columns: 27px minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  padding: 5px 8px;
  border: 1px solid rgba(53, 185, 255, .13);
  border-radius: 8px;
  background: rgba(4, 15, 36, .78);
  color: rgba(225, 239, 255, .88);
  text-decoration: none;
  scroll-snap-align: start;
}

html.gx-classic-navigation-preview .gx-classic-priority-item > i {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  background: rgba(53, 185, 255, .09);
  color: var(--gx-classic-cyan);
}

html.gx-classic-navigation-preview .gx-classic-priority-item span,
html.gx-classic-navigation-preview .gx-classic-priority-item strong,
html.gx-classic-navigation-preview .gx-classic-priority-item small {
  min-width: 0;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.gx-classic-navigation-preview .gx-classic-priority-item strong { color: #fff; font-size: .69rem; }
html.gx-classic-navigation-preview .gx-classic-priority-item small { margin-top: 2px; color: rgba(190, 217, 245, .52); font-size: .59rem; }
html.gx-classic-navigation-preview .gx-classic-priority-item > b { color: var(--gx-classic-cyan); font: 700 .59rem/1 'Orbitron', sans-serif; font-variant-numeric: tabular-nums; white-space: nowrap; }

html.gx-classic-navigation-preview .gx-classic-priority-item.is-danger { border-color: rgba(255, 72, 99, .48); background: rgba(83, 9, 28, .61); }
html.gx-classic-navigation-preview .gx-classic-priority-item.is-danger > i,
html.gx-classic-navigation-preview .gx-classic-priority-item.is-danger > b { color: #ff8b9d; background-color: rgba(255, 72, 99, .12); }
html.gx-classic-navigation-preview .gx-classic-priority-item.is-warn { border-color: rgba(255, 178, 49, .43); background: rgba(69, 42, 3, .58); }
html.gx-classic-navigation-preview .gx-classic-priority-item.is-warn > i,
html.gx-classic-navigation-preview .gx-classic-priority-item.is-warn > b { color: #ffd17e; background-color: rgba(255, 178, 49, .11); }
html.gx-classic-navigation-preview .gx-classic-priority-item.is-clan { border-color: rgba(163, 91, 255, .42); background: rgba(46, 19, 83, .56); }
html.gx-classic-navigation-preview .gx-classic-priority-item.is-clan > i,
html.gx-classic-navigation-preview .gx-classic-priority-item.is-clan > b { color: #d5afff; background-color: rgba(163, 91, 255, .11); }
html.gx-classic-navigation-preview .gx-classic-priority-item.is-event { border-color: rgba(38, 203, 186, .38); background: rgba(3, 57, 61, .54); }
html.gx-classic-navigation-preview .gx-classic-priority-item.is-event > i,
html.gx-classic-navigation-preview .gx-classic-priority-item.is-event > b { color: #75ead9; background-color: rgba(38, 203, 186, .11); }
html.gx-classic-navigation-preview .gx-classic-priority-item.is-success { border-color: rgba(74, 222, 128, .33); background: rgba(7, 54, 31, .5); }
html.gx-classic-navigation-preview .gx-classic-priority-item.is-success > i,
html.gx-classic-navigation-preview .gx-classic-priority-item.is-success > b { color: #78eba1; background-color: rgba(74, 222, 128, .1); }

html.gx-classic-navigation-preview .gx-classic-priority-refresh {
  width: 36px;
  height: 36px;
  border: 1px solid rgba(53, 185, 255, .22);
  border-radius: 8px;
  background: rgba(53, 185, 255, .055);
  color: rgba(204, 229, 252, .67);
  cursor: pointer;
}

html.gx-classic-navigation-preview .gx-classic-priority-refresh:hover { border-color: rgba(53, 185, 255, .5); color: #fff; }

/* Grouped sidebar navigation */
html.gx-classic-navigation-preview .gx-classic-sidebar-centers {
  display: grid;
  gap: 6px;
  padding: 3px 8px 10px;
}

html.gx-classic-navigation-preview .gx-classic-sidebar-center {
  border: 1px solid rgba(61, 151, 239, .13);
  border-radius: 8px;
  background: rgba(13, 35, 73, .22);
  overflow: hidden;
}

html.gx-classic-navigation-preview .gx-classic-sidebar-center > summary {
  min-height: 42px;
  display: grid;
  grid-template-columns: 23px minmax(0, 1fr) 12px;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  color: rgba(209, 229, 252, .78);
  font: 700 .69rem/1 'Orbitron', sans-serif;
  list-style: none;
  cursor: pointer;
}

html.gx-classic-navigation-preview .gx-classic-sidebar-center > summary::-webkit-details-marker { display: none; }
html.gx-classic-navigation-preview .gx-classic-sidebar-center > summary i:first-child { color: var(--gx-classic-cyan); text-align: center; }
html.gx-classic-navigation-preview .gx-classic-sidebar-center > summary i:last-child { color: rgba(184, 215, 245, .4); font-size: .55rem; transition: transform .15s ease; }
html.gx-classic-navigation-preview .gx-classic-sidebar-center[open] > summary { background: rgba(41, 132, 225, .1); color: #fff; }
html.gx-classic-navigation-preview .gx-classic-sidebar-center[open] > summary i:last-child { transform: rotate(180deg); }
html.gx-classic-navigation-preview .gx-classic-sidebar-center > div { display: grid; gap: 4px; padding: 4px 6px 7px; border-top: 1px solid rgba(61, 151, 239, .1); }
html.gx-classic-navigation-preview .gx-classic-sidebar-link { min-height: 36px; border-color: transparent; background: rgba(42, 122, 205, .035); }

html.gx-classic-navigation-preview .gx-classic-sidebar-tools {
  display: grid;
  gap: 3px;
  margin-top: 3px;
  padding-top: 8px;
  border-top: 1px solid rgba(61, 151, 239, .12);
}

html.gx-classic-navigation-preview .gx-classic-sidebar-tools > strong {
  padding: 2px 7px 4px;
  color: rgba(165, 202, 236, .38);
  font: 700 .56rem/1 'Orbitron', sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
}

/* Mobile center drawer */
html.gx-classic-navigation-preview .gx-classic-mobile-overlay {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 885;
  background: rgba(0, 2, 12, .68);
  backdrop-filter: blur(2px);
}

html.gx-classic-navigation-preview .gx-classic-mobile-overlay.is-open { display: block; }

html.gx-classic-navigation-preview .gx-classic-mobile-drawer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: calc(58px + env(safe-area-inset-bottom, 0px));
  z-index: 890;
  max-height: min(74dvh, 640px);
  display: none;
  padding: 12px;
  overflow-y: auto;
  border-top: 1px solid rgba(53, 185, 255, .38);
  border-radius: 14px 14px 0 0;
  background: linear-gradient(160deg, rgba(5, 19, 48, .995), rgba(7, 7, 28, .995));
  box-shadow: 0 -20px 55px rgba(0, 0, 0, .65), 0 0 35px rgba(39, 145, 255, .12);
  overscroll-behavior: contain;
}

html.gx-classic-navigation-preview .gx-classic-mobile-drawer.is-open { display: block; animation: gxClassicDrawerIn .16s ease-out both; }

@keyframes gxClassicDrawerIn {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}

html.gx-classic-navigation-preview .gx-classic-mobile-drawer > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
  padding: 0 2px 9px;
  border-bottom: 1px solid rgba(67, 157, 245, .15);
}

html.gx-classic-navigation-preview .gx-classic-mobile-drawer > header > span {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #fff;
  font: 800 .74rem/1 'Orbitron', sans-serif;
}

html.gx-classic-navigation-preview .gx-classic-mobile-drawer > header > span i { color: var(--gx-classic-cyan); }
html.gx-classic-navigation-preview .gx-classic-mobile-drawer > header > button { width: 34px; height: 34px; border: 1px solid rgba(67, 157, 245, .2); border-radius: 8px; background: rgba(53, 185, 255, .06); color: #cce9ff; }

html.gx-classic-navigation-preview .gx-classic-mobile-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

html.gx-classic-navigation-preview body.gx-classic-drawer-open { overflow: hidden !important; }

/* Dense surfaces */
html.gx-classic-navigation-preview .sev-class-ranges { display: none !important; }
html.gx-classic-navigation-preview .ek-active-card { min-height: 0 !important; padding: 10px 11px !important; }
html.gx-classic-navigation-preview .ek-ac-banner { height: 105px !important; }
html.gx-classic-navigation-preview .sev-panel { margin-bottom: 10px !important; padding: 12px !important; }

html.gx-classic-navigation-preview .gx-classic-chat-toggle {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 9px;
  border: 1px solid rgba(53, 185, 255, .25);
  border-radius: 7px;
  background: rgba(53, 185, 255, .07);
  color: #aedaFA;
  font: 700 .62rem/1 'Exo 2', sans-serif;
}

@media (min-width: 901px) {
  html.gx-classic-navigation-preview .gx-classic-chat-toggle { display: none !important; }
}

@media (max-width: 1180px) and (min-width: 901px) {
  html.gx-classic-navigation-preview .topnav-left { width: auto !important; }
  html.gx-classic-navigation-preview .gx-classic-center-btn { grid-template-columns: 17px minmax(0, 1fr); padding: 0 7px; font-size: .59rem; }
  html.gx-classic-navigation-preview .gx-classic-center-btn > i:last-child { display: none; }
  html.gx-classic-navigation-preview .gx-classic-priority-bar { grid-template-columns: 170px minmax(0, 1fr) 36px; }
}

@media (max-width: 900px) {
  html.gx-classic-navigation-preview .topnav-center.gx-classic-centers { display: none !important; }
  html.gx-classic-navigation-preview #mob-mehr-panel,
  html.gx-classic-navigation-preview #mob-mehr-overlay { display: none !important; }

  html.gx-classic-navigation-preview #mobile-global-nav.gx-classic-mobile-nav,
  html.gx-classic-navigation-preview #mobile-bottom-nav.gx-classic-mobile-nav {
    left: 50% !important;
    right: auto !important;
    bottom: max(7px, env(safe-area-inset-bottom, 0px)) !important;
    width: min(calc(100vw - 12px), 350px) !important;
    height: 48px !important;
    padding: 0 !important;
    grid-template-columns: repeat(5, minmax(0, 46px)) !important;
    justify-content: center !important;
    gap: clamp(4px, 1.8vw, 10px) !important;
    transform: translateX(-50%);
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    pointer-events: none;
  }

  html.gx-classic-navigation-preview body:not(.classic-dashboard-page):not(.classic-dashboard-wheel-page) #mobile-global-nav.gx-classic-mobile-nav {
    display: grid !important;
  }

  html.gx-classic-navigation-preview body.classic-dashboard-page #mobile-global-nav,
  html.gx-classic-navigation-preview body.classic-dashboard-wheel-page #mobile-global-nav { display: none !important; }

  html.gx-classic-navigation-preview body.classic-dashboard-page #mobile-bottom-nav.gx-classic-mobile-nav,
  html.gx-classic-navigation-preview body.classic-dashboard-wheel-page #mobile-bottom-nav.gx-classic-mobile-nav { display: grid !important; }

  html.gx-classic-navigation-preview .gx-classic-mobile-dock-btn {
    min-width: 0;
    width: 100%;
    max-width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    position: relative;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(72, 170, 233, .28);
    border-radius: 14px;
    background: linear-gradient(155deg, rgba(9, 34, 61, .94), rgba(2, 10, 25, .97));
    box-shadow: 0 7px 20px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(167, 225, 255, .08);
    color: rgba(163, 196, 231, .55);
    cursor: pointer;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    transition: transform .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease;
  }

  html.gx-classic-navigation-preview .gx-classic-mobile-dock-btn > span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  html.gx-classic-navigation-preview .gx-classic-mobile-dock-btn i {
    color: #69baf1;
    font-size: 1.08rem;
  }

  html.gx-classic-navigation-preview .gx-classic-mobile-dock-btn img {
    display: block;
    width: 25px;
    height: 25px;
    object-fit: contain;
    pointer-events: none;
  }

  html.gx-classic-navigation-preview .gx-classic-mobile-dock-btn.is-tutorial img { filter: drop-shadow(0 0 5px rgba(80, 224, 255, .42)); }
  html.gx-classic-navigation-preview .gx-classic-mobile-dock-btn.is-active {
    border-color: var(--gx-classic-cyan);
    color: #fff;
    background: linear-gradient(155deg, rgba(14, 69, 103, .97), rgba(4, 24, 51, .98));
    box-shadow: 0 7px 22px rgba(0, 0, 0, .5), 0 0 16px rgba(53, 185, 255, .2);
  }

  html.gx-classic-navigation-preview .gx-classic-mobile-dock-btn:active { transform: translateY(1px) scale(.96); }
  html.gx-classic-navigation-preview .gx-classic-mobile-dock-btn:focus-visible { outline: 2px solid #7cecff; outline-offset: 2px; }

  html.gx-classic-navigation-preview .gx-classic-priority-bar {
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 7px;
    margin: 8px 8px 0;
    padding: 7px;
  }

  html.gx-classic-navigation-preview .gx-classic-priority-title { display: block; }
  html.gx-classic-navigation-preview .gx-classic-priority-title > i { width: 32px; height: 32px; }
  html.gx-classic-navigation-preview .gx-classic-priority-title > span,
  html.gx-classic-navigation-preview .gx-classic-priority-title > b,
  html.gx-classic-navigation-preview .gx-classic-priority-refresh { display: none !important; }
  html.gx-classic-navigation-preview .gx-classic-priority-item { flex-basis: min(79vw, 295px); min-width: min(79vw, 295px); }
  html.gx-classic-navigation-preview .gx-classic-priority-bar.has-restore .gx-classic-priority-items { margin-right: 0; padding-right: 38px; }
  html.gx-classic-navigation-preview .gx-classic-priority-restore { right: 7px; }

  html.gx-classic-navigation-preview #galaxorChatPanel.gx-classic-chat-collapsed .chat-tabs,
  html.gx-classic-navigation-preview #galaxorChatPanel.gx-classic-chat-collapsed .chat-body,
  html.gx-classic-navigation-preview #galaxorChatPanel.gx-classic-chat-collapsed .chat-form,
  html.gx-classic-navigation-preview #galaxorChatPanel.gx-classic-chat-collapsed #galaxorAutocompleteAnchor { display: none !important; }
  html.gx-classic-navigation-preview #galaxorChatPanel.gx-classic-chat-collapsed { min-height: 0 !important; }
  html.gx-classic-navigation-preview #galaxorChatPanel.gx-classic-chat-collapsed .panel-header { margin: 0 !important; padding: 7px 8px !important; border: 0 !important; }

  html.gx-classic-navigation-preview #lbModal > div { max-height: calc(100dvh - 18px) !important; overflow-y: auto !important; }
  html.gx-classic-navigation-preview #lbModal .lb-body { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; padding: 9px 8px !important; gap: 8px !important; }
  html.gx-classic-navigation-preview #lbModal .lb-right-col { order: 1 !important; width: 100% !important; min-width: 0 !important; }
  html.gx-classic-navigation-preview #lbModal .lb-grid-col { order: 2 !important; width: 100% !important; min-width: 0 !important; overflow-x: auto !important; padding-bottom: 4px; }
  html.gx-classic-navigation-preview #lbModal .lb-grid { width: max-content !important; min-width: 100% !important; grid-template-columns: repeat(30, minmax(62px, 70px)) !important; gap: 4px !important; }
  html.gx-classic-navigation-preview #lbModal .lb-cell { width: auto !important; min-height: 62px !important; aspect-ratio: 1 / 1 !important; }
  html.gx-classic-navigation-preview #lbModal .lb-header { padding: 9px 11px 7px !important; }
  html.gx-classic-navigation-preview #lbModal .lb-header-img { width: 30px !important; height: 30px !important; }

  html.gx-classic-navigation-preview .ek-wrap { padding: 9px !important; }
  html.gx-classic-navigation-preview .ek-ac-banner { height: 82px !important; }
}

@media (max-width: 520px) {
  html.gx-classic-navigation-preview .gx-classic-mobile-drawer { padding: 10px 8px; }
  html.gx-classic-navigation-preview .gx-classic-mobile-links { grid-template-columns: 1fr; }
  html.gx-classic-navigation-preview .gx-classic-nav-link { min-height: 42px; }
  html.gx-classic-navigation-preview .gx-classic-mobile-drawer > footer { gap: 8px 12px; }
}

/* Classic testserver command center */
html.gx-classic-navigation-preview #section-zentrale.gx-classic-central-ready > .gx-classic-central-legacy-panel,
html.gx-classic-navigation-preview #section-zentrale.gx-classic-central-ready > .gx-classic-central-legacy-event,
html.gx-classic-navigation-preview #section-zentrale.gx-classic-central-ready > [data-live-event-type],
html.gx-classic-navigation-preview #section-zentrale.gx-classic-central-ready > #hhBanner,
html.gx-classic-navigation-preview #section-zentrale.gx-classic-central-ready > #weltbossBanner,
html.gx-classic-navigation-preview #section-zentrale.gx-classic-central-ready > #weltbossVictoryBanner,
html.gx-classic-navigation-preview #section-zentrale.gx-classic-central-ready > [id^="pvpTBanner_"],
html.gx-classic-navigation-preview #section-zentrale.gx-classic-central-ready > [id^="explTBanner_"] { display: none !important; }

html.gx-classic-navigation-preview .gx-classic-command-center {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding-bottom: 18px;
}

html.gx-classic-navigation-preview .gx-command-center-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  padding: 2px 2px 0;
}

html.gx-classic-navigation-preview .gx-command-center-head > div > span,
html.gx-classic-navigation-preview .gx-command-panel > header > div > span,
html.gx-classic-navigation-preview .gx-command-event > div:nth-child(2) > span {
  display: block;
  margin-bottom: 4px;
  color: rgba(101, 192, 255, .62);
  font: 800 .56rem/1 'Orbitron', sans-serif;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}

html.gx-classic-navigation-preview .gx-command-center-head h1 {
  margin: 0;
  color: #e8f5ff;
  font: 800 1.02rem/1.25 'Orbitron', sans-serif;
  letter-spacing: 1.1px;
}

html.gx-classic-navigation-preview .gx-command-center-head small {
  display: block;
  margin-top: 5px;
  color: rgba(155, 194, 227, .48);
  font-size: .63rem;
}

html.gx-classic-navigation-preview #gxCommandRefresh {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid rgba(80, 177, 255, .24);
  border-radius: 9px;
  background: rgba(6, 27, 64, .78);
  color: #72c9ff;
  cursor: pointer;
}

html.gx-classic-navigation-preview .gx-classic-command-center[data-loading="1"] #gxCommandRefresh i { animation: fa-spin 1s infinite linear; }

html.gx-classic-navigation-preview .gx-command-center-deck {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

html.gx-classic-navigation-preview .gx-command-center-card,
html.gx-classic-navigation-preview .gx-command-skeleton {
  min-width: 0;
  min-height: 136px;
  border: 1px solid rgba(65, 162, 246, .18);
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(3, 20, 52, .93), rgba(8, 18, 52, .82));
}

html.gx-classic-navigation-preview .gx-command-center-card {
  display: flex;
  flex-direction: column;
  padding: 13px 14px 11px;
  color: #ddecfa;
  text-decoration: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
  transition: border-color .18s ease, transform .18s ease, background .18s ease;
}

html.gx-classic-navigation-preview .gx-command-center-card:hover {
  transform: translateY(-2px);
  border-color: rgba(81, 190, 255, .46);
  background: linear-gradient(145deg, rgba(5, 32, 74, .96), rgba(13, 23, 66, .9));
}

html.gx-classic-navigation-preview .gx-command-center-card header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
  color: rgba(166, 207, 239, .7);
  font: 800 .61rem/1 'Orbitron', sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
}

html.gx-classic-navigation-preview .gx-command-center-card header span { display: flex; align-items: center; gap: 7px; }
html.gx-classic-navigation-preview .gx-command-center-card header > i { opacity: .34; font-size: .58rem; }
html.gx-classic-navigation-preview .gx-command-center-card > strong { overflow: hidden; color: #f2f8ff; font: 800 .93rem/1.2 'Orbitron', sans-serif; text-overflow: ellipsis; white-space: nowrap; }
html.gx-classic-navigation-preview .gx-command-center-card > small { overflow: hidden; min-height: 30px; margin-top: 5px; color: rgba(158, 196, 226, .55); font-size: .65rem; line-height: 1.4; }
html.gx-classic-navigation-preview .gx-command-card-timer { margin-top: 7px; color: #80d9ff; font: 800 .72rem/1 'Exo 2',sans-serif; font-variant-numeric: tabular-nums; }
html.gx-classic-navigation-preview .gx-command-center-card footer { display: flex; align-items: center; gap: 6px; margin-top: auto; color: rgba(176, 207, 232, .54); font-size: .6rem; }
html.gx-classic-navigation-preview .gx-command-center-card footer span { width: 6px; height: 6px; border-radius: 50%; background: #38c989; box-shadow: 0 0 8px rgba(56, 201, 137, .55); }
html.gx-classic-navigation-preview .gx-command-center-card footer span.is-active { background: #43bfff; box-shadow: 0 0 8px rgba(67, 191, 255, .62); }
html.gx-classic-navigation-preview .gx-command-center-card footer span.is-danger { background: #ff536c; box-shadow: 0 0 9px rgba(255, 83, 108, .7); }
html.gx-classic-navigation-preview .gx-command-center-card footer span.is-event { background: #ac72ff; box-shadow: 0 0 9px rgba(172, 114, 255, .66); }
html.gx-classic-navigation-preview .gx-command-center-card.is-imperium header span > i { color: #55c5ff; }
html.gx-classic-navigation-preview .gx-command-center-card.is-flotten header span > i { color: #6aa7ff; }
html.gx-classic-navigation-preview .gx-command-center-card.is-universum header span > i { color: #a77dff; }
html.gx-classic-navigation-preview .gx-command-center-card.is-gemeinschaft header span > i { color: #55d8b0; }
html.gx-classic-navigation-preview .gx-command-center-card.is-building header span > i { color: #55c5ff; }
html.gx-classic-navigation-preview .gx-command-center-card.is-research header span > i { color: #ae80ff; }
html.gx-classic-navigation-preview .gx-command-center-card.is-yard header span > i { color: #ffbd58; }

html.gx-classic-navigation-preview .gx-command-community-row { display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr);gap:10px;min-width:0; }
html.gx-classic-navigation-preview .gx-command-community-row > * { min-width:0; }
html.gx-classic-navigation-preview .gx-command-community-shortcuts nav { display:grid;gap:6px;padding:9px; }
html.gx-classic-navigation-preview .gx-command-community-shortcuts nav a { min-height:48px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;padding:7px 9px;border:1px solid rgba(69,154,225,.14);border-radius:9px;background:rgba(3,21,49,.66);color:#dcefff;text-decoration:none; }
html.gx-classic-navigation-preview .gx-command-community-shortcuts nav a:hover { border-color:rgba(78,190,255,.42);background:rgba(6,43,83,.78); }
html.gx-classic-navigation-preview .gx-command-community-shortcuts nav i { width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:rgba(57,167,235,.1);color:#69c8ff; }
html.gx-classic-navigation-preview .gx-command-community-shortcuts nav span,
html.gx-classic-navigation-preview .gx-command-community-shortcuts nav strong,
html.gx-classic-navigation-preview .gx-command-community-shortcuts nav small { display:block;min-width:0; }
html.gx-classic-navigation-preview .gx-command-community-shortcuts nav strong { font-size:.69rem; }
html.gx-classic-navigation-preview .gx-command-community-shortcuts nav small { margin-top:2px;color:rgba(173,207,231,.58);font-size:.59rem; }
html.gx-classic-navigation-preview .gx-command-community-shortcuts nav a.is-feedback { border-color:rgba(255,174,72,.32);background:linear-gradient(100deg,rgba(118,58,9,.22),rgba(3,21,49,.74)); }
html.gx-classic-navigation-preview .gx-command-community-shortcuts nav a.is-feedback:hover { border-color:rgba(255,194,96,.62);background:linear-gradient(100deg,rgba(150,78,13,.31),rgba(6,35,65,.82)); }
html.gx-classic-navigation-preview .gx-command-community-shortcuts nav a.is-feedback i { color:#ffd183;background:rgba(255,174,72,.12);box-shadow:0 0 16px rgba(255,174,72,.1); }

html.gx-classic-navigation-preview #dashBoniBar.gx-command-assistants {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 9px 10px !important;
  border: 1px solid rgba(75, 165, 241, .18) !important;
  border-radius: 11px !important;
  background: linear-gradient(90deg, rgba(4, 25, 57, .88), rgba(8, 20, 52, .76)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

html.gx-classic-navigation-preview #dashBoniBar .gx-command-assistants-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 3px 0 0 !important;
  color: rgba(151, 204, 241, .62) !important;
  font: 800 .56rem/1 'Orbitron', sans-serif !important;
  letter-spacing: .8px !important;
  text-transform: uppercase !important;
}

html.gx-classic-navigation-preview #dashBoniBar .gx-command-assistants-label i {
  color: #ffd45f !important;
  filter: drop-shadow(0 0 5px rgba(255, 202, 62, .35));
}

html.gx-classic-navigation-preview #dashBoniBar .aktiv-bonus-chip > a,
html.gx-classic-navigation-preview #dashBoniBar #dashBoosterChips > a {
  min-height: 30px;
  padding: 5px 10px !important;
  border-color: rgba(125, 187, 235, .16) !important;
  border-radius: 8px !important;
  background: rgba(5, 22, 50, .78) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03);
  font-size: .64rem !important;
  transition: transform .16s ease, border-color .16s ease, background .16s ease !important;
}

html.gx-classic-navigation-preview #dashBoniBar .aktiv-bonus-chip > a:hover,
html.gx-classic-navigation-preview #dashBoniBar #dashBoosterChips > a:hover {
  opacity: 1 !important;
  transform: translateY(-1px);
  border-color: rgba(103, 199, 255, .38) !important;
  background: rgba(8, 37, 76, .9) !important;
}

html.gx-classic-navigation-preview #dashBoniBar .aktiv-bonus-chip > a span {
  color: rgba(221, 238, 251, .6) !important;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

html.gx-classic-navigation-preview .gx-command-skeleton {
  background: linear-gradient(100deg, rgba(4, 20, 50, .8) 30%, rgba(18, 55, 91, .65) 48%, rgba(4, 20, 50, .8) 66%);
  background-size: 240% 100%;
  animation: gxCommandSkeleton 1.4s linear infinite;
}

@keyframes gxCommandSkeleton { to { background-position: -240% 0; } }

html.gx-classic-navigation-preview .gx-command-workspace {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

html.gx-classic-navigation-preview .gx-command-panel {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(65, 162, 246, .16);
  border-radius: 12px;
  background: rgba(2, 16, 43, .84);
}

html.gx-classic-navigation-preview .gx-command-panel > header {
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(80, 164, 236, .13);
  background: rgba(6, 31, 70, .46);
}

html.gx-classic-navigation-preview .gx-command-panel > header h2 { margin: 0; color: #dcefff; font: 800 .75rem/1.2 'Orbitron', sans-serif; letter-spacing: .7px; }
html.gx-classic-navigation-preview .gx-command-panel > header > a { color: rgba(108, 196, 255, .72); font-size: .61rem; text-decoration: none; }

html.gx-classic-navigation-preview #gxCommandOperations {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0;
  max-height: min(62vh, 680px);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  border-top: 1px solid rgba(73, 154, 218, .1);
  background: linear-gradient(180deg, rgba(4, 23, 53, .42), rgba(3, 15, 37, .28));
  scrollbar-color: rgba(70, 184, 244, .45) rgba(3, 19, 44, .48);
  scrollbar-width: thin;
}

html.gx-classic-navigation-preview .gx-command-operation-summary { position:sticky; z-index:6; top:0; min-width:0; display:flex; align-items:center; flex-wrap:wrap; gap:5px; margin:0; padding:6px 9px; border:0; border-bottom:1px solid rgba(72,157,221,.18); border-radius:0; background:rgba(3,20,47,.97); box-shadow:0 6px 16px rgba(0,0,20,.2); backdrop-filter:blur(12px); }
html.gx-classic-navigation-preview .gx-command-operation-summary > span { display:inline-flex; align-items:center; gap:6px; margin-right:2px; padding:0 4px; }
html.gx-classic-navigation-preview .gx-command-operation-summary > span small { color:rgba(146,190,221,.5); font-size:.52rem; white-space:nowrap; }
html.gx-classic-navigation-preview .gx-command-operation-summary button { box-sizing:border-box !important; min-width:0 !important; min-height:28px !important; height:28px !important; display:inline-grid !important; grid-template-columns:15px auto auto; align-items:center; gap:5px; margin:0 !important; padding:4px 7px !important; border:1px solid rgba(78,167,229,.18) !important; border-radius:7px !important; background:rgba(8,38,76,.58) !important; color:rgba(202,227,243,.72) !important; font:700 .54rem/1 'Exo 2',Arial,sans-serif !important; cursor:pointer; box-shadow:none !important; }
html.gx-classic-navigation-preview .gx-command-operation-summary > span button { display:inline-flex !important; grid-template-columns:none; color:#8edaff !important; }
html.gx-classic-navigation-preview .gx-command-operation-summary button i { width:15px; color:#6bcfff; text-align:center; }
html.gx-classic-navigation-preview .gx-command-operation-summary button small { overflow:hidden; color:inherit; font-size:inherit; text-overflow:ellipsis; white-space:nowrap; }
html.gx-classic-navigation-preview .gx-command-operation-summary button b { min-width:16px; color:#e6f6ff; font:800 .52rem/1 'Orbitron',sans-serif; text-align:right; }
html.gx-classic-navigation-preview .gx-command-operation-summary button.is-active { border-color:rgba(80,197,255,.34) !important; background:linear-gradient(135deg,rgba(15,82,132,.7),rgba(8,42,85,.72)) !important; color:#e4f6ff !important; }
html.gx-classic-navigation-preview .gx-command-operation-summary button.is-muted { opacity:.42; filter:saturate(.45); }
html.gx-classic-navigation-preview .gx-command-operation-summary button:hover { opacity:1; border-color:rgba(104,211,255,.52) !important; }
html.gx-classic-navigation-preview .gx-command-filter-empty[hidden] { display:none !important; }
html.gx-classic-navigation-preview .gx-command-filter-empty { min-height:62px; display:flex; align-items:center; justify-content:center; gap:9px; color:#77bada; }
html.gx-classic-navigation-preview .gx-command-filter-empty strong,
html.gx-classic-navigation-preview .gx-command-filter-empty small { display:block; }
html.gx-classic-navigation-preview .gx-command-filter-empty strong { color:#d3e8f5; font-size:.64rem; }
html.gx-classic-navigation-preview .gx-command-filter-empty small { margin-top:3px; color:rgba(159,194,216,.48); font-size:.55rem; }

html.gx-classic-navigation-preview .gx-command-operation {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  position: relative;
  min-width: 0;
  display: grid;
  grid-template-columns: 27px minmax(0, 1fr) 72px;
  align-items: center;
  gap: 8px;
  min-height: 45px;
  padding: 5px 10px;
  border: 0;
  border-bottom: 1px solid rgba(73, 149, 217, .1);
  border-radius: 0;
  background: transparent;
  color: #d8eafa;
  text-decoration: none;
  transition: background .18s ease, box-shadow .18s ease;
}
html.gx-classic-navigation-preview .gx-command-operation:last-child { border-bottom:0; }
html.gx-classic-navigation-preview .gx-command-operation[hidden] { display:none !important; }

html.gx-classic-navigation-preview .gx-command-operation.is-fleet {
  grid-template-columns: 38px minmax(0, 1fr) 92px;
  min-height: 64px;
  gap: 9px;
  overflow: hidden;
  padding: 6px 11px 6px 9px;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
html.gx-classic-navigation-preview .gx-command-operation.is-fleet::before { content:''; position:absolute; inset:7px auto 7px 0; width:2px; pointer-events:none; border-radius:0 2px 2px 0; background:linear-gradient(180deg,#289be0,#6fe5ff); box-shadow:0 0 8px rgba(75,199,255,.45); }
html.gx-classic-navigation-preview .gx-command-operation.is-fleet > .gx-command-operation-icon,
html.gx-classic-navigation-preview .gx-command-operation.is-fleet > i { width:36px; height:36px; border:0; background:transparent; box-shadow:none; }
html.gx-classic-navigation-preview .gx-command-operation.is-fleet > .gx-command-operation-icon { border-radius:8px; background:radial-gradient(circle at 50% 54%,rgba(50,158,222,.18),rgba(4,24,52,.14) 70%); }
html.gx-classic-navigation-preview .gx-command-operation.is-fleet > .gx-command-operation-icon img { width:34px; height:34px; filter:drop-shadow(0 0 7px rgba(73,188,255,.38)); }
html.gx-classic-navigation-preview .gx-command-operation.is-fleet > .gx-command-fleet-body { position:relative; z-index:1; min-width:0; max-width:100%; display:grid; align-items:center; gap:5px; overflow:hidden; }
html.gx-classic-navigation-preview .gx-command-fleet-head { min-width:0; display:flex; align-items:center; justify-content:space-between; gap:8px; }
html.gx-classic-navigation-preview .gx-command-operation.is-fleet .gx-command-operation-main { min-width:0; }
html.gx-classic-navigation-preview .gx-command-operation.is-fleet .gx-command-operation-main strong { color:#f0f9ff; font:800 .63rem/1.15 'Orbitron',sans-serif; letter-spacing:.15px; }
html.gx-classic-navigation-preview .gx-command-operation.is-fleet .gx-command-operation-main small { margin-top:2px; color:rgba(181,214,238,.68); font-size:.54rem; }

html.gx-classic-navigation-preview .gx-command-operation-eta { position:relative; z-index:1; align-self:center; display:grid; gap:3px; justify-items:end; padding:0; border:0; border-radius:0; background:transparent; }
html.gx-classic-navigation-preview .gx-command-operation-eta small { color:rgba(151,195,224,.48); font:700 .48rem/1 'Orbitron',sans-serif; letter-spacing:.5px; text-transform:uppercase; }
html.gx-classic-navigation-preview .gx-command-operation-eta b { color:#80d9ff; font:800 .64rem/1 'Orbitron',sans-serif; font-variant-numeric:tabular-nums; white-space:nowrap; }
html.gx-classic-navigation-preview .gx-command-operation.is-danger .gx-command-operation-eta b { color:#ff8095; }

html.gx-classic-navigation-preview .gx-command-operation:hover,
html.gx-classic-navigation-preview .gx-command-operation:focus-within { background:linear-gradient(90deg,rgba(24,92,142,.2),rgba(9,39,78,.12)); box-shadow:inset 3px 0 0 rgba(81,198,255,.34); }
html.gx-classic-navigation-preview .gx-command-operation > i { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; background: rgba(55, 165, 240, .08); color: #6bc9ff; }
html.gx-classic-navigation-preview .gx-command-operation-icon { width: 26px; height: 26px; display: grid; place-items: center; overflow: hidden; border: 0; border-radius: 50%; background:rgba(42,133,194,.1); }
html.gx-classic-navigation-preview .gx-command-operation-icon img { width: 23px; height: 23px; display: block; object-fit: contain; filter: drop-shadow(0 0 5px rgba(73, 188, 255, .28)); }
html.gx-classic-navigation-preview .gx-command-operation-icon > i { width: 100%; height: 100%; place-items: center; color: #6bc9ff; }
html.gx-classic-navigation-preview .gx-command-operation-icon > i:not([hidden]) { display: grid; }
html.gx-classic-navigation-preview .gx-command-operation > span { min-width: 0; }
html.gx-classic-navigation-preview .gx-command-operation-main { min-width: 0; display: block; color: inherit; text-decoration: none; }
html.gx-classic-navigation-preview .gx-command-operation > span strong,
html.gx-classic-navigation-preview .gx-command-operation > span small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.gx-classic-navigation-preview .gx-command-operation > span strong { color: #dceeff; font-size: .68rem; }
html.gx-classic-navigation-preview .gx-command-operation > span small { margin-top: 3px; color: rgba(156, 195, 225, .5); font-size: .59rem; }
html.gx-classic-navigation-preview .gx-command-operation > b { color: #77d3ff; font: 700 .61rem/1 'Orbitron', sans-serif; font-variant-numeric: tabular-nums; white-space: nowrap; }
html.gx-classic-navigation-preview .gx-command-operation.is-danger { background:linear-gradient(90deg,rgba(104,12,35,.2),transparent 58%); box-shadow:inset 2px 0 0 rgba(255,82,108,.6); }
html.gx-classic-navigation-preview .gx-command-operation.is-danger > i,
html.gx-classic-navigation-preview .gx-command-operation.is-danger > b { color: #ff7186; }
html.gx-classic-navigation-preview .gx-command-operation.is-research > i { color: #ad7bff; }
html.gx-classic-navigation-preview .gx-command-operation.is-defense > i { color: #47d79f; }

html.gx-classic-navigation-preview .gx-command-empty { min-height: 82px; display: flex; align-items: center; justify-content: center; gap: 11px; padding: 15px; color: #52d49d; }
html.gx-classic-navigation-preview .gx-command-empty > i { font-size: 1.05rem; }
html.gx-classic-navigation-preview .gx-command-empty span strong,
html.gx-classic-navigation-preview .gx-command-empty span small { display: block; }
html.gx-classic-navigation-preview .gx-command-empty span strong { color: #cfe8f8; font-size: .69rem; }
html.gx-classic-navigation-preview .gx-command-empty span small { margin-top: 4px; color: rgba(155, 194, 222, .48); font-size: .61rem; }
html.gx-classic-navigation-preview .gx-command-empty.is-error { color: #ff7186; }

html.gx-classic-navigation-preview .gx-command-quick-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  padding: 8px;
  border-top: 1px solid rgba(80, 164, 236, .12);
}

html.gx-classic-navigation-preview .gx-command-quick-actions a { min-width: 0; display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 34px; padding: 6px; border: 1px solid rgba(73, 161, 232, .16); border-radius: 8px; background: rgba(12, 42, 82, .42); color: rgba(189, 220, 241, .72); font-size: .61rem; text-decoration: none; }
html.gx-classic-navigation-preview .gx-command-quick-actions a:hover { border-color: rgba(79, 190, 255, .38); color: #fff; }

html.gx-classic-navigation-preview .gx-command-side { min-width: 0; display: grid; gap: 10px; }
html.gx-classic-navigation-preview .gx-command-event { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 12px; }
html.gx-classic-navigation-preview .gx-command-event-icon { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(170, 107, 255, .3); border-radius: 10px; background: rgba(116, 61, 203, .18); color: #b78cff; }
html.gx-classic-navigation-preview .gx-command-event-icon.is-calm { border-color: rgba(56, 201, 137, .25); background: rgba(25, 114, 83, .16); color: #52d49d; }
html.gx-classic-navigation-preview .gx-command-event > div:nth-child(2) { min-width: 0; }
html.gx-classic-navigation-preview .gx-command-event > div:nth-child(2) strong,
html.gx-classic-navigation-preview .gx-command-event > div:nth-child(2) small { display: block; overflow: hidden; text-overflow: ellipsis; }
html.gx-classic-navigation-preview .gx-command-event > div:nth-child(2) strong { color: #e4effb; font-size: .7rem; white-space: nowrap; }
html.gx-classic-navigation-preview .gx-command-event > div:nth-child(2) small { max-height: 30px; margin-top: 4px; color: rgba(161, 196, 224, .5); font-size: .59rem; line-height: 1.35; }
html.gx-classic-navigation-preview .gx-command-event > a { display: flex; align-items: center; gap: 6px; color: #a9dfff; font: 700 .58rem/1 'Orbitron', sans-serif; text-decoration: none; white-space: nowrap; }

html.gx-classic-navigation-preview .gx-command-chat-host { position:relative;padding:0;border-color:rgba(67,202,255,.4);background:radial-gradient(circle at 8% 0,rgba(47,190,255,.13),transparent 34%),rgba(2,16,43,.9);box-shadow:0 0 26px rgba(44,178,255,.1),inset 0 1px rgba(255,255,255,.035); }
html.gx-classic-navigation-preview .gx-command-chat-host::before { content:"";position:absolute;z-index:2;inset:0 auto 0 0;width:3px;pointer-events:none;background:linear-gradient(180deg,#5ce5ff,rgba(66,151,255,.35),transparent);box-shadow:0 0 13px rgba(72,215,255,.62); }
html.gx-classic-navigation-preview .gx-command-chat-host,
html.gx-classic-navigation-preview .gx-command-chat-host #galaxorChatPanel { visibility: visible !important; opacity: 1 !important; }
html.gx-classic-navigation-preview .gx-command-chat-host #galaxorChatPanel { min-height: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
html.gx-classic-navigation-preview .gx-command-chat-prominent .panel-header { min-height:52px!important;padding:10px 12px!important;background:linear-gradient(90deg,rgba(16,81,129,.52),rgba(5,27,64,.22))!important;border-bottom:1px solid rgba(74,190,255,.18)!important; }
html.gx-classic-navigation-preview .gx-command-chat-prominent .panel-title { color:#e7f9ff!important;font:800 .76rem/1 "Orbitron",sans-serif!important;letter-spacing:.8px;text-shadow:0 0 12px rgba(83,211,255,.28); }
html.gx-classic-navigation-preview .gx-command-chat-prominent .panel-title i { color:#68e2ff!important;filter:drop-shadow(0 0 7px rgba(80,215,255,.58)); }
html.gx-classic-navigation-preview .gx-command-chat-live { display:inline-flex;align-items:center;gap:5px;margin-left:auto;margin-right:8px;padding:4px 7px;border:1px solid rgba(79,229,176,.28);border-radius:999px;background:rgba(25,124,87,.14);color:#77edba;font:800 .5rem/1 "Orbitron",sans-serif;letter-spacing:.7px; }
html.gx-classic-navigation-preview .gx-command-chat-live i { width:6px;height:6px;border-radius:50%;background:#4ce5a4;box-shadow:0 0 8px rgba(76,229,164,.85);animation:gxCommandChatLive 2s ease-in-out infinite; }
html.gx-classic-navigation-preview .gx-command-chat-prominent .gchat-tab.active { border-color:rgba(73,210,255,.5)!important;background:linear-gradient(135deg,rgba(19,124,181,.42),rgba(48,89,190,.24))!important;color:#eafaff!important;box-shadow:inset 0 -2px #52d9ff,0 0 14px rgba(51,183,255,.1); }
@keyframes gxCommandChatLive { 0%,100%{opacity:.58;transform:scale(.82)}50%{opacity:1;transform:scale(1.12)} }
html.gx-classic-navigation-preview .gx-classic-command-center .gx-classic-chat-toggle { display: inline-flex !important; }
html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel.gx-classic-chat-collapsed .chat-tabs,
html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel.gx-classic-chat-collapsed .chat-form,
html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel.gx-classic-chat-collapsed #galaxorAutocompleteAnchor { display: none !important; }
html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel.gx-classic-chat-collapsed .panel-header { margin: 0 !important; padding: 9px 11px !important; border: 0 !important; }
html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel:not(.gx-classic-chat-collapsed) .chat-body {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
}

html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel:not(.gx-classic-chat-collapsed) {
  height: clamp(420px, 62vh, 680px) !important;
  min-height: 420px !important;
  max-height: calc(100dvh - 145px) !important;
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) auto 0 !important;
  overflow: hidden !important;
}

html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel:not(.gx-classic-chat-collapsed) .chat-msgs {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  flex: 1 1 auto !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding-bottom: 18px !important;
  scroll-padding-bottom: 18px;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  touch-action: pan-y;
  -webkit-overflow-scrolling: touch;
}

html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel:not(.gx-classic-chat-collapsed) .chat-form { flex: 0 0 auto; }

@media (max-width: 1180px) {
  html.gx-classic-navigation-preview .gx-command-center-deck { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html.gx-classic-navigation-preview .gx-command-workspace { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 900px) {
  html.gx-classic-navigation-preview .gx-classic-command-center { padding: 10px 8px 95px; }
  html.gx-classic-navigation-preview .gx-command-center-head { align-items: center; }
  html.gx-classic-navigation-preview .gx-command-center-head h1 { font-size: .85rem; }
  html.gx-classic-navigation-preview .gx-command-workspace { grid-template-columns: 1fr; }
  html.gx-classic-navigation-preview .gx-command-side { grid-template-columns: 1fr; }
  html.gx-classic-navigation-preview .gx-command-operations { order: 1; }
  html.gx-classic-navigation-preview .gx-command-side { order: 2; }
}

@media (max-width: 560px) {
  html.gx-classic-navigation-preview .gx-command-center-deck { gap: 7px; }
  html.gx-classic-navigation-preview .gx-command-center-card { min-height: 124px; padding: 11px 10px 9px; }
  html.gx-classic-navigation-preview .gx-command-center-card > strong { font-size: .78rem; }
  html.gx-classic-navigation-preview .gx-command-center-card > small { font-size: .56rem; }
  html.gx-classic-navigation-preview .gx-command-quick-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html.gx-classic-navigation-preview .gx-command-operation { grid-template-columns: 28px minmax(0, 1fr) auto; gap: 7px; padding: 6px 7px; }
  html.gx-classic-navigation-preview .gx-command-event { grid-template-columns: 36px minmax(0, 1fr); }
  html.gx-classic-navigation-preview .gx-command-event-icon { width: 36px; height: 36px; }
  html.gx-classic-navigation-preview .gx-command-event > a { grid-column: 2; justify-self: start; }
}

/* Command center visual depth and restrained motion */
html.gx-classic-navigation-preview .gx-classic-command-center {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 15px;
  border: 1px solid rgba(62, 169, 244, .1);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(1, 9, 29, .4), rgba(4, 17, 48, .2));
  box-shadow: inset 0 1px 0 rgba(150, 220, 255, .035), 0 18px 60px rgba(0, 0, 20, .16);
}

html.gx-classic-navigation-preview .gx-classic-command-center::before {
  content: '';
  position: absolute;
  z-index: 0;
  inset: -35% -15%;
  pointer-events: none;
  background:
    radial-gradient(circle at 16% 28%, rgba(0, 179, 255, .12), transparent 26%),
    radial-gradient(circle at 83% 18%, rgba(126, 75, 255, .1), transparent 24%),
    radial-gradient(circle at 68% 86%, rgba(22, 210, 157, .055), transparent 23%);
  animation: gxCommandAtmosphere 16s ease-in-out infinite alternate;
}

html.gx-classic-navigation-preview .gx-classic-command-center::after {
  content: '';
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  opacity: .22;
  background-image:
    linear-gradient(rgba(86, 175, 238, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(86, 175, 238, .035) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.8), transparent 82%);
}

html.gx-classic-navigation-preview .gx-classic-command-center > * { position: relative; z-index: 1; }

html.gx-classic-navigation-preview.gx-happy-hour-live .gx-classic-command-center {
  border-color: rgba(255, 197, 79, .32);
  background:
    linear-gradient(145deg, rgba(48, 29, 4, .34), rgba(8, 13, 34, .72) 54%, rgba(42, 22, 3, .23));
  box-shadow:
    inset 0 1px 0 rgba(255, 235, 172, .11),
    0 18px 64px rgba(0, 0, 20, .2),
    0 0 34px rgba(255, 177, 42, .13);
  animation: gxHappyHourFrame 5.6s ease-in-out infinite;
}

html.gx-classic-navigation-preview.gx-happy-hour-live .gx-classic-command-center::before {
  inset: -38% -22%;
  opacity: .9;
  background:
    radial-gradient(circle at 12% 26%, rgba(255, 180, 49, .23), transparent 25%),
    radial-gradient(circle at 82% 18%, rgba(255, 226, 133, .18), transparent 24%),
    radial-gradient(circle at 64% 88%, rgba(255, 132, 20, .13), transparent 25%),
    conic-gradient(from 210deg at 50% 50%, transparent, rgba(255, 194, 67, .09), transparent 34%);
  transform-origin: 50% 50%;
  animation: gxHappyHourAtmosphere 12s ease-in-out infinite alternate;
}

html.gx-classic-navigation-preview.gx-happy-hour-live .gx-classic-command-center::after {
  opacity: .32;
  background-image:
    linear-gradient(rgba(255, 205, 102, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 205, 102, .045) 1px, transparent 1px),
    linear-gradient(112deg, transparent 30%, rgba(255, 230, 162, .1) 47%, transparent 62%);
  background-size: 34px 34px, 34px 34px, 220% 100%;
  animation: gxHappyHourScan 9s linear infinite;
}

html.gx-classic-navigation-preview.gx-happy-hour-live .gx-command-events-priority {
  border-color: rgba(255, 204, 99, .36);
  box-shadow: 0 0 26px rgba(255, 177, 42, .12), inset 0 1px 0 rgba(255, 238, 184, .07);
}

@keyframes gxHappyHourFrame {
  0%, 100% { box-shadow: inset 0 1px 0 rgba(255,235,172,.09), 0 18px 64px rgba(0,0,20,.2), 0 0 24px rgba(255,177,42,.1); }
  50% { box-shadow: inset 0 1px 0 rgba(255,243,199,.15), 0 18px 70px rgba(0,0,20,.22), 0 0 44px rgba(255,177,42,.19); }
}

@keyframes gxHappyHourAtmosphere {
  0% { transform: translate3d(-2%, -1%, 0) scale(1); filter: saturate(.94); }
  50% { transform: translate3d(2%, 1%, 0) scale(1.045); filter: saturate(1.12); }
  100% { transform: translate3d(-1%, 2%, 0) scale(1.02); filter: saturate(1.02); }
}

@keyframes gxHappyHourScan {
  from { background-position: 0 0, 0 0, 120% 0; }
  to { background-position: 34px 34px, 34px 34px, -120% 0; }
}

html.gx-classic-navigation-preview .gx-command-center-head { padding-left: 13px; }
html.gx-classic-navigation-preview .gx-command-center-head::before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  bottom: 2px;
  width: 3px;
  border-radius: 3px;
  background: linear-gradient(#4dc8ff, rgba(83, 108, 255, .35));
  box-shadow: 0 0 14px rgba(77, 200, 255, .5);
}

html.gx-classic-navigation-preview .gx-command-center-head > div > span b {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-left: 8px;
  padding: 3px 7px;
  border: 1px solid rgba(48, 209, 151, .22);
  border-radius: 20px;
  background: rgba(25, 128, 91, .1);
  color: rgba(91, 225, 175, .72);
  font-size: .48rem;
  letter-spacing: .8px;
}

html.gx-classic-navigation-preview .gx-command-center-head > div > span b i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #45da9e;
  box-shadow: 0 0 8px rgba(69, 218, 158, .75);
  animation: gxCommandStatus 2.8s ease-in-out infinite;
}

html.gx-classic-navigation-preview #gxCommandRefresh { transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
html.gx-classic-navigation-preview #gxCommandRefresh:hover { transform: rotate(22deg); border-color: rgba(80, 195, 255, .5); box-shadow: 0 0 18px rgba(36, 169, 255, .16); }

html.gx-classic-navigation-preview .gx-command-center-card {
  --gx-command-accent: 75, 192, 255;
  position: relative;
  overflow: hidden;
  border-color: rgba(var(--gx-command-accent), .2);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 8px 28px rgba(0, 5, 24, .18);
  animation: gxCommandCardBreath 7s ease-in-out infinite;
}

html.gx-classic-navigation-preview .gx-command-center-card.is-imperium { --gx-command-accent: 74, 196, 255; }
html.gx-classic-navigation-preview .gx-command-center-card.is-flotten { --gx-command-accent: 87, 141, 255; animation-delay: -1.4s; }
html.gx-classic-navigation-preview .gx-command-center-card.is-universum { --gx-command-accent: 165, 113, 255; animation-delay: -2.8s; }
html.gx-classic-navigation-preview .gx-command-center-card.is-gemeinschaft { --gx-command-accent: 70, 216, 169; animation-delay: -4.2s; }

html.gx-classic-navigation-preview .gx-command-center-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 9%;
  right: 9%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(var(--gx-command-accent), .85), transparent);
  box-shadow: 0 0 12px rgba(var(--gx-command-accent), .5);
}

html.gx-classic-navigation-preview .gx-command-center-card::after {
  content: '';
  position: absolute;
  width: 150px;
  height: 150px;
  right: -80px;
  bottom: -100px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(var(--gx-command-accent), .13), transparent 68%);
  pointer-events: none;
  transition: transform .3s ease, opacity .3s ease;
}

html.gx-classic-navigation-preview .gx-command-center-card:hover::after { transform: translate(-16px, -18px) scale(1.2); }
html.gx-classic-navigation-preview .gx-command-center-card footer span { animation: gxCommandStatus 3.2s ease-in-out infinite; }

html.gx-classic-navigation-preview .gx-command-panel {
  border-color: rgba(72, 169, 238, .2);
  box-shadow: inset 0 1px 0 rgba(150, 220, 255, .025), 0 10px 34px rgba(0, 4, 22, .16);
  backdrop-filter: blur(10px);
}

html.gx-classic-navigation-preview .gx-command-operation { animation: gxCommandEnter .34s ease both; }
html.gx-classic-navigation-preview .gx-command-operation:nth-child(2) { animation-delay: .035s; }
html.gx-classic-navigation-preview .gx-command-operation:nth-child(3) { animation-delay: .07s; }
html.gx-classic-navigation-preview .gx-command-operation:nth-child(4) { animation-delay: .105s; }
html.gx-classic-navigation-preview .gx-command-operation:nth-child(5) { animation-delay: .14s; }
html.gx-classic-navigation-preview .gx-command-operation:nth-child(6) { animation-delay: .175s; }

/* Polling updates keep their existing DOM and real changes render without a reload flash. */
html.gx-classic-navigation-preview .gx-command-stable-render > .gx-command-center-card,
html.gx-classic-navigation-preview .gx-command-stable-render > .gx-command-operation { animation: none !important; }

html.gx-classic-navigation-preview .gx-command-event-icon:not(.is-calm) { animation: gxCommandFloat 4.5s ease-in-out infinite; box-shadow: 0 0 24px rgba(150, 93, 255, .12); }

/* Collapsed chat remains useful: newest five messages stay visible. */
html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel.gx-classic-chat-collapsed .chat-tabs,
html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel.gx-classic-chat-collapsed .chat-form,
html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel.gx-classic-chat-collapsed #galaxorAutocompleteAnchor,
html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel.gx-classic-chat-collapsed .chat-online-panel { display: none !important; }

html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel.gx-classic-chat-collapsed .chat-body {
  display: block !important;
  min-height: 0 !important;
  padding: 0 !important;
}

html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel.gx-classic-chat-collapsed .chat-msgs {
  height: auto !important;
  min-height: 120px !important;
  max-height: 230px !important;
  overflow: hidden !important;
  padding: 7px 9px 9px !important;
  mask-image: linear-gradient(to bottom, transparent 0, #000 12px, #000 100%);
}

html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel.gx-classic-chat-collapsed .chat-msg { display: none !important; }
html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel.gx-classic-chat-collapsed .chat-msg:nth-last-child(-n+5),
html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel.gx-classic-chat-collapsed .chat-msg.gx-command-chat-preview-message {
  display: block !important;
  margin: 0 !important;
  padding: 6px 7px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  animation: gxCommandChatIn .28s ease both;
}

html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel.gx-classic-chat-collapsed .msg-meta { margin-bottom: 2px !important; font-size: .58rem !important; }
html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel.gx-classic-chat-collapsed .msg-body { overflow: hidden; color: rgba(207, 228, 244, .76) !important; font-size: .65rem !important; line-height: 1.35 !important; text-overflow: ellipsis; white-space: nowrap; }
html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel.gx-classic-chat-collapsed .msg-reactions { display: none !important; }

@keyframes gxCommandAtmosphere {
  0% { transform: translate3d(-1.5%, -1%, 0) scale(1); }
  100% { transform: translate3d(1.5%, 1%, 0) scale(1.04); }
}

@keyframes gxCommandStatus {
  0%, 100% { opacity: .65; transform: scale(.92); }
  50% { opacity: 1; transform: scale(1.12); }
}

@keyframes gxCommandCardBreath {
  0%, 100% { border-color: rgba(var(--gx-command-accent), .18); }
  50% { border-color: rgba(var(--gx-command-accent), .3); }
}

@keyframes gxCommandEnter {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes gxCommandFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}

@keyframes gxCommandChatIn {
  from { opacity: 0; transform: translateX(4px); }
  to { opacity: 1; transform: translateX(0); }
}

@media (prefers-reduced-motion: reduce) {
  html.gx-classic-navigation-preview .gx-classic-command-center::before,
  html.gx-classic-navigation-preview .gx-command-center-card,
  html.gx-classic-navigation-preview .gx-command-center-card footer span,
  html.gx-classic-navigation-preview .gx-command-center-head > div > span b i,
  html.gx-classic-navigation-preview .gx-command-operation,
  html.gx-classic-navigation-preview .gx-command-event-icon,
  html.gx-classic-navigation-preview .gx-command-chat-preview-message { animation: none !important; }
  html.gx-classic-navigation-preview.gx-happy-hour-live .gx-classic-command-center,
  html.gx-classic-navigation-preview.gx-happy-hour-live .gx-classic-command-center::before,
  html.gx-classic-navigation-preview.gx-happy-hour-live .gx-classic-command-center::after { animation: none !important; }
}

@media (max-width: 900px) {
  html.gx-classic-navigation-preview .gx-classic-command-center { padding: 12px 8px 95px; border-right: 0; border-left: 0; border-radius: 0; }
  html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel.gx-classic-chat-collapsed .chat-msgs { max-height: 215px !important; }
  html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel .chat-msg { border-left: 0 !important; }
}

/* Priority title must stay fully readable. */
@media (min-width: 1181px) {
  html.gx-classic-navigation-preview .gx-classic-priority-bar { grid-template-columns: 245px minmax(0, 1fr) 38px; }
}

@media (max-width: 1180px) and (min-width: 901px) {
  html.gx-classic-navigation-preview .gx-classic-priority-bar { grid-template-columns: 220px minmax(0, 1fr) 36px; }
}

html.gx-classic-navigation-preview .gx-classic-priority-title strong { text-overflow: clip; }

/* Full event banners replace the old single special-situation card. */
html.gx-classic-navigation-preview .gx-command-events-panel[hidden] { display: none !important; }
html.gx-classic-navigation-preview #section-zentrale > .gx-command-events-priority { margin-bottom: 12px; }
html.gx-classic-navigation-preview .gx-command-events-carousel { position: relative; min-width: 0; padding: 11px 48px 34px; overflow: hidden; }
html.gx-classic-navigation-preview .gx-command-events-grid { position: relative; min-height: 176px; display: block; }

html.gx-classic-navigation-preview .gx-command-event-banner {
  position: relative;
  inset: 0;
  min-width: 0;
  min-height: 176px;
  display: grid;
  grid-template-columns: minmax(210px, 34%) minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  overflow: hidden;
  border: 1px solid rgba(151, 100, 255, .24);
  border-radius: 14px;
  background: linear-gradient(110deg, rgba(22, 10, 55, .92), rgba(5, 20, 50, .92));
  color: #eaf2ff;
  text-decoration: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 16px 42px rgba(2, 3, 20, .24);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

html.gx-classic-navigation-preview .gx-command-event-banner:not(.is-active) { display: none; }
html.gx-classic-navigation-preview .gx-command-event-banner.is-active { display: grid; animation: gxCommandCarouselIn .42s cubic-bezier(.2,.8,.2,1) both; }

html.gx-classic-navigation-preview .gx-command-event-banner::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(115deg, transparent 34%, rgba(168, 113, 255, .08), transparent 70%);
  transform: translateX(-65%);
  animation: gxCommandEventSweep 8s ease-in-out infinite;
}

html.gx-classic-navigation-preview .gx-command-event-banner:hover { transform: translateY(-2px); border-color: rgba(171, 119, 255, .52); box-shadow: 0 18px 44px rgba(30, 5, 70, .32), 0 0 26px rgba(117, 79, 255, .1); }
html.gx-classic-navigation-preview .gx-command-event-banner > img { width: 100%; height: 176px; display: block; object-fit: cover; opacity: .9; mask-image: linear-gradient(90deg, #000 76%, transparent); }
html.gx-classic-navigation-preview .gx-command-event-banner > span { min-width: 0; position: relative; z-index: 1; }
html.gx-classic-navigation-preview .gx-command-event-banner > span small,
html.gx-classic-navigation-preview .gx-command-event-banner > span strong,
html.gx-classic-navigation-preview .gx-command-event-banner > span em { display: block; }
html.gx-classic-navigation-preview .gx-command-event-banner > span small { color: #b996ff; font: 800 .54rem/1 'Orbitron', sans-serif; letter-spacing: 1.15px; text-transform: uppercase; }
html.gx-classic-navigation-preview .gx-command-event-banner > span small > i { display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: #66edc2; box-shadow: 0 0 10px rgba(102,237,194,.8); animation: gxCommandEventLive 2.2s ease-in-out infinite; }
html.gx-classic-navigation-preview .gx-command-event-banner > span strong { margin-top: 8px; color: #f4efff; font: 800 clamp(.84rem, 1.6vw, 1.08rem)/1.2 'Orbitron', sans-serif; letter-spacing: .3px; }
html.gx-classic-navigation-preview .gx-command-event-banner > span em { max-width: 760px; margin-top: 8px; color: rgba(211, 220, 240, .7); font-size: .67rem; font-style: normal; line-height: 1.5; }
html.gx-classic-navigation-preview .gx-command-event-banner > span u { display: inline-flex; align-items: center; gap: 7px; margin-top: 13px; color: #83dfff; font: 800 .58rem/1 'Orbitron', sans-serif; text-decoration: none; }
html.gx-classic-navigation-preview .gx-command-event-banner > b { position: relative; z-index: 1; display: grid; gap: 5px; margin-right: 18px; padding: 10px 12px; border: 1px solid rgba(178,132,255,.23); border-radius: 9px; background: rgba(30,12,67,.45); color: #d7c2ff; font: 800 .68rem/1 'Orbitron', sans-serif; font-variant-numeric: tabular-nums; white-space: nowrap; text-align: right; }
html.gx-classic-navigation-preview .gx-command-event-banner > b small { color: rgba(196,178,230,.48); font: 700 .46rem/1 'Orbitron', sans-serif; letter-spacing: .7px; text-transform: uppercase; }

html.gx-classic-navigation-preview .gx-command-event-control { position: absolute; top: calc(50% - 16px); z-index: 5; width: 26px !important; min-width: 26px !important; max-width: 26px !important; height: 38px !important; min-height: 38px !important; padding: 0 !important; display: grid; place-items: center; border: 1px solid rgba(126,184,255,.2); border-radius: 7px; background: rgba(5,20,51,.86); color: #8bd8ff; font-size: .58rem !important; cursor: pointer; transition: color .15s ease, border-color .15s ease, transform .15s ease; }
html.gx-classic-navigation-preview .gx-command-event-control:hover { color: #fff; border-color: rgba(116,211,255,.52); transform: scale(1.04); }
html.gx-classic-navigation-preview .gx-command-event-control.is-prev { left: 9px; }
html.gx-classic-navigation-preview .gx-command-event-control.is-next { right: 9px; }
html.gx-classic-navigation-preview .gx-command-events-carousel.is-single .gx-command-event-control { display: none; }
html.gx-classic-navigation-preview .gx-command-events-carousel > footer { position: absolute; right: 48px; bottom: 9px; left: 48px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
html.gx-classic-navigation-preview .gx-command-events-carousel > footer > span { display: flex; align-items: center; gap: 5px; }
html.gx-classic-navigation-preview .gx-command-events-carousel > footer button { appearance:none !important; box-sizing:border-box !important; flex:0 0 7px !important; width:7px !important; min-width:7px !important; max-width:7px !important; height:7px !important; min-height:7px !important; max-height:7px !important; margin:0 !important; padding:0 !important; border:1px solid rgba(146,181,221,.28) !important; border-radius:50% !important; background:rgba(140,174,217,.16) !important; box-shadow:none !important; cursor:pointer; transition:width .2s ease,flex-basis .2s ease,background .2s ease,box-shadow .2s ease; }
html.gx-classic-navigation-preview .gx-command-events-carousel > footer button.is-active { flex-basis:16px !important; width:16px !important; min-width:16px !important; max-width:16px !important; border-radius:6px !important; border-color:rgba(171,131,255,.6) !important; background:#9b75ff !important; box-shadow:0 0 8px rgba(151,105,255,.48) !important; }
html.gx-classic-navigation-preview .gx-command-events-carousel > footer > b { color: rgba(165,200,229,.52); font: 700 .53rem/1 'Orbitron', sans-serif; }

@keyframes gxCommandEventSweep {
  0%, 72%, 100% { transform: translateX(-70%); opacity: 0; }
  82% { opacity: 1; }
  94% { transform: translateX(70%); opacity: 0; }
}
@keyframes gxCommandCarouselIn { from { opacity: 0; transform: translateX(14px) scale(.995); } to { opacity: 1; transform: none; } }
@keyframes gxCommandEventLive { 0%,100% { opacity: .55; transform: scale(.82); } 50% { opacity: 1; transform: scale(1.18); } }

/* Planet-linked commander intelligence */
html.gx-classic-navigation-preview .gx-command-briefing-chat-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(270px, .68fr) minmax(0, 1.32fr);
  gap: 10px;
  align-items: start;
}

html.gx-classic-navigation-preview .gx-command-briefing-chat-grid > * { min-width: 0; }

html.gx-classic-navigation-preview .gx-command-panel > header > small {
  max-width: 48%;
  overflow: hidden;
  color: rgba(134, 195, 236, .58);
  font-size: .59rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.gx-classic-navigation-preview #gxCommandBriefing { display: grid; gap: 5px; padding: 8px; }
html.gx-classic-navigation-preview .gx-command-briefing-row {
  min-width: 0;
  min-height: 48px;
  display: grid;
  grid-template-columns: 31px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  padding: 7px 9px;
  border: 1px solid rgba(73, 149, 217, .11);
  border-radius: 8px;
  background: linear-gradient(90deg, rgba(8, 34, 70, .62), rgba(5, 20, 49, .52));
  color: #d8eafa;
  text-decoration: none;
  transition: border-color .18s ease, transform .18s ease, background .18s ease;
}

html.gx-classic-navigation-preview .gx-command-briefing-row:hover { transform: translateX(2px); border-color: rgba(83, 193, 255, .35); background: rgba(10, 43, 89, .64); }
html.gx-classic-navigation-preview .gx-command-briefing-row > i { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 8px; background: rgba(68, 175, 243, .09); color: #68c9ff; }
html.gx-classic-navigation-preview .gx-command-briefing-row > span { min-width: 0; }
html.gx-classic-navigation-preview .gx-command-briefing-row strong,
html.gx-classic-navigation-preview .gx-command-briefing-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.gx-classic-navigation-preview .gx-command-briefing-row strong { color: #e2f2ff; font-size: .68rem; }
html.gx-classic-navigation-preview .gx-command-briefing-row small { margin-top: 3px; color: rgba(155, 195, 224, .52); font-size: .59rem; }
html.gx-classic-navigation-preview .gx-command-briefing-row > b { color: #76d1ff; font: 700 .59rem/1 'Orbitron', sans-serif; font-variant-numeric: tabular-nums; white-space: nowrap; }
html.gx-classic-navigation-preview .gx-command-briefing-row.is-danger { border-color: rgba(255, 76, 104, .33); background: linear-gradient(90deg, rgba(91, 12, 35, .52), rgba(25, 11, 35, .46)); }
html.gx-classic-navigation-preview .gx-command-briefing-row.is-danger > i,
html.gx-classic-navigation-preview .gx-command-briefing-row.is-danger > b { color: #ff7187; }
html.gx-classic-navigation-preview .gx-command-briefing-row.is-warn > i,
html.gx-classic-navigation-preview .gx-command-briefing-row.is-warn > b { color: #ffc45e; }
html.gx-classic-navigation-preview .gx-command-briefing-row.is-success > i,
html.gx-classic-navigation-preview .gx-command-briefing-row.is-success > b { color: #53dfa2; }
html.gx-classic-navigation-preview .gx-command-briefing-row.is-research > i,
html.gx-classic-navigation-preview .gx-command-briefing-row.is-event > i { color: #ad7bff; }

html.gx-classic-navigation-preview .gx-command-radar { --gx-sonar-rgb: 72, 231, 201; --gx-sonar-color: #48e7c9; position: relative; min-height: 260px; padding: 10px; transition: border-color .2s ease, background .2s ease; }
html.gx-classic-navigation-preview .gx-command-radar.is-danger { --gx-sonar-rgb: 255, 82, 112; --gx-sonar-color: #ff5270; background: radial-gradient(circle at 25% 50%, rgba(117, 13, 40, .26), transparent 48%); }
html.gx-classic-navigation-preview .gx-command-radar.is-warn { --gx-sonar-rgb: 255, 190, 83; --gx-sonar-color: #ffbe53; background: radial-gradient(circle at 25% 50%, rgba(132, 82, 9, .18), transparent 48%); }
html.gx-classic-navigation-preview .gx-command-radar.is-object { --gx-sonar-rgb: 142, 104, 255; --gx-sonar-color: #ad8dff; background: radial-gradient(circle at 25% 50%, rgba(90, 48, 154, .2), transparent 48%); }
html.gx-classic-navigation-preview .gx-command-radar.is-calm { background: radial-gradient(circle at 25% 50%, rgba(0, 128, 113, .12), transparent 48%); }
html.gx-classic-navigation-preview .gx-command-radar-layout { min-width: 0; display: grid; grid-template-columns: 230px minmax(0, 1fr); align-items: center; gap: 12px; }

html.gx-classic-navigation-preview .gx-command-radar-stage {
  position: relative;
  width: 220px;
  aspect-ratio: 1;
  overflow: hidden;
  border: 5px solid rgba(5, 25, 39, .96);
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 50%, rgba(var(--gx-sonar-rgb), .15) 0 2%, rgba(2, 22, 31, .98) 3% 66%, rgba(1, 11, 20, .99) 100%);
  box-shadow:
    0 0 0 1px rgba(var(--gx-sonar-rgb), .34),
    0 0 0 5px rgba(6, 39, 52, .65),
    inset 0 0 42px rgba(var(--gx-sonar-rgb), .19),
    inset 0 0 8px rgba(var(--gx-sonar-rgb), .3),
    0 0 30px rgba(var(--gx-sonar-rgb), .12);
  isolation: isolate;
}

html.gx-classic-navigation-preview .gx-command-radar-stage::before,
html.gx-classic-navigation-preview .gx-command-radar-stage::after { content: ''; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; }
html.gx-classic-navigation-preview .gx-command-radar-stage::before {
  z-index: 0;
  inset: 5%;
  background:
    repeating-radial-gradient(circle, transparent 0 23px, rgba(var(--gx-sonar-rgb), .12) 24px 25px),
    repeating-conic-gradient(from -1deg, rgba(var(--gx-sonar-rgb), .18) 0 1deg, transparent 1deg 15deg);
  mask-image: radial-gradient(circle, transparent 0 8%, #000 9% 100%);
  opacity: .68;
}
html.gx-classic-navigation-preview .gx-command-radar-stage::after {
  z-index: 6;
  background:
    repeating-linear-gradient(180deg, transparent 0 3px, rgba(0, 0, 0, .14) 4px),
    radial-gradient(circle, transparent 55%, rgba(0, 0, 0, .55) 100%);
  mix-blend-mode: multiply;
}
html.gx-classic-navigation-preview .gx-command-radar-ring { position: absolute; top: 50%; left: 50%; z-index: 0; border: 1px solid rgba(var(--gx-sonar-rgb), .17); border-radius: 50%; transform: translate(-50%, -50%); }
html.gx-classic-navigation-preview .gx-command-radar-ring.is-one { width: 32%; height: 32%; }
html.gx-classic-navigation-preview .gx-command-radar-ring.is-two { width: 62%; height: 62%; }
html.gx-classic-navigation-preview .gx-command-radar-ring.is-three { width: 90%; height: 90%; }
html.gx-classic-navigation-preview .gx-command-radar-sweep { position: absolute; z-index: 2; inset: 5%; border-radius: 50%; transform-origin: 50% 50%; background: conic-gradient(from 0deg, transparent 0 310deg, rgba(var(--gx-sonar-rgb), .02) 324deg, rgba(var(--gx-sonar-rgb), .22) 350deg, rgba(var(--gx-sonar-rgb), .92) 359deg, transparent 360deg); filter: drop-shadow(0 0 5px rgba(var(--gx-sonar-rgb), .48)); animation: gxCommandRadarSweep 4.8s linear infinite; }
html.gx-classic-navigation-preview .gx-command-radar-sweep::after { content: ''; position: absolute; top: 50%; right: 0; width: 49%; height: 1px; background: linear-gradient(90deg, transparent, var(--gx-sonar-color)); box-shadow: 0 0 7px rgba(var(--gx-sonar-rgb), .9); }
html.gx-classic-navigation-preview .gx-command-sonar-pulse { position: absolute; top: 50%; left: 50%; z-index: 1; width: 14%; aspect-ratio: 1; border: 1px solid rgba(var(--gx-sonar-rgb), .72); border-radius: 50%; box-shadow: 0 0 10px rgba(var(--gx-sonar-rgb), .18); opacity: 0; transform: translate(-50%, -50%) scale(.35); animation: gxCommandSonarPulse 4.8s ease-out infinite; }
html.gx-classic-navigation-preview .gx-command-sonar-pulse.is-b { animation-delay: 1.6s; }
html.gx-classic-navigation-preview .gx-command-sonar-pulse.is-c { animation-delay: 3.2s; }
html.gx-classic-navigation-preview .gx-command-sonar-readout { position: absolute; bottom: 8%; left: 50%; z-index: 5; display: flex; align-items: center; gap: 5px; padding: 3px 6px; border: 1px solid rgba(var(--gx-sonar-rgb), .2); border-radius: 4px; background: rgba(1, 17, 24, .74); color: var(--gx-sonar-color); transform: translateX(-50%); }
html.gx-classic-navigation-preview .gx-command-sonar-readout b { font: 800 .42rem/1 'Orbitron', sans-serif; letter-spacing: 1px; }
html.gx-classic-navigation-preview .gx-command-sonar-readout small { color: rgba(var(--gx-sonar-rgb), .58); font: 700 .38rem/1 'Orbitron', sans-serif; }
html.gx-classic-navigation-preview .gx-command-radar-origin { position: absolute; top: 50%; left: 50%; z-index: 5; width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid rgba(var(--gx-sonar-rgb), .72); border-radius: 50%; background: #031d27; color: var(--gx-sonar-color); box-shadow: 0 0 0 5px rgba(var(--gx-sonar-rgb), .07), 0 0 20px rgba(var(--gx-sonar-rgb), .42); transform: translate(-50%, -50%); animation: gxCommandRadarOrigin 2.4s ease-in-out infinite; }
html.gx-classic-navigation-preview .gx-command-radar-blip { --gx-contact-rgb: 255, 111, 133; position: absolute; z-index: 4; width: 24px; height: 24px; display: grid; place-items: center; border: 1px solid rgba(var(--gx-contact-rgb), .6); border-radius: 50%; background: rgba(18, 38, 42, .94); color: rgb(var(--gx-contact-rgb)); box-shadow: 0 0 11px rgba(var(--gx-contact-rgb), .4); transform: translate(-50%, -50%); animation: gxCommandRadarBlip 2.4s ease-in-out infinite var(--gx-sonar-delay, 0s); }
html.gx-classic-navigation-preview .gx-command-radar-blip::before { content: ''; position: absolute; inset: -4px; border: 1px solid rgba(var(--gx-contact-rgb), .7); border-radius: 50%; opacity: 0; animation: gxCommandSonarEcho 4.8s ease-out infinite var(--gx-sonar-delay, 0s); }
html.gx-classic-navigation-preview .gx-command-radar-blip img { width: 18px; height: 18px; object-fit: contain; filter: drop-shadow(0 0 4px rgba(255, 100, 130, .5)); }
html.gx-classic-navigation-preview .gx-command-radar-blip.is-patrol { --gx-contact-rgb: 82, 230, 200; }
html.gx-classic-navigation-preview .gx-command-radar-blip.is-transport { --gx-contact-rgb: 255, 194, 86; background: rgba(55, 45, 17, .94); }
html.gx-classic-navigation-preview .gx-command-radar-blip.is-commander,
html.gx-classic-navigation-preview .gx-command-radar-blip.is-boss { --gx-contact-rgb: 255, 66, 104; width: 29px; height: 29px; }
html.gx-classic-navigation-preview .gx-command-radar-blip.is-attack { --gx-contact-rgb: 255, 50, 86; width: 27px; height: 27px; background: rgba(96, 5, 27, .96); color: #fff; box-shadow: 0 0 16px rgba(255, 43, 78, .7); }
html.gx-classic-navigation-preview .gx-command-radar-blip.is-world-object { --gx-contact-rgb: 173, 132, 255; width: 29px; height: 29px; background: rgba(38, 18, 72, .95); }

html.gx-classic-navigation-preview .gx-command-radar-feed { min-width: 0; display: grid; align-content: center; gap: 6px; }
html.gx-classic-navigation-preview .gx-command-radar-feed > div:first-child { padding: 0 3px 7px; }
html.gx-classic-navigation-preview .gx-command-radar-feed > div:first-child > span { display: inline-block; margin-bottom: 5px; color: #6ed9ff; font: 800 .5rem/1 'Orbitron', sans-serif; letter-spacing: 1.2px; }
html.gx-classic-navigation-preview .gx-command-radar.is-danger .gx-command-radar-feed > div:first-child > span { color: #ff7187; }
html.gx-classic-navigation-preview .gx-command-radar-feed > div:first-child strong,
html.gx-classic-navigation-preview .gx-command-radar-feed > div:first-child small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.gx-classic-navigation-preview .gx-command-radar-feed > div:first-child strong { color: #e6f4ff; font: 800 .76rem/1.2 'Orbitron', sans-serif; }
html.gx-classic-navigation-preview .gx-command-radar-feed > div:first-child small { margin-top: 4px; color: rgba(151, 196, 226, .52); font-size: .58rem; }
html.gx-classic-navigation-preview .gx-command-radar-contact { min-width: 0; display: grid; grid-template-columns: 13px minmax(0, 1fr) auto; align-items: center; gap: 7px; padding: 7px 8px; border: 1px solid rgba(255, 88, 115, .13); border-radius: 7px; background: rgba(38, 8, 27, .3); color: #dceeff; text-decoration: none; }
html.gx-classic-navigation-preview .gx-command-radar-contact > i { color: #ff6f85; font-size: .46rem; }
html.gx-classic-navigation-preview .gx-command-radar-contact > img { width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 0 5px rgba(173,132,255,.6)); }
html.gx-classic-navigation-preview .gx-command-radar-contact span { min-width: 0; }
html.gx-classic-navigation-preview .gx-command-radar-contact strong,
html.gx-classic-navigation-preview .gx-command-radar-contact small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.gx-classic-navigation-preview .gx-command-radar-contact strong { font-size: .61rem; }
html.gx-classic-navigation-preview .gx-command-radar-contact small { margin-top: 2px; color: rgba(179, 197, 218, .5); font-size: .53rem; }
html.gx-classic-navigation-preview .gx-command-radar-contact > b { color: #ff8ca0; font: 700 .52rem/1 'Orbitron', sans-serif; font-variant-numeric: tabular-nums; white-space: nowrap; }
html.gx-classic-navigation-preview .gx-command-radar-contact.is-attack { border-color: rgba(255, 71, 103, .34); background: rgba(84, 7, 29, .36); }
html.gx-classic-navigation-preview .gx-command-radar-contact.is-world-object { grid-template-columns:20px minmax(0,1fr) auto;border-color:rgba(173,132,255,.3);background:rgba(50,22,88,.3); }
html.gx-classic-navigation-preview .gx-command-radar-contact.is-world-object > b { color:#c9aeff; }
html.gx-classic-navigation-preview .gx-command-radar-clear { display: flex; align-items: center; gap: 9px; padding: 10px; border: 1px solid rgba(60, 214, 162, .13); border-radius: 8px; background: rgba(7, 60, 49, .2); color: #50daa7; }
html.gx-classic-navigation-preview .gx-command-radar-clear strong,
html.gx-classic-navigation-preview .gx-command-radar-clear small { display: block; }
html.gx-classic-navigation-preview .gx-command-radar-clear strong { color: #cceee2; font-size: .63rem; }
html.gx-classic-navigation-preview .gx-command-radar-clear small { margin-top: 3px; color: rgba(152, 205, 190, .5); font-size: .55rem; }

html.gx-classic-navigation-preview .gx-command-performance-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; padding: 8px; }
html.gx-classic-navigation-preview .gx-command-performance-card { min-width: 0; display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: center; gap: 9px; padding: 10px; border: 1px solid rgba(72, 160, 225, .12); border-radius: 9px; background: linear-gradient(135deg, rgba(8, 35, 72, .58), rgba(6, 18, 47, .64)); }
html.gx-classic-navigation-preview .gx-command-performance-card > i { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 9px; background: rgba(62, 176, 242, .09); color: #68c9ff; }
html.gx-classic-navigation-preview .gx-command-performance-card span,
html.gx-classic-navigation-preview .gx-command-performance-card small,
html.gx-classic-navigation-preview .gx-command-performance-card strong,
html.gx-classic-navigation-preview .gx-command-performance-card em { min-width: 0; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.gx-classic-navigation-preview .gx-command-performance-card small { color: rgba(151, 195, 225, .5); font-size: .54rem; }
html.gx-classic-navigation-preview .gx-command-performance-card strong { margin-top: 3px; color: #e7f5ff; font: 800 .72rem/1.2 'Orbitron', sans-serif; }
html.gx-classic-navigation-preview .gx-command-performance-card em { margin-top: 4px; color: rgba(157, 192, 217, .48); font-size: .54rem; font-style: normal; }
html.gx-classic-navigation-preview .gx-command-performance-card.is-up em { color: #51dba4; }
html.gx-classic-navigation-preview .gx-command-performance-card.is-down em { color: #ff7187; }

@keyframes gxCommandRadarSweep { to { transform: rotate(360deg); } }
@keyframes gxCommandSonarPulse { 0% { opacity: 0; transform: translate(-50%, -50%) scale(.35); } 8% { opacity: .78; } 78%, 100% { opacity: 0; transform: translate(-50%, -50%) scale(6.4); } }
@keyframes gxCommandSonarEcho { 0%, 45%, 100% { opacity: 0; transform: scale(.7); } 52% { opacity: .9; } 72% { opacity: 0; transform: scale(2.2); } }
@keyframes gxCommandRadarOrigin { 0%, 100% { box-shadow: 0 0 0 5px rgba(var(--gx-sonar-rgb), .05), 0 0 14px rgba(var(--gx-sonar-rgb), .3); } 50% { box-shadow: 0 0 0 9px rgba(var(--gx-sonar-rgb), .02), 0 0 23px rgba(var(--gx-sonar-rgb), .58); } }
@keyframes gxCommandRadarBlip { 0%, 42%, 100% { opacity: .5; } 52%, 68% { opacity: 1; } }

/* Dense activity-list route; full ship and cargo telemetry remains in the hover/focus card. */
html.gx-classic-navigation-preview .gx-command-operation.is-fleet { align-items:center; }
html.gx-classic-navigation-preview .gx-command-operation.is-fleet > i,
html.gx-classic-navigation-preview .gx-command-operation.is-fleet > .gx-command-operation-icon { margin-top: 2px; }
html.gx-classic-navigation-preview .gx-command-operation-route {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-content: stretch;
  align-items: center;
  gap: 4px;
  margin-top: 0;
  color: rgba(137, 201, 244, .76);
  font: 700 .56rem/1 'Orbitron', sans-serif;
}

html.gx-classic-navigation-preview .gx-command-route-points { min-width:0; display:flex; align-items:center; gap:6px; }
html.gx-classic-navigation-preview .gx-command-route-points > i { flex:0 0 auto; color:rgba(96,198,246,.55); font-size:.48rem; }
html.gx-classic-navigation-preview .gx-command-route-point { min-width:0; display:grid; gap:0; }
html.gx-classic-navigation-preview .gx-command-route-point > small { display:none; }
html.gx-classic-navigation-preview .gx-command-route-point.is-target { justify-items:start; text-align:left; }
html.gx-classic-navigation-preview .gx-command-route-point > a,
html.gx-classic-navigation-preview .gx-command-route-point > span { padding:0; border:0; border-radius:0; background:transparent; font-size:.52rem; }
html.gx-classic-navigation-preview .gx-command-route-flight { position:relative; min-width:0; height:4px; margin:0 5px 0 3px; overflow:visible; border-radius:4px; background:rgba(95,168,216,.14); box-shadow:inset 0 0 0 1px rgba(105,190,239,.06); }
html.gx-classic-navigation-preview .gx-command-route-flight::before { content:''; position:absolute; inset:-2px 0; border-right:1px solid rgba(82,199,255,.3); border-left:1px solid rgba(82,199,255,.3); }
html.gx-classic-navigation-preview .gx-command-route-flight > i { position:absolute; inset:0 auto 0 0; overflow:hidden; clip-path:inset(0 round 4px); contain:paint; isolation:isolate; border-radius:inherit; background:linear-gradient(90deg,#1785cf,#5edcff 72%,#c4f5ff); box-shadow:0 0 7px rgba(71,198,255,.34); transition:width .22s linear; }
html.gx-classic-navigation-preview .gx-command-route-flight > i::after { content:''; position:absolute; inset:-2px auto -2px 0; width:34%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent); filter:blur(.4px); animation:gxCommandRouteCharge 1.9s linear infinite; }
html.gx-classic-navigation-preview .gx-command-route-flight > b { position:absolute; top:50%; color:#c8f4ff; font-size:.57rem; filter:drop-shadow(0 0 5px rgba(75,204,255,.7)); transform:translate(-45%,-50%) rotate(90deg); transition:left .22s linear; animation:gxCommandFleetPulse 1.8s ease-in-out infinite; }

html.gx-classic-navigation-preview .gx-command-coordinate-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #78d4ff;
  font-family: 'Exo 2', Arial, sans-serif;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
  transition: color .15s ease, border-color .15s ease, background .15s ease;
}

html.gx-classic-navigation-preview .gx-command-coordinate-link:hover {
  color: #fff;
  border-color: rgba(89, 202, 255, .48);
  background: rgba(28, 96, 148, .55);
}

html.gx-classic-navigation-preview .gx-command-coordinate-link > i { font-size: .52rem; }
html.gx-classic-navigation-preview .gx-command-operation-location { display: flex; margin-top: 6px; }
html.gx-classic-navigation-preview .gx-command-operation-location .gx-command-coordinate-link { padding: 3px 6px; border: 1px solid rgba(78, 172, 237, .14); border-radius: 5px; background: rgba(17, 52, 91, .44); }

html.gx-classic-navigation-preview .gx-command-operation.is-fleet .gx-command-fleet-cargo { display:none; }
html.gx-classic-navigation-preview .gx-command-fleet-facts { flex:0 0 auto; display:flex; align-items:center; gap:3px; margin:0; }
html.gx-classic-navigation-preview .gx-command-fleet-facts > span { min-width:0; display:inline-flex; align-items:center; gap:3px; padding:2px 4px; border:1px solid rgba(72,154,214,.11); border-radius:4px; background:rgba(5,27,59,.34); }
html.gx-classic-navigation-preview .gx-command-fleet-facts i { color:#65cfff; font-size:.45rem; }
html.gx-classic-navigation-preview .gx-command-fleet-facts b { color:#d9efff; font:700 .49rem/1 'Exo 2',Arial,sans-serif; white-space:nowrap; }

/* Fleet composition hover/focus tooltip is portaled to body to avoid panel clipping. */
html.gx-classic-navigation-preview .gx-command-fleet-tooltip[hidden] { display: none !important; }
html.gx-classic-navigation-preview .gx-command-fleet-tooltip {
  position: fixed;
  z-index: 2147482000;
  width: min(360px, calc(100vw - 24px));
  max-height: min(70vh, 560px);
  overflow: hidden auto;
  padding: 10px;
  border: 1px solid rgba(79, 188, 255, .42);
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(3, 17, 42, .98), rgba(8, 10, 35, .98));
  box-shadow: 0 18px 55px rgba(0, 0, 0, .65), 0 0 28px rgba(44, 171, 255, .13), inset 0 1px 0 rgba(176, 228, 255, .06);
  color: #dceeff;
  pointer-events: none;
  backdrop-filter: blur(16px);
}
html.gx-classic-navigation-preview .gx-command-fleet-manifest-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 2px 3px 9px; border-bottom: 1px solid rgba(73, 169, 235, .16); }
html.gx-classic-navigation-preview .gx-command-fleet-manifest-head > span { display: inline-flex; align-items: center; gap: 6px; color: #7ad5ff; font: 800 .63rem/1.2 'Orbitron', sans-serif; letter-spacing: .7px; }
html.gx-classic-navigation-preview .gx-command-fleet-manifest-head > b { color: rgba(191, 219, 239, .58); font: 700 .55rem/1.2 'Exo 2', sans-serif; white-space: nowrap; }
html.gx-classic-navigation-preview .gx-command-fleet-manifest-list { display: grid; gap: 5px; padding-top: 8px; }
html.gx-classic-navigation-preview .gx-command-fleet-manifest-row { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 8px; min-height: 42px; padding: 4px 7px; border: 1px solid rgba(70, 148, 207, .12); border-radius: 8px; background: rgba(8, 32, 67, .48); }
html.gx-classic-navigation-preview .gx-command-ship-image { width: 34px; height: 34px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(73, 177, 241, .18); border-radius: 8px; background: radial-gradient(circle, rgba(50, 151, 220, .18), rgba(3, 16, 38, .7)); }
html.gx-classic-navigation-preview .gx-command-ship-image img { width: 31px; height: 31px; display: block; object-fit: contain; filter: drop-shadow(0 0 6px rgba(80, 194, 255, .24)); }
html.gx-classic-navigation-preview .gx-command-ship-image > i { color: #69caff; font-size: .8rem; }
html.gx-classic-navigation-preview .gx-command-ship-image > i:not([hidden]) { display: grid; place-items: center; }
html.gx-classic-navigation-preview .gx-command-fleet-manifest-row > span:nth-child(2) { min-width: 0; }
html.gx-classic-navigation-preview .gx-command-fleet-manifest-row strong,
html.gx-classic-navigation-preview .gx-command-fleet-manifest-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.gx-classic-navigation-preview .gx-command-fleet-manifest-row strong { color: #dcefff; font-size: .67rem; }
html.gx-classic-navigation-preview .gx-command-fleet-manifest-row small { margin-top: 2px; color: rgba(145, 188, 220, .48); font-size: .53rem; }
html.gx-classic-navigation-preview .gx-command-fleet-manifest-row > b { color: #84d8ff; font: 800 .65rem/1 'Orbitron', sans-serif; white-space: nowrap; }

html.gx-classic-navigation-preview .gx-command-fleet-tooltip-cargo { display:grid; gap:6px; margin-top:9px; padding-top:9px; border-top:1px solid rgba(73,169,235,.16); }
html.gx-classic-navigation-preview .gx-command-fleet-tooltip-cargo > strong { color:#f4d983; font:800 .58rem/1.2 'Orbitron',sans-serif; letter-spacing:.5px; text-transform:uppercase; }
html.gx-classic-navigation-preview .gx-command-fleet-tooltip-cargo .gx-command-fleet-cargo { display:grid; gap:7px; margin-top:0; }

html.gx-classic-navigation-preview .gx-command-fleet-cargo { display: flex; align-items: center; gap: 6px; min-width: 0; margin-top: 5px; }
html.gx-classic-navigation-preview .gx-command-cargo-cap { min-width: 92px; display: grid; grid-template-columns: auto auto 1fr; align-items: center; gap: 4px; color: #f6c95d; font-size: .56rem; }
html.gx-classic-navigation-preview .gx-command-cargo-cap > b { color: #ffe08c; }
html.gx-classic-navigation-preview .gx-command-cargo-cap > small { color: rgba(229, 213, 168, .48); font-size: .53rem; }
html.gx-classic-navigation-preview .gx-command-cargo-cap > em { grid-column: 1 / -1; height: 2px; overflow: hidden; border-radius: 2px; background: rgba(255,255,255,.07); }
html.gx-classic-navigation-preview .gx-command-cargo-cap > em > i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #f0a83b, #ffe280); box-shadow: 0 0 6px rgba(255, 203, 92, .35); }
html.gx-classic-navigation-preview .gx-command-cargo-items { min-width: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 4px; }
html.gx-classic-navigation-preview .gx-command-cargo-items > span { display: inline-flex; align-items: center; gap: 3px; padding: 2px 5px; border: 1px solid rgba(90, 159, 211, .12); border-radius: 5px; background: rgba(7, 31, 64, .48); color: rgba(205, 225, 240, .67); font-size: .53rem; }
html.gx-classic-navigation-preview .gx-command-cargo-items img { width: 11px; height: 11px; object-fit: contain; }
html.gx-classic-navigation-preview .gx-command-cargo-items .is-fragment { color: #c397ff; border-color: rgba(168, 102, 255, .18); }
html.gx-classic-navigation-preview .gx-command-cargo-items .is-void { color: var(--gx-void-color, #66d9ff); border-color: color-mix(in srgb, var(--gx-void-color, #66d9ff) 28%, transparent); }
html.gx-classic-navigation-preview .gx-command-cargo-items .is-void > i:not([hidden]) { display: inline-block; }
html.gx-classic-navigation-preview .gx-command-cargo-items .is-empty { color: rgba(177, 201, 220, .38); }

@keyframes gxCommandFleetSweep { 0%,72%,100%{transform:translateX(-70%);opacity:0}82%{opacity:1}94%{transform:translateX(75%);opacity:0} }
@keyframes gxCommandFleetPulse { 0%,100%{opacity:.65;filter:drop-shadow(0 0 4px rgba(75,204,255,.45))}50%{opacity:1;filter:drop-shadow(0 0 9px rgba(75,204,255,.9))} }
@keyframes gxCommandRouteCharge { from{transform:translateX(-130%)} to{transform:translateX(390%)} }

/* Embedded profile: use the complete content width beside the classic sidebar. */
html.gx-classic-navigation-preview #spa-root.active > .ip-main {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 16px !important;
  box-sizing: border-box !important;
}

/* Fleet hub: dispatch and activity share one surface; the old fleet section becomes the yard. */
html.gx-classic-navigation-preview #section-flotte > [data-flotte-tab="send"],
html.gx-classic-navigation-preview #section-flotte [data-flotte-tab-btn="send"] { display: none !important; }
html.gx-classic-navigation-preview .gx-fleet-yard-heading { margin: 0 0 14px; padding: 14px 17px; border: 1px solid rgba(58, 177, 245, .2); border-radius: 12px; background: linear-gradient(135deg, rgba(8, 37, 75, .78), rgba(6, 16, 42, .72)); box-shadow: inset 0 1px 0 rgba(151, 221, 255, .05), 0 12px 30px rgba(0, 0, 0, .16); }
html.gx-classic-navigation-preview .gx-fleet-yard-heading > span { display: inline-flex; align-items: center; gap: 7px; color: #64caff; font: 800 .57rem/1 'Orbitron', sans-serif; letter-spacing: 1.4px; text-transform: uppercase; }
html.gx-classic-navigation-preview .gx-fleet-yard-heading h1 { margin: 6px 0 3px; color: #eff9ff; font: 900 1rem/1.2 'Orbitron', sans-serif; letter-spacing: 1.2px; }
html.gx-classic-navigation-preview .gx-fleet-yard-heading small { color: rgba(170, 207, 232, .55); font-size: .67rem; }
html.gx-classic-navigation-preview .gx-fleet-hub { display: grid; gap: 14px; }
html.gx-classic-navigation-preview.gx-fleet-hub-page {
  height: auto !important;
  min-height: 100% !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: auto !important;
  scroll-behavior: auto !important;
  touch-action: pan-y !important;
  -webkit-overflow-scrolling: touch;
}
html.gx-classic-navigation-preview.gx-fleet-hub-page body.classic-dashboard-wheel-page {
  height: auto !important;
  min-height: 100dvh !important;
  max-height: none !important;
  overflow: visible !important;
  overscroll-behavior: auto !important;
  touch-action: pan-y !important;
}
html.gx-classic-navigation-preview #spa-root.gx-fleet-hub-active,
html.gx-classic-navigation-preview #spa-root.gx-fleet-hub-active > .fa-wrap,
html.gx-classic-navigation-preview .gx-fleet-hub,
html.gx-classic-navigation-preview .gx-fleet-hub-pane {
  max-height: none !important;
  overflow-y: visible !important;
  overscroll-behavior-y: auto !important;
  touch-action: pan-y !important;
}
html.gx-classic-navigation-preview #spa-root.gx-fleet-hub-active .fleet-list,
html.gx-classic-navigation-preview #spa-root.gx-fleet-hub-active .fleet-ship-select-grid,
html.gx-classic-navigation-preview #spa-root.gx-fleet-hub-active #flotteContent,
html.gx-classic-navigation-preview #spa-root.gx-fleet-hub-active .flotte-panel {
  max-height: none !important;
  overflow-y: visible !important;
  overscroll-behavior-y: auto !important;
}
html.gx-classic-navigation-preview .gx-fleet-hub-head { padding: 2px 2px 0; }
html.gx-classic-navigation-preview .gx-fleet-hub-head span { color: #56c7ff; font: 800 .55rem/1 'Orbitron', sans-serif; letter-spacing: 1.6px; text-transform: uppercase; }
html.gx-classic-navigation-preview .gx-fleet-hub-head h1 { margin: 7px 0 4px; color: #eef9ff; font: 900 1.05rem/1.2 'Orbitron', sans-serif; letter-spacing: 1.3px; }
html.gx-classic-navigation-preview .gx-fleet-hub-head small { color: rgba(166, 204, 232, .55); font-size: .68rem; }
html.gx-classic-navigation-preview .gx-fleet-hub-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 6px; border: 1px solid rgba(49, 167, 235, .18); border-radius: 13px; background: rgba(3, 17, 42, .68); box-shadow: inset 0 1px 0 rgba(139, 218, 255, .04); }
html.gx-classic-navigation-preview .gx-fleet-hub-tabs button { min-height: 46px; display: flex; align-items: center; justify-content: center; gap: 9px; border: 1px solid transparent; border-radius: 9px; background: transparent; color: rgba(155, 198, 228, .58); font: 800 .68rem/1 'Orbitron', sans-serif; letter-spacing: .55px; cursor: pointer; transition: color .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease; }
html.gx-classic-navigation-preview .gx-fleet-hub-tabs button:hover { color: #d9f3ff; background: rgba(32, 119, 179, .12); }
html.gx-classic-navigation-preview .gx-fleet-hub-tabs button.is-active { color: #e9f9ff; border-color: rgba(65, 190, 255, .38); background: linear-gradient(135deg, rgba(29, 132, 201, .28), rgba(21, 74, 137, .24)); box-shadow: 0 0 20px rgba(32, 159, 230, .1), inset 0 1px 0 rgba(168, 226, 255, .08); }
html.gx-classic-navigation-preview .gx-fleet-hub-tabs button.is-active i { color: #56d0ff; filter: drop-shadow(0 0 7px rgba(58, 195, 255, .42)); }
html.gx-classic-navigation-preview .gx-fleet-hub-pane[hidden] { display: none !important; }
html.gx-classic-navigation-preview .gx-fleet-hub-send > #flotteContent { display: flex !important; margin: 0; }
html.gx-classic-navigation-preview .gx-fleet-hub-activity > .fa-header { margin-top: 0; }
html.gx-classic-navigation-preview .gx-fleet-hub-activity > .fa-header h1 { display: none; }
html.gx-classic-navigation-preview .gx-fleet-hub-activity > .fa-header .fa-back { margin-right: auto; }

/* Mobile fleet dispatch: a real portrait layout without nested horizontal scrolling. */
@media (max-width: 900px) {
  html.gx-classic-navigation-preview #spa-root.gx-fleet-hub-active,
  html.gx-classic-navigation-preview #section-flotte.content-section {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    touch-action: pan-y !important;
  }

  html.gx-classic-navigation-preview #spa-root.gx-fleet-hub-active > .fa-wrap,
  html.gx-classic-navigation-preview .gx-fleet-hub,
  html.gx-classic-navigation-preview .gx-fleet-hub-pane,
  html.gx-classic-navigation-preview .gx-fleet-hub-send > #flotteContent,
  html.gx-classic-navigation-preview .gx-fleet-hub-send .flotte-panel,
  html.gx-classic-navigation-preview .gx-fleet-hub-send .fleet-form {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  html.gx-classic-navigation-preview #spa-root.gx-fleet-hub-active > .fa-wrap {
    margin: 0;
    padding: 14px 8px 76px;
    overflow-x: hidden;
  }

  html.gx-classic-navigation-preview .gx-fleet-hub-send,
  html.gx-classic-navigation-preview .gx-fleet-hub-send > #flotteContent {
    overflow-x: hidden;
    touch-action: pan-y;
  }

  html.gx-classic-navigation-preview .gx-fleet-hub-send .fleet-form {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html.gx-classic-navigation-preview .gx-fleet-hub-send .fleet-form > * {
    grid-column: 1 / -1 !important;
    max-width: 100%;
    min-width: 0;
  }

  html.gx-classic-navigation-preview .gx-fleet-hub-send .fleet-coord-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
  }

  html.gx-classic-navigation-preview .gx-fleet-hub-send .fleet-coord-row input {
    width: 100% !important;
    min-width: 0;
  }

  html.gx-classic-navigation-preview .gx-fleet-hub-send .fleet-ship-select-grid {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) !important;
    overflow: visible;
    padding-bottom: 0;
    touch-action: pan-y;
  }

  html.gx-classic-navigation-preview .gx-fleet-hub-send .fleet-ship-select-item,
  html.gx-classic-navigation-preview .gx-fleet-hub-send .fleet-cargo-panel,
  html.gx-classic-navigation-preview .gx-fleet-hub-send .fleet-cargo-grid,
  html.gx-classic-navigation-preview .gx-fleet-hub-send .fleet-cargo-item {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  html.gx-classic-navigation-preview #section-flotte > .flotte-tabs {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    touch-action: pan-x pan-y;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
  }

  html.gx-classic-navigation-preview #section-flotte > .flotte-tabs > .flotte-tab {
    flex: 0 0 auto;
    white-space: nowrap;
  }
}

@media (max-width: 600px) {
  html.gx-classic-navigation-preview .gx-fleet-hub { gap: 10px; }
  html.gx-classic-navigation-preview .gx-fleet-hub-head h1 { font-size: .88rem; letter-spacing: .8px; }
  html.gx-classic-navigation-preview .gx-fleet-hub-head small { display: block; line-height: 1.4; }
  html.gx-classic-navigation-preview .gx-fleet-hub-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; padding: 5px; }
  html.gx-classic-navigation-preview .gx-fleet-hub-tabs button { min-width: 0; min-height: 42px; gap: 6px; padding: 6px 5px; font-size: .58rem; letter-spacing: .2px; }
  html.gx-classic-navigation-preview .gx-fleet-hub-tabs button span { min-width: 0; white-space: normal; line-height: 1.25; }
  html.gx-classic-navigation-preview .gx-fleet-hub-send .flotte-panel { padding: 9px; }
}

@media (max-width: 1180px) {
  html.gx-classic-navigation-preview .gx-command-briefing-chat-grid { grid-template-columns: minmax(250px, .76fr) minmax(0, 1.24fr); }
  html.gx-classic-navigation-preview .gx-command-radar-layout { grid-template-columns: 240px minmax(0, 1fr); }
  html.gx-classic-navigation-preview .gx-command-operation-summary { align-items:center; }
}

@media (max-width: 900px) {
  html.gx-classic-navigation-preview .gx-classic-priority-entry { flex-basis: min(79vw, 295px); min-width: min(79vw, 295px); }
  html.gx-classic-navigation-preview .gx-classic-priority-entry .gx-classic-priority-item { min-width: 0; }
  html.gx-classic-navigation-preview .gx-command-briefing-chat-grid { grid-template-columns: 1fr; }
  html.gx-classic-navigation-preview .gx-command-performance-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
  html.gx-classic-navigation-preview #gxCommandOperations { max-height:min(68vh,620px); overflow:hidden auto; }
  html.gx-classic-navigation-preview .gx-command-events-carousel { padding: 8px 34px 31px; }
  html.gx-classic-navigation-preview .gx-command-events-grid { min-height: 214px; }
  html.gx-classic-navigation-preview .gx-command-event-banner { min-height:214px; grid-template-columns: 96px minmax(0, 1fr); gap:10px; }
  html.gx-classic-navigation-preview .gx-command-event-banner > img { width:96px; height:214px; }
  html.gx-classic-navigation-preview .gx-command-event-banner > span { padding-right:8px; }
  html.gx-classic-navigation-preview .gx-command-event-banner > span em { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; font-size:.6rem; }
  html.gx-classic-navigation-preview .gx-command-event-banner > span u { margin-top:9px; }
  html.gx-classic-navigation-preview .gx-command-event-banner > b { grid-column:2; justify-self:start; margin:-2px 0 10px; padding:6px 8px; text-align:left; }
  html.gx-classic-navigation-preview .gx-command-event-control.is-prev { left:4px; }
  html.gx-classic-navigation-preview .gx-command-event-control.is-next { right:4px; }
  html.gx-classic-navigation-preview .gx-command-events-carousel > footer { right:34px; left:34px; }
  html.gx-classic-navigation-preview .gx-command-fleet-cargo { align-items: flex-start; flex-direction: column; gap: 5px; }
  html.gx-classic-navigation-preview .gx-command-operation.is-fleet { grid-template-columns:30px minmax(0,1fr) 70px; min-height:65px; gap:6px; padding:5px 7px; }
  html.gx-classic-navigation-preview .gx-command-operation.is-fleet > .gx-command-operation-icon,
  html.gx-classic-navigation-preview .gx-command-operation.is-fleet > i { width:29px; height:29px; }
  html.gx-classic-navigation-preview .gx-command-operation.is-fleet > .gx-command-operation-icon img { width:28px; height:28px; }
  html.gx-classic-navigation-preview .gx-command-operation.is-fleet > .gx-command-fleet-body { gap:4px; }
  html.gx-classic-navigation-preview .gx-command-operation.is-fleet > .gx-command-operation-eta { grid-column:auto; justify-self:end; grid-auto-flow:row; align-items:center; }
  html.gx-classic-navigation-preview .gx-command-operation-route { grid-template-columns:minmax(0,1fr); justify-content:stretch; gap:4px; }
  html.gx-classic-navigation-preview .gx-command-route-point > small { display:none; }
  html.gx-classic-navigation-preview .gx-command-route-point > a,
  html.gx-classic-navigation-preview .gx-command-route-point > span { padding:3px 5px; font-size:.52rem; }
  html.gx-classic-navigation-preview .gx-command-fleet-facts > span:nth-child(3) { display:none; }
  html.gx-classic-navigation-preview .gx-command-radar-layout { grid-template-columns: 1fr; }
  html.gx-classic-navigation-preview .gx-command-radar-stage { width: min(220px, 74vw); margin: 0 auto; }
  html.gx-classic-navigation-preview .gx-command-radar-feed { width: 100%; }
  html.gx-classic-navigation-preview .gx-classic-priority-actions { opacity: .82; pointer-events: auto; transform: none; }
  html.gx-classic-navigation-preview .gx-classic-priority-item > b { margin-right: 48px; }
}

/* Megastructure SPA: document is the only vertical scroll owner on every viewport. */
html.gx-classic-navigation-preview.gx-classic-spa-document-scroll {
  height:auto!important;
  min-height:100%!important;
  max-height:none!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:auto!important;
  scroll-behavior:auto!important;
  touch-action:pan-y!important;
}
html.gx-classic-navigation-preview.gx-classic-spa-document-scroll body.classic-dashboard-wheel-page,
html.gx-classic-navigation-preview.gx-classic-spa-document-scroll #spa-root.gx-classic-spa-document-scroll,
html.gx-classic-navigation-preview.gx-classic-spa-document-scroll #spa-root .mso-shell,
html.gx-classic-navigation-preview.gx-classic-spa-document-scroll #spa-root .mso-planets,
html.gx-classic-navigation-preview.gx-classic-spa-document-scroll #spa-root .mso-build-panel,
html.gx-classic-navigation-preview.gx-classic-spa-document-scroll #spa-root .gti-shell,
html.gx-classic-navigation-preview.gx-classic-spa-document-scroll #spa-root .ev2-shell {
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  overscroll-behavior-y:auto!important;
  touch-action:pan-y!important;
}

@media (max-width: 480px) {
  html.gx-classic-navigation-preview .gx-command-performance-grid { grid-template-columns: 1fr; }
  html.gx-classic-navigation-preview .gx-command-operation-summary > span { width:100%; justify-content:space-between; padding:2px 3px; }
  html.gx-classic-navigation-preview .gx-command-operation-summary button { flex:1 1 calc(50% - 5px); justify-content:center; }
}

@media (prefers-reduced-motion: reduce) {
  html.gx-classic-navigation-preview .gx-command-event-banner::after,
  html.gx-classic-navigation-preview .gx-command-event-banner.is-active,
  html.gx-classic-navigation-preview .gx-command-event-banner > span small > i,
  html.gx-classic-navigation-preview .gx-command-operation.is-fleet::before,
  html.gx-classic-navigation-preview .gx-command-route-flight > i::after,
  html.gx-classic-navigation-preview .gx-command-route-flight > b,
  html.gx-classic-navigation-preview .gx-command-radar-sweep,
  html.gx-classic-navigation-preview .gx-command-sonar-pulse,
  html.gx-classic-navigation-preview .gx-command-radar-origin,
  html.gx-classic-navigation-preview .gx-command-radar-blip,
  html.gx-classic-navigation-preview .gx-command-radar-blip::before { animation: none !important; }
}

/* Command center readability: technical display font only for large headings. */
html.gx-classic-navigation-preview .gx-classic-command-center,
html.gx-classic-navigation-preview .gx-command-events-priority {
  font-family: 'Exo 2', Arial, sans-serif;
  font-weight: 500;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: auto;
}

html.gx-classic-navigation-preview .gx-classic-command-center *,
html.gx-classic-navigation-preview .gx-command-events-priority * { text-shadow: none; }

html.gx-classic-navigation-preview .gx-command-center-head > div > span,
html.gx-classic-navigation-preview .gx-command-panel > header > div > span,
html.gx-classic-navigation-preview .gx-command-center-card header,
html.gx-classic-navigation-preview #dashBoniBar .gx-command-assistants-label,
html.gx-classic-navigation-preview .gx-command-event-banner > span small,
html.gx-classic-navigation-preview .gx-command-operation > b,
html.gx-classic-navigation-preview .gx-command-briefing-row > b,
html.gx-classic-navigation-preview .gx-command-radar-contact > b,
html.gx-classic-navigation-preview .gx-command-performance-card strong {
  font-family: 'Exo 2', Arial, sans-serif !important;
  letter-spacing: .35px !important;
}

html.gx-classic-navigation-preview .gx-command-center-card > strong {
  font-family: 'Exo 2', Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: .15px;
}

html.gx-classic-navigation-preview .gx-command-panel > header h2 {
  font-family: 'Exo 2', Arial, sans-serif;
  font-size: .82rem;
  letter-spacing: .25px;
}

html.gx-classic-navigation-preview .gx-command-center-card > small,
html.gx-classic-navigation-preview .gx-command-center-card footer,
html.gx-classic-navigation-preview .gx-command-panel > header > small,
html.gx-classic-navigation-preview .gx-command-panel > header > a {
  color: rgba(196, 220, 239, .72);
  font-size: .66rem;
}

html.gx-classic-navigation-preview .gx-command-operation > span strong,
html.gx-classic-navigation-preview .gx-command-briefing-row strong { color: #edf7ff; font-size: .73rem; font-weight: 800; }
html.gx-classic-navigation-preview .gx-command-operation > span small,
html.gx-classic-navigation-preview .gx-command-briefing-row small { color: rgba(190, 216, 235, .72); font-size: .64rem; line-height: 1.3; }
html.gx-classic-navigation-preview .gx-command-operation > b,
html.gx-classic-navigation-preview .gx-command-briefing-row > b { font-size: .66rem; font-weight: 800; }
html.gx-classic-navigation-preview .gx-command-operation-route { color: rgba(171, 216, 245, .86); font-family: 'Exo 2', Arial, sans-serif; font-size: .62rem; letter-spacing: .1px; }
html.gx-classic-navigation-preview .gx-command-performance-card small,
html.gx-classic-navigation-preview .gx-command-performance-card em { color: rgba(185, 211, 230, .7); font-size: .61rem; }

/* Commander V2 is mounted by the classic navigation script on testserver only. */
html.gx-classic-navigation-preview .gx-classic-nav-link.is-commander-v2,
html.gx-classic-navigation-preview .gx-classic-sidebar-link.is-commander-v2 {
  border-color: rgba(174, 111, 255, .25);
  background: linear-gradient(90deg, rgba(119, 61, 205, .17), rgba(18, 70, 116, .08));
  color: #e7d9ff;
}

html.gx-classic-navigation-preview .gx-classic-nav-link.is-commander-v2 i,
html.gx-classic-navigation-preview .gx-classic-sidebar-link.is-commander-v2 i { color: #b784ff; }

html.gx-classic-navigation-preview .gx-commander-v2-launchbar {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(190px, .72fr) minmax(230px, 1fr) minmax(330px, auto);
  align-items: center;
  gap: 14px;
  margin: 3px 0 14px;
  padding: 11px 12px;
  overflow: hidden;
  border: 1px solid rgba(157, 91, 255, .34);
  border-radius: 12px;
  box-sizing: border-box;
  background: linear-gradient(115deg, rgba(56, 20, 111, .78), rgba(8, 42, 80, .84) 52%, rgba(4, 20, 50, .9));
  box-shadow: inset 0 1px 0 rgba(222, 196, 255, .09), 0 0 28px rgba(118, 52, 213, .1);
}

html.gx-classic-navigation-preview .gx-commander-v2-loading,
html.gx-classic-navigation-preview .gx-commander-v2-identity,
html.gx-classic-navigation-preview .gx-commander-v2-progress { min-width: 0; }

html.gx-classic-navigation-preview .gx-commander-v2-loading {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #c9a8ff;
}

html.gx-classic-navigation-preview .gx-commander-v2-loading span,
html.gx-classic-navigation-preview .gx-commander-v2-loading strong,
html.gx-classic-navigation-preview .gx-commander-v2-loading small { display: block; min-width: 0; }
html.gx-classic-navigation-preview .gx-commander-v2-loading small { margin-top: 2px; color: rgba(203, 218, 238, .62); }

html.gx-classic-navigation-preview .gx-commander-v2-identity > span {
  display: flex;
  align-items: center;
  gap: 6px;
  overflow: hidden;
  color: #caa5ff;
  font: 800 .58rem/1 'Exo 2', Arial, sans-serif;
  letter-spacing: .9px;
  white-space: nowrap;
}

html.gx-classic-navigation-preview .gx-commander-v2-identity > span b {
  padding: 3px 5px;
  border: 1px solid rgba(255, 197, 73, .28);
  border-radius: 4px;
  color: #ffd878;
  font-size: .48rem;
}

html.gx-classic-navigation-preview .gx-commander-v2-identity > strong {
  min-width: 0;
  display: flex;
  align-items: baseline;
  gap: 7px;
  margin-top: 6px;
  overflow: hidden;
  color: #f4edff;
  font: 800 .82rem/1.1 'Exo 2', Arial, sans-serif;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.gx-classic-navigation-preview .gx-commander-v2-identity > strong em {
  flex: 0 0 auto;
  color: #76d8ff;
  font-size: .64rem;
  font-style: normal;
}

html.gx-classic-navigation-preview .gx-commander-v2-progress > span {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

html.gx-classic-navigation-preview .gx-commander-v2-progress > span small,
html.gx-classic-navigation-preview .gx-commander-v2-progress > span b,
html.gx-classic-navigation-preview .gx-commander-v2-progress > small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.gx-classic-navigation-preview .gx-commander-v2-progress > span small { color: rgba(199, 215, 235, .66); font-size: .57rem; }
html.gx-classic-navigation-preview .gx-commander-v2-progress > span b { color: #eaf7ff; font-size: .62rem; }
html.gx-classic-navigation-preview .gx-commander-v2-progress > div { height: 5px; margin: 5px 0 4px; overflow: hidden; border-radius: 10px; background: rgba(4, 14, 37, .8); }
html.gx-classic-navigation-preview .gx-commander-v2-progress > div i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #8b55ed, #38c8ff); box-shadow: 0 0 9px rgba(106, 116, 255, .42); transition: width .25s ease; }
html.gx-classic-navigation-preview .gx-commander-v2-progress > small { display: block; color: rgba(183, 207, 228, .58); font-size: .54rem; }

html.gx-classic-navigation-preview .gx-commander-v2-launchbar > nav {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

html.gx-classic-navigation-preview .gx-commander-v2-launchbar > nav a {
  position: relative;
  min-width: 0;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 6px 8px;
  overflow: hidden;
  border: 1px solid rgba(116, 176, 235, .22);
  border-radius: 7px;
  box-sizing: border-box;
  background: rgba(10, 42, 78, .62);
  color: #ddecfa;
  font: 700 .58rem/1 'Exo 2', Arial, sans-serif;
  text-decoration: none;
}

html.gx-classic-navigation-preview .gx-commander-v2-launchbar > nav a:hover { border-color: rgba(181, 117, 255, .48); background: rgba(74, 42, 127, .54); color: #fff; }
html.gx-classic-navigation-preview .gx-commander-v2-launchbar > nav a span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.gx-classic-navigation-preview .gx-commander-v2-launchbar > nav a i { flex: 0 0 auto; color: #b889ff; }
html.gx-classic-navigation-preview .gx-commander-v2-launchbar > nav a b { flex: 0 0 auto; min-width: 16px; padding: 2px 4px; border-radius: 9px; background: #ffba4d; color: #1d1530; font-size: .48rem; text-align: center; }

@media (max-width: 1180px) {
  html.gx-classic-navigation-preview .gx-commander-v2-launchbar { grid-template-columns: minmax(180px, .72fr) minmax(220px, 1fr); }
  html.gx-classic-navigation-preview .gx-commander-v2-launchbar > nav { grid-column: 1 / -1; }
}

@media (max-width: 640px) {
  html.gx-classic-navigation-preview .gx-commander-v2-launchbar { grid-template-columns: minmax(0, 1fr); gap: 9px; padding: 10px; }
  html.gx-classic-navigation-preview .gx-commander-v2-launchbar > nav { grid-column: auto; }
  html.gx-classic-navigation-preview .gx-commander-v2-launchbar > nav a { padding-inline: 5px; }
  html.gx-classic-navigation-preview .gx-commander-v2-launchbar > nav a span { font-size: .52rem; }
}

@media (max-width: 380px) {
  html.gx-classic-navigation-preview .gx-commander-v2-launchbar > nav a { flex-direction: column; gap: 3px; min-height: 45px; }
  html.gx-classic-navigation-preview .gx-commander-v2-launchbar > nav a b { position: absolute; top: 3px; right: 3px; }
}

/* Command hierarchy and touch-safe responsive overrides. */
@media (max-width: 1500px) and (min-width: 901px) {
  html.gx-classic-navigation-preview .gx-classic-priority-bar { grid-template-columns: minmax(170px,220px) minmax(0,1fr) auto 38px; }
}

@media (max-width: 900px) {
  html.gx-classic-navigation-preview .gx-classic-priority-bar { grid-template-columns: 32px minmax(0,1fr) 44px; }
  html.gx-classic-navigation-preview .gx-classic-priority-more { min-width:44px;padding:0 8px; }
  html.gx-classic-navigation-preview .gx-classic-priority-more span { display:none; }
  html.gx-classic-navigation-preview .gx-command-community-row { grid-template-columns:1fr; }
}

@media (max-width: 560px) {
  html.gx-classic-navigation-preview .gx-command-center-deck { grid-template-columns:1fr; }
  html.gx-classic-navigation-preview .gx-command-center-card { min-height:112px; }
}

/* Command-center priority zone: the social and event situation belongs directly
   below the global "Was ist jetzt wichtig?" rail. */
html.gx-classic-navigation-preview .gx-command-priority-zone {
  display: grid;
  gap: 10px;
  min-width: 0;
}

html.gx-classic-navigation-preview .gx-command-primary-flow {
  min-width: 0;
  display: grid;
  gap: 12px;
}

html.gx-classic-navigation-preview .gx-command-primary-flow > * { min-width: 0; }
html.gx-classic-navigation-preview .gx-command-primary-flow > .gx-command-chat-host { order: 1; }
html.gx-classic-navigation-preview .gx-command-primary-flow > .gx-command-events-priority { order: 2; }
html.gx-classic-navigation-preview .gx-command-primary-flow > .gx-command-booster-strip { order: 3; }
html.gx-classic-navigation-preview .gx-command-primary-flow > .gx-command-workspace { order: 4; }
html.gx-classic-navigation-preview .gx-command-primary-flow > .gx-command-clan-brief-host { order: 5; }
html.gx-classic-navigation-preview .gx-command-primary-flow > .gx-command-community-row { order: 6; }
html.gx-classic-navigation-preview .gx-command-community-row.is-shortcuts-only { grid-template-columns: minmax(0,1fr); }

html.gx-classic-navigation-preview #dashBoosterBar.gx-command-booster-strip {
  width: 100%;
  min-width: 0;
  margin: 0;
  border-color: rgba(245, 158, 11, .28);
  border-radius: 12px;
  background:
    radial-gradient(circle at 92% 0, rgba(245, 158, 11, .1), transparent 34%),
    linear-gradient(135deg, rgba(22, 14, 5, .94), rgba(3, 20, 43, .92));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 12px 28px rgba(0,0,0,.16);
}

html.gx-classic-navigation-preview #dashBoosterBar.gx-command-booster-strip .dash-active-bonuses-list {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 245px), 1fr));
}

html.gx-classic-navigation-preview #dashBoosterBar.gx-command-booster-strip [data-booster-countdown] {
  font-variant-numeric: tabular-nums;
}

html.gx-classic-navigation-preview .gx-command-clan-brief-host:empty { display: none; }
html.gx-classic-navigation-preview .gx-command-clan-brief-host .gx-clan-briefing { margin: 0 !important; }
html.gx-classic-navigation-preview .gx-command-clan-brief-host.is-ready { animation: gxCommandPriorityRise .34s cubic-bezier(.2,.8,.2,1) both; }
html.gx-classic-navigation-preview .gx-command-priority-zone > * {
  animation: gxCommandPriorityRise .34s cubic-bezier(.2,.8,.2,1) both;
}
html.gx-classic-navigation-preview .gx-command-priority-zone > *:nth-child(2) { animation-delay: .05s; }
html.gx-classic-navigation-preview .gx-command-priority-zone > *:nth-child(3) { animation-delay: .1s; }

@keyframes gxCommandPriorityRise {
  from { opacity: 0; transform: translateY(7px); }
  to { opacity: 1; transform: none; }
}

/* Desktop mega menus always show complete names and real live state. */
@media (min-width: 901px) {
  html.gx-classic-navigation-preview .gx-classic-center-panel {
    width: min(620px, calc(100vw - 28px));
  }
  html.gx-classic-navigation-preview .gx-classic-center[data-gx-classic-center="imperium"] .gx-classic-center-panel {
    width: min(760px, calc(100vw - 28px));
  }
  html.gx-classic-navigation-preview .gx-classic-nav-link {
    grid-template-columns: 20px minmax(0, 1fr) auto;
    min-height: 44px;
  }
  html.gx-classic-navigation-preview .gx-classic-nav-link span {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    line-height: 1.25;
  }
}

html.gx-classic-navigation-preview [data-gx-menu-status] {
  min-width: 44px;
  padding: 4px 6px;
  border: 1px solid rgba(91, 190, 255, .2);
  border-radius: 999px;
  background: rgba(34, 125, 190, .1);
  color: #8edcff;
  font: 800 .52rem/1 'Orbitron', sans-serif;
  font-variant-numeric: tabular-nums;
  letter-spacing: .25px;
  text-align: center;
  white-space: nowrap;
}
html.gx-classic-navigation-preview [data-gx-menu-status]:empty { display: none; }
html.gx-classic-navigation-preview .is-status-ok [data-gx-menu-status] { border-color: rgba(60, 211, 145, .24); background: rgba(21, 126, 82, .12); color: #69e6ae; }
html.gx-classic-navigation-preview .is-status-warn [data-gx-menu-status] { border-color: rgba(255, 184, 73, .3); background: rgba(151, 90, 12, .15); color: #ffd078; }
html.gx-classic-navigation-preview .is-status-danger [data-gx-menu-status] { border-color: rgba(255, 88, 110, .34); background: rgba(155, 24, 54, .16); color: #ff8a9b; }
html.gx-classic-navigation-preview .has-live-status [data-gx-menu-status] { animation: gxClassicMenuStatus 2.4s ease-in-out infinite; }

@keyframes gxClassicMenuStatus {
  0%, 100% { box-shadow: 0 0 0 rgba(83, 196, 255, 0); }
  50% { box-shadow: 0 0 12px rgba(83, 196, 255, .18); }
}

html.gx-classic-navigation-preview .gx-classic-center.is-open .gx-classic-nav-link {
  animation: gxClassicMenuLinkIn .24s cubic-bezier(.2,.8,.2,1) both;
}
html.gx-classic-navigation-preview .gx-classic-center.is-open .gx-classic-nav-link:nth-child(2) { animation-delay: .025s; }
html.gx-classic-navigation-preview .gx-classic-center.is-open .gx-classic-nav-link:nth-child(3) { animation-delay: .05s; }
html.gx-classic-navigation-preview .gx-classic-center.is-open .gx-classic-nav-link:nth-child(4) { animation-delay: .075s; }

@keyframes gxClassicMenuLinkIn {
  from { opacity: 0; transform: translateX(-5px); }
  to { opacity: 1; transform: none; }
}

@media (max-width: 900px) {
  html.gx-classic-navigation-preview .gx-command-priority-zone { gap: 8px; }
  html.gx-classic-navigation-preview [data-gx-menu-status] { min-width: 40px; }
}

/* Classic HUD: compact one-line priority rail. Controls remain inside the rail. */
html.gx-classic-navigation-preview .gx-classic-priority-bar {
  grid-template-columns: minmax(175px, 205px) minmax(0, 1fr);
  gap: 7px;
  margin: 7px 12px 0;
  padding: 5px 6px;
  overflow: hidden;
}

html.gx-classic-navigation-preview .gx-classic-priority-title {
  grid-template-columns: 28px minmax(0, 1fr) auto;
  gap: 7px;
}

html.gx-classic-navigation-preview .gx-classic-priority-title > i {
  width: 28px;
  height: 28px;
}

html.gx-classic-navigation-preview .gx-classic-priority-title small { display: none !important; }

html.gx-classic-navigation-preview .gx-classic-priority-content {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  gap: 4px;
  padding: 3px;
  border: 1px solid rgba(60, 177, 245, .13);
  border-radius: 8px;
  background: rgba(2, 12, 31, .48);
  overflow: hidden;
}

html.gx-classic-navigation-preview .gx-classic-priority-items {
  gap: 4px;
  overflow: hidden;
}

html.gx-classic-navigation-preview .gx-classic-priority-bar.has-restore .gx-classic-priority-items {
  margin-right: 0;
  padding-right: 0;
}

html.gx-classic-navigation-preview .gx-classic-priority-entry {
  position: relative;
  flex: 1 1 220px;
  min-width: 0;
  min-height: 32px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  overflow: hidden;
  border: 1px solid rgba(53, 185, 255, .16);
  border-radius: 7px;
  background: rgba(5, 23, 48, .72);
}

html.gx-classic-navigation-preview .gx-classic-priority-entry:has(.is-danger) { border-color: rgba(255, 72, 99, .48); background: rgba(83, 9, 28, .56); }
html.gx-classic-navigation-preview .gx-classic-priority-entry:has(.is-warn) { border-color: rgba(255, 178, 49, .42); background: rgba(69, 42, 3, .54); }
html.gx-classic-navigation-preview .gx-classic-priority-entry:has(.is-clan) { border-color: rgba(163, 91, 255, .38); background: rgba(46, 19, 83, .52); }
html.gx-classic-navigation-preview .gx-classic-priority-entry:has(.is-event) { border-color: rgba(38, 203, 186, .36); background: rgba(3, 57, 61, .5); }
html.gx-classic-navigation-preview .gx-classic-priority-entry:has(.is-success) { border-color: rgba(74, 222, 128, .3); background: rgba(7, 54, 31, .46); }

html.gx-classic-navigation-preview .gx-classic-priority-entry .gx-classic-priority-item {
  min-width: 0;
  min-height: 30px;
  height: auto;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  gap: 6px;
  padding: 3px 6px;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
}

html.gx-classic-navigation-preview .gx-classic-priority-item > i {
  width: 24px;
  height: 24px;
}

html.gx-classic-navigation-preview .gx-classic-priority-item small { display: none !important; }
html.gx-classic-navigation-preview .gx-classic-priority-item strong { font-size: .64rem; }
html.gx-classic-navigation-preview .gx-classic-priority-item > b { font-size: .55rem; }

html.gx-classic-navigation-preview .gx-classic-priority-actions {
  position: static;
  z-index: auto;
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 0 4px 0 2px;
  opacity: 1;
  pointer-events: auto;
  transform: none;
  border-left: 1px solid rgba(94, 181, 242, .1);
}

html.gx-classic-navigation-preview .gx-classic-priority-entry:hover .gx-classic-priority-item > b,
html.gx-classic-navigation-preview .gx-classic-priority-entry:focus-within .gx-classic-priority-item > b { opacity: 1; }

html.gx-classic-navigation-preview .gx-classic-priority-actions button {
  width: 21px;
  height: 21px;
  font-size: .5rem;
}

html.gx-classic-navigation-preview .gx-classic-priority-toolbar {
  display: flex;
  align-items: center;
  gap: 3px;
}

html.gx-classic-navigation-preview .gx-classic-priority-more {
  min-width: 0;
  min-height: 30px;
  height: 100%;
  padding: 0 8px;
  border-radius: 6px;
  font-size: .57rem;
}

html.gx-classic-navigation-preview .gx-classic-priority-restore {
  position: static;
  width: 28px;
  height: 30px;
}

html.gx-classic-navigation-preview .gx-classic-priority-refresh {
  width: 28px;
  height: 30px;
  border-radius: 6px;
}

html.gx-classic-navigation-preview .gx-classic-loading { min-height: 30px; }

html.gx-classic-navigation-preview .res-value[data-gx-resource-flow],
html.gx-classic-navigation-preview .mres-val {
  font-variant-numeric: tabular-nums;
  letter-spacing: -.01em;
  will-change: transform, opacity;
}

html.gx-classic-navigation-preview .res-value[data-gx-resource-flow="up"] { text-shadow: 0 0 8px rgba(65, 224, 168, .12); }
html.gx-classic-navigation-preview .res-value[data-gx-resource-flow="down"] { text-shadow: 0 0 8px rgba(255, 91, 112, .14); }

@media (max-width: 900px) {
  html.gx-classic-navigation-preview .gx-classic-priority-bar { grid-template-columns: 32px minmax(0, 1fr); margin-inline: 6px; }
  html.gx-classic-navigation-preview .gx-classic-priority-title { display: block; }
  html.gx-classic-navigation-preview .gx-classic-priority-title > span,
  html.gx-classic-navigation-preview .gx-classic-priority-title > b { display: none; }
  html.gx-classic-navigation-preview .gx-classic-priority-content { grid-template-columns: minmax(0, 1fr) auto; }
  html.gx-classic-navigation-preview .gx-classic-priority-items { overflow-x: auto; }
  html.gx-classic-navigation-preview .gx-classic-priority-entry { flex-basis: min(76vw, 300px); min-width: min(76vw, 300px); }
  html.gx-classic-navigation-preview .gx-classic-priority-more { width: 35px; padding: 0; }
  html.gx-classic-navigation-preview .gx-classic-priority-more span { display: none; }
  html.gx-classic-navigation-preview .gx-classic-priority-refresh { display: none; }
}