/* ASTERION premium HUD — modern dark sci-fi polish (functions unchanged) */

:root {
  --ast-hud-cyan: #5ec8ff;
  --ast-hud-cyan-dim: rgba(94, 200, 255, 0.35);
  --ast-hud-panel: rgba(6, 12, 24, 0.9);
  --ast-hud-edge: rgba(110, 190, 255, 0.42);
  --ast-hud-text: #e8f4ff;
  --ast-hud-muted: #8aa8c4;
}

/* Keep HUD crisp when world canvas dyn-scales */
#game .hud-profile-stack,
#game #do-slotbar,
#game #minimap-wrap,
#game #log-panel,
#game #chat-panel,
#game #perf-panel,
#game .feature-menu,
#game .top-bar,
#game .hud-utility {
  image-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: geometricPrecision;
}

#game .hud-win.hud-go {
  border-color: var(--ast-hud-edge);
  background:
    linear-gradient(165deg, rgba(18, 42, 72, 0.96) 0%, rgba(8, 16, 32, 0.98) 55%, rgba(4, 10, 20, 0.99) 100%);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.05) inset,
    0 0 18px rgba(40, 140, 220, 0.12),
    0 14px 32px rgba(0, 0, 0, 0.55);
}

#game .hud-win.hud-go .hud-win-head {
  background: linear-gradient(180deg, #3d88d0 0%, #1f5690 58%, #153a68 100%);
  border-bottom-color: rgba(180, 230, 255, 0.4);
}

#game .hud-win.hud-go .go-stat {
  background: rgba(4, 12, 26, 0.78);
  box-shadow:
    0 0 0 1px rgba(100, 180, 255, 0.14) inset,
    0 1px 0 rgba(255, 255, 255, 0.04) inset;
  transition: background 0.12s ease, box-shadow 0.12s ease;
}

#game .hud-win.hud-go .go-stat:hover {
  background: rgba(12, 28, 52, 0.88);
  box-shadow:
    0 0 0 1px rgba(120, 200, 255, 0.28) inset,
    0 0 10px rgba(60, 160, 255, 0.08);
}

#game .hud-win.hud-go .go-val {
  color: var(--ast-hud-text);
  letter-spacing: 0.2px;
}

/* Minimap chrome */
#game #minimap-wrap {
  border: 1px solid var(--ast-hud-edge) !important;
  border-radius: 10px;
  background: var(--ast-hud-panel);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.04) inset,
    0 10px 28px rgba(0, 0, 0, 0.5),
    0 0 16px rgba(40, 140, 220, 0.1);
  overflow: hidden;
}

#game #minimap-wrap .mini-head,
#game #minimap-wrap .mm-head {
  background: linear-gradient(180deg, rgba(40, 90, 150, 0.55), rgba(10, 24, 44, 0.85));
  border-bottom: 1px solid rgba(120, 190, 255, 0.25);
  color: var(--ast-hud-text);
  font-weight: 700;
  letter-spacing: 0.04em;
}

/* Chat / log panels */
#game #log-panel,
#game #chat-panel {
  border: 1px solid var(--ast-hud-edge) !important;
  border-radius: 10px;
  background: var(--ast-hud-panel) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.04) inset,
    0 12px 28px rgba(0, 0, 0, 0.48);
}

#game #log-panel .log-head,
#game #chat-panel .chat-head,
#game #log-panel .panel-head,
#game #chat-panel .panel-head {
  background: linear-gradient(180deg, rgba(36, 80, 130, 0.65), rgba(12, 28, 48, 0.9));
  border-bottom: 1px solid rgba(120, 190, 255, 0.28);
  color: #dff2ff;
  letter-spacing: 0.05em;
}

#game #chat-log,
#game #log-body {
  color: #d4e8f8;
  scrollbar-width: thin;
  scrollbar-color: rgba(80, 160, 220, 0.45) transparent;
}

/* Bottom ammo / slotbar */
#game #do-slotbar .do-wrap {
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.45));
}

#game #do-slotbar .do-bars {
  border-radius: 8px;
  box-shadow: 0 0 0 1px rgba(100, 180, 255, 0.22) inset;
}

#game #do-slotbar .do-menu-btn:hover,
#game #do-slotbar .do-cat:hover {
  filter: brightness(1.12);
}

/* Faction / top utility strip */
#game .faction-badge,
#game .hud-faction,
#game #faction-indicator {
  border: 1px solid var(--ast-hud-cyan-dim);
  border-radius: 8px;
  background: rgba(6, 14, 28, 0.88);
  box-shadow: 0 0 12px rgba(60, 160, 255, 0.12);
}

/* Inventory / windows sharing hud-win */
#game .hud-win:not(.hud-go) {
  border-color: rgba(100, 180, 255, 0.35);
  background: linear-gradient(168deg, rgba(14, 28, 48, 0.95), rgba(6, 12, 24, 0.98));
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.5);
}

@media (max-width: 1280px) {
  #game #minimap-wrap {
    border-radius: 8px;
  }
}