/* Classic DarkOrbit — Communication window · Mission Control (questWin) */
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/Roboto/Roboto-Regular.ttf) format("truetype");
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/Roboto/Roboto-Bold.ttf) format("truetype");
}
@font-face {
  font-family: EurostileT;
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/EurostileT/EurostileT-Regu.woff2) format("woff2");
}
@font-face {
  font-family: EurostileT;
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/EurostileT/EurostileT-Heav.woff2) format("woff2");
}

:root {
  --mc-gold: #ffcc00;
  --mc-cyan: #66ccff;
  --mc-cyan-dim: #5aa8c8;
  --mc-text: #e8eef4;
  --mc-muted: #9aa8b4;
  --mc-panel: #0a1016;
  --mc-inset: #121a22;
  --mc-border: #3a4a58;
  --mc-border-blue: #4a6a80;
}

/* —— Mini Missions HUD (HTML5, glass — replaces Flash tracker) —— */
#nyx-mc-hud.nyx-mc-hud-panel {
  display: none;
  position: relative;
  z-index: 2147483640;
  pointer-events: none;
}
#nyx-mc-hud.nyx-mc-hud-panel.visible {
  display: block;
  pointer-events: auto;
  visibility: visible;
}
.nyx-hud-shell {
  --su-cyan: #6ad4f5;
  --su-cyan-dim: rgba(106, 212, 245, 0.5);
  --su-ink: #f2f8ff;
  --su-muted: #9bb4c8;
  position: fixed;
  left: 280px;
  top: 48px;
  width: 380px;
  max-width: min(420px, calc(100vw - 20px));
  min-width: 320px;
  min-height: 260px;
  pointer-events: auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  contain: layout style;
  color: var(--su-ink);
  font-family: "Segoe UI", "Trebuchet MS", EurostileT, Arial, sans-serif;
  font-size: 12px;
  background:
    linear-gradient(165deg, rgba(18, 42, 64, 0.95) 0%, rgba(6, 14, 26, 0.93) 55%, rgba(3, 10, 18, 0.95) 100%);
  border: 1px solid var(--su-cyan-dim);
  border-radius: 2px;
  box-shadow:
    0 12px 32px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(160, 220, 255, 0.12),
    inset 0 0 0 1px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.nyx-hud-shell::before,
.nyx-hud-shell::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  pointer-events: none;
  z-index: 6;
  border-color: var(--su-cyan);
  border-style: solid;
}
.nyx-hud-shell::before {
  top: -1px;
  right: -1px;
  border-width: 2px 2px 0 0;
  clip-path: polygon(40% 0, 100% 0, 100% 60%);
}
.nyx-hud-shell::after {
  bottom: -1px;
  left: -1px;
  border-width: 0 0 2px 2px;
  clip-path: polygon(0 40%, 0 100%, 60% 100%);
}
.nyx-hud-header {
  position: relative;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 10px 9px 12px;
  min-height: 34px;
  cursor: grab;
  user-select: none;
  flex-shrink: 0;
  background:
    linear-gradient(90deg, rgba(60, 160, 210, 0.12) 0%, transparent 42%),
    linear-gradient(180deg, rgba(32, 72, 104, 0.98) 0%, rgba(12, 32, 50, 0.96) 100%);
  border-bottom: 1px solid rgba(106, 212, 245, 0.4);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.nyx-hud-header:active { cursor: grabbing; }
.nyx-hud-header::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(106, 212, 245, 0.65), transparent);
  pointer-events: none;
}
.nyx-hud-header-gem {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  border-radius: 3px;
  background:
    radial-gradient(circle at 40% 35%, rgba(255, 220, 120, 0.35), transparent 60%),
    linear-gradient(160deg, rgba(40, 100, 150, 0.9), rgba(10, 30, 50, 0.95));
  border: 1px solid rgba(106, 212, 245, 0.45);
  box-shadow: 0 0 8px rgba(106, 212, 245, 0.25);
  position: relative;
}
.nyx-hud-header-gem::before {
  content: "!";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font: 700 12px/1 EurostileT, "Segoe UI", sans-serif;
  color: #ffe08a;
  text-shadow: 0 0 6px rgba(255, 200, 80, 0.55);
}
.nyx-hud-header-title {
  flex: 1;
  min-width: 0;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0 1px 2px #000, 0 0 10px rgba(106, 212, 245, 0.35);
}
.nyx-hud-dots {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex: 1;
  min-width: 0;
  flex-wrap: wrap;
}
.nyx-hud-pager {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 8px 4px;
  border-bottom: 1px solid rgba(90, 160, 200, 0.18);
  background: rgba(0, 12, 24, 0.35);
}
.nyx-hud-pager[hidden] {
  display: none !important;
}
.nyx-hud-page-btn {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  padding: 0;
  border: 1px solid rgba(106, 212, 245, 0.45);
  border-radius: 2px;
  background: rgba(0, 20, 36, 0.55);
  color: #cfeeff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.nyx-hud-page-btn:hover:not(:disabled) {
  background: rgba(94, 200, 239, 0.25);
  border-color: #6ad4f5;
  color: #fff;
}
.nyx-hud-page-btn:disabled {
  opacity: 0.35;
  cursor: default;
}
.nyx-hud-page-label {
  flex-shrink: 0;
  min-width: 2.6em;
  text-align: center;
  font: 700 10px/1 EurostileT, "Segoe UI", sans-serif;
  letter-spacing: 0.04em;
  color: #9ec8e0;
  font-variant-numeric: tabular-nums;
}
.nyx-hud-dot {
  width: 10px;
  height: 10px;
  padding: 0;
  border: 1px solid rgba(106, 212, 245, 0.55);
  border-radius: 50%;
  background: rgba(0, 20, 36, 0.55);
  cursor: pointer;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.45);
}
.nyx-hud-dot:hover {
  border-color: #9fe6ff;
  background: rgba(94, 200, 239, 0.35);
}
.nyx-hud-dot.active {
  background: #6ad4f5;
  border-color: #dff6ff;
  box-shadow: 0 0 8px rgba(106, 212, 245, 0.65);
}
.nyx-hud-dot.is-ready {
  border-color: #7dffb0;
  box-shadow: 0 0 6px rgba(100, 220, 140, 0.45);
}
.nyx-hud-dot.is-ready.active {
  background: #5fd98a;
}
.nyx-hud-header-actions {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}
.nyx-hud-btn-ctrl {
  width: 22px;
  height: 20px;
  padding: 0;
  border: 1px solid rgba(106, 212, 245, 0.45);
  border-radius: 2px;
  background: rgba(0, 20, 36, 0.5);
  color: #cfeeff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.nyx-hud-btn-ctrl:hover {
  background: rgba(94, 200, 239, 0.22);
  color: #fff;
  border-color: #6ad4f5;
}
#nyx-mc-hud.nyx-hud-minimized .nyx-hud-body-wrap { display: none; }
#nyx-mc-hud.nyx-hud-minimized .nyx-hud-shell {
  width: auto;
  min-width: 160px;
  min-height: 0;
}
#nyx-mc-hud.nyx-hud-minimized .nyx-hud-header { border-bottom: none; }
#nyx-mc-hud.nyx-hud-minimized .nyx-hud-header::after { display: none; }
.nyx-hud-body-wrap {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 200px;
  background:
    radial-gradient(120% 80% at 50% 0%, rgba(40, 100, 140, 0.12), transparent 55%),
    rgba(0, 6, 14, 0.42);
}
.nyx-hud-tabs {
  display: flex;
  gap: 2px;
  padding: 6px 8px 0;
  border-bottom: 1px solid rgba(90, 160, 200, 0.22);
  background: rgba(0, 10, 20, 0.35);
  flex-shrink: 0;
}
.nyx-hud-tab {
  flex: 1;
  padding: 7px 4px 8px;
  border: none;
  border-radius: 3px 3px 0 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #7a9bb0;
  font: 700 10.5px/1 EurostileT, "Segoe UI", sans-serif;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  transition: color 0.15s, background 0.15s, border-color 0.15s;
}
.nyx-hud-tab:hover {
  color: #cfefff;
  background: rgba(60, 130, 180, 0.12);
}
.nyx-hud-tab.active {
  color: #e8f6ff;
  background: rgba(50, 120, 170, 0.22);
  border-bottom-color: #6ad4f5;
  text-shadow: 0 0 8px rgba(106, 212, 245, 0.35);
}
.nyx-hud-body {
  padding: 12px 14px 10px;
  flex: 1 1 auto;
  min-height: 140px;
  max-height: min(340px, 48vh);
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(74, 160, 200, 0.65) transparent;
}
.nyx-hud-body .hud-q-head {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0 0 12px;
}
.nyx-hud-body .hud-q-icon {
  width: 22px;
  height: 22px;
  margin-top: 1px;
  flex-shrink: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.nyx-hud-body .hud-q-icon.type-kill {
  background-image: url(/spacemap/ui/windows/ui-quest-window/quest_type_kill.png);
}
.nyx-hud-body .hud-q-icon.type-collect {
  background-image: url(/spacemap/ui/windows/ui-quest-window/quest_type_collect.png);
}
.nyx-hud-body .hud-q-icon.type-discovery {
  background-image: url(/spacemap/ui/windows/ui-quest-window/quest_type_discovery_framed.png);
}
.nyx-hud-body .hud-q-icon.type-time {
  background-image: url(/spacemap/ui/windows/ui-quest-window/quest_type_time_framed.png);
}
.nyx-hud-body .hud-q-title {
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.02em;
  margin: 0;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  min-width: 0;
  flex: 1;
  line-height: 1.3;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.nyx-hud-body .hud-desc {
  margin: 0;
  color: #c5d8e8;
  font-size: 11.5px;
  line-height: 1.45;
  white-space: pre-wrap;
}
.nyx-hud-body .hud-empty {
  margin: 18px 8px;
  text-align: center;
  color: var(--su-muted);
  font-size: 11.5px;
  line-height: 1.45;
}
.nyx-hud-body .hud-task-row {
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr) 40px minmax(11em, auto);
  align-items: center;
  gap: 8px;
  padding: 8px 4px;
  margin: 0;
  border-bottom: 1px solid rgba(80, 120, 150, 0.18);
  font-size: 12px;
  color: #e8f0f6;
}
.nyx-hud-body .hud-task-row:last-child {
  border-bottom: none;
}
.nyx-hud-body .hud-task-row.done {
  color: #8aa0b0;
  opacity: 0.82;
}
.nyx-hud-body .hud-task-sq {
  width: 10px;
  height: 10px;
  border-radius: 2px;
  background: rgba(120, 140, 160, 0.45);
  border: 1px solid rgba(180, 200, 220, 0.35);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.35);
}
.nyx-hud-body .hud-task-row.done .hud-task-sq {
  background: rgba(80, 160, 110, 0.55);
  border-color: rgba(140, 220, 160, 0.45);
}
.nyx-hud-body .hud-task-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  font-size: 0;
  line-height: 0;
  color: transparent;
}
.nyx-hud-body .hud-task-icon.type-kill,
.nyx-hud-body .hud-task-row.type-kill .hud-task-icon {
  background-image: url(/spacemap/ui/windows/ui-quest-window/quest_type_kill.png);
}
.nyx-hud-body .hud-task-icon.type-collect,
.nyx-hud-body .hud-task-icon.type-ore,
.nyx-hud-body .hud-task-row.type-collect .hud-task-icon {
  background-image: url(/spacemap/ui/windows/ui-quest-window/quest_type_collect.png);
}
.nyx-hud-body .hud-task-icon.type-discovery {
  background-image: url(/spacemap/ui/windows/ui-quest-window/quest_type_discovery_framed.png);
}
.nyx-hud-body .hud-task-icon.type-time {
  background-image: url(/spacemap/ui/windows/ui-quest-window/quest_type_time_framed.png);
}
.nyx-hud-body .hud-task-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nyx-hud-body .hud-prog {
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  color: #b8d4e8;
  white-space: nowrap;
}
.nyx-hud-body .hud-task-row.done .hud-prog {
  color: #7a92a4;
}
.nyx-hud-body .hud-task-row label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nyx-hud-body .hud-task-row .hud-prog {
  font: 600 10.5px/1 Consolas, "Courier New", monospace;
  color: #8ec4e0;
  flex-shrink: 0;
  font-variant-numeric: tabular-nums;
  min-width: 11em;
  text-align: right;
  white-space: nowrap;
}
.nyx-hud-body .hud-task-row.done .hud-prog { color: #6a9a78; }
.nyx-hud-body .nyx-hud-rewards {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 2px 0 4px;
}
.nyx-hud-body .nyx-mc-reward-row {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 7px 10px;
  margin: 0;
  border-radius: 3px;
  border: 1px solid rgba(90, 160, 200, 0.15);
  border-left: 2px solid rgba(106, 212, 245, 0.4);
  background: rgba(20, 50, 75, 0.28);
  font-size: 11.5px;
}
.nyx-hud-body .nyx-mc-reward-row .rw-icon-img,
.nyx-hud-body .nyx-mc-reward-row .rw-icon-fallback,
.nyx-hud-body .nyx-mc-reward-row .win-small-icon.rw-sprite {
  grid-column: 1;
  justify-self: center;
}
.nyx-hud-body .nyx-mc-reward-row .rw-icon-img {
  display: block;
  width: 20px;
  height: 20px;
  object-fit: contain;
  filter: drop-shadow(0 0 4px rgba(106, 212, 245, 0.25));
}
.nyx-hud-body .nyx-mc-reward-row .rw-icon-fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  background: rgba(40, 90, 130, 0.45);
  border: 1px solid rgba(106, 212, 245, 0.35);
  color: #ffd86a;
  font: 700 11px/1 EurostileT, "Segoe UI", sans-serif;
}
#nyx-mc-hud .win-small-icon.rw-sprite,
.nyx-hud-body .win-small-icon.rw-sprite {
  display: inline-block;
  width: 18px;
  height: 18px;
  min-width: 18px;
  background-image: url('/do_img/global/HTML5/UI/windows/window_icons_atlas.png?v=1');
  background-repeat: no-repeat;
  background-size: 108px 52px;
  image-rendering: auto;
}
#nyx-mc-hud .win-small-icon.shipInfoIcon_credits,
.nyx-hud-body .win-small-icon.shipInfoIcon_credits { background-position: 0 0; }
#nyx-mc-hud .win-small-icon.shipInfoIcon_uridium,
.nyx-hud-body .win-small-icon.shipInfoIcon_uridium { background-position: -54px 0; }
#nyx-mc-hud .win-small-icon.xp_small,
.nyx-hud-body .win-small-icon.xp_small {
  background-position: -36px 0;
  width: 18px;
  height: 18px;
}
#nyx-mc-hud .win-small-icon.shipInfoIcon_honor,
.nyx-hud-body .win-small-icon.shipInfoIcon_honor { background-position: -54px -18px; }
#nyx-mc-hud .win-small-icon.shipInfoIcon_bootykey,
.nyx-hud-body .win-small-icon.shipInfoIcon_bootykey { background-position: -18px -18px; }
.nyx-hud-body .nyx-mc-reward-row .rw-label {
  color: #cfe9ff;
  font-weight: 600;
  font-size: 11.5px;
  line-height: 1.25;
  min-width: 0;
  overflow: visible;
  text-overflow: unset;
  white-space: normal;
  word-break: break-word;
}
.nyx-hud-body .nyx-mc-reward-row .rw-amt {
  color: #fff;
  font: 700 12px/1.2 Consolas, "Courier New", monospace;
  font-variant-numeric: tabular-nums;
  text-shadow: 0 0 8px rgba(106, 212, 245, 0.25);
  white-space: nowrap;
  text-align: right;
  min-width: 4.5em;
  padding-left: 6px;
}
.nyx-hud-body .nyx-mc-reward-row .rw-amt--credits { color: #ffd86b; text-shadow: 0 0 8px rgba(255, 216, 107, 0.35); }
.nyx-hud-body .nyx-mc-reward-row .rw-amt--uridium { color: #7ee0ff; text-shadow: 0 0 8px rgba(126, 224, 255, 0.35); }
.nyx-hud-body .nyx-mc-reward-row .rw-amt--honor { color: #ffb878; text-shadow: 0 0 8px rgba(255, 184, 120, 0.3); }
.nyx-hud-body .nyx-mc-reward-row .rw-amt--xp { color: #9ef0a8; text-shadow: 0 0 8px rgba(158, 240, 168, 0.3); }
.nyx-hud-body .nyx-mc-reward-row .rw-amt--ammo { color: #ff9a7a; }
.nyx-hud-body .nyx-mc-reward-row .rw-amt--weapon { color: #c8b0ff; }
.nyx-hud-body .nyx-mc-reward-row .rw-amt--premium { color: #ffe08a; }
.nyx-hud-body .nyx-mc-reward-row.rw-kind-credits { border-left-color: rgba(255, 216, 107, 0.65); }
.nyx-hud-body .nyx-mc-reward-row.rw-kind-uridium { border-left-color: rgba(126, 224, 255, 0.65); }
.nyx-hud-body .nyx-mc-reward-row.rw-kind-honor { border-left-color: rgba(255, 184, 120, 0.65); }
.nyx-hud-body .nyx-mc-reward-row.rw-kind-experience { border-left-color: rgba(158, 240, 168, 0.65); }
.nyx-hud-body .nyx-mc-reward-row.rw-kind-ammo { border-left-color: rgba(255, 154, 122, 0.65); }
.nyx-hud-body .nyx-mc-reward-row.rarity-rare {
  border-left-color: rgba(100, 180, 255, 0.7);
}
.nyx-hud-body .nyx-mc-reward-row.rarity-epic {
  border-left-color: rgba(180, 120, 255, 0.75);
}
.nyx-hud-body .nyx-mc-reward-row.rarity-legendary {
  border-left-color: rgba(255, 200, 80, 0.8);
  background: linear-gradient(90deg, rgba(255, 200, 80, 0.1), transparent 70%);
}
.nyx-hud-abort {
  margin: 0;
  padding: 9px 12px;
  border: none;
  border-top: 1px solid rgba(106, 212, 245, 0.28);
  background: linear-gradient(180deg, rgba(40, 90, 130, 0.85), rgba(16, 40, 64, 0.95));
  color: #e8f6ff;
  font: 700 12px EurostileT, "Segoe UI", sans-serif;
  letter-spacing: 0.04em;
  cursor: pointer;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
  transition: background 0.15s, color 0.15s;
}
.nyx-hud-abort:hover {
  background: linear-gradient(180deg, rgba(55, 120, 170, 0.95), rgba(22, 55, 85, 0.98));
  color: #fff;
}
.nyx-hud-abort.is-claim {
  background: linear-gradient(180deg, rgba(40, 130, 90, 0.9), rgba(16, 70, 48, 0.95));
  border-top-color: rgba(100, 220, 150, 0.35);
}
.nyx-hud-abort.is-claim:hover {
  background: linear-gradient(180deg, rgba(50, 160, 110, 0.95), rgba(20, 90, 60, 0.98));
}

/* —— Overlay —— */
#nyx-mc-overlay {
  position: fixed;
  inset: 0;
  /* Above Flash Stage3D (wmode=direct) — same tier as map-pet-dock */
  z-index: 2147483000;
  display: none !important;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, .6);
  font-family: EurostileT, Roboto, Tahoma, sans-serif;
  pointer-events: none;
}
#nyx-mc-overlay.nyx-open {
  display: flex !important;
  pointer-events: auto;
}

#nyx-mc-shell {
  position: relative;
  width: 800px;
  height: 650px;
  max-width: calc(100vw - 20px);
  max-height: calc(100vh - 20px);
  padding: 0;
  filter: drop-shadow(0 10px 32px rgba(0, 0, 0, .9));
}

#nyx-mc-window.ui-quest-window,
#nyx-mc-window {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 30px 16px 12px;
  border-width: 25px;
  border-style: solid;
  border-image: url(/spacemap/ui/windows/ui-quest-window/background.png) 30 30 fill;
  display: flex;
  flex-direction: column;
  min-height: 0;
  color: var(--mc-text);
  background: #000;
}

.ui-quest-window__header,
.nyx-mc-titlebar {
  position: absolute;
  top: -22px;
  left: -11px;
  width: calc(100% - 60px);
  height: 22px;
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  background: none !important;
  border: none !important;
  cursor: grab;
  user-select: none;
  z-index: 5;
}
.nyx-mc-titlebar:active { cursor: grabbing; }
.ui-quest-window__header__title,
.nyx-mc-titlebar strong {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 1px 2px #000;
  letter-spacing: 0.15px;
}

.ui-quest-window__close,
.nyx-mc-close {
  position: absolute;
  top: -19px;
  right: -16px;
  width: 26px;
  height: 27px;
  padding: 0;
  border: none;
  background: url(/spacemap/ui/windows/ui-quest-window/close.png) center / cover no-repeat;
  color: transparent;
  font-size: 0;
  cursor: pointer;
  z-index: 6;
}
.ui-quest-window__close:hover,
.nyx-mc-close:hover {
  background-image: url(/spacemap/ui/windows/ui-quest-window/close-hover.png);
}

/* Category tabs — classic Flash bar */
.nyx-mc-tabs {
  display: flex;
  flex-shrink: 0;
  margin: 0 0 6px;
  padding: 0;
  height: 28px;
  background: linear-gradient(180deg, #2a323c 0%, #1a222a 100%);
  border: 1px solid #3a4650;
  border-bottom-color: #101418;
}
.nyx-mc-tab {
  position: relative;
  flex: 1;
  height: 100%;
  padding: 0 8px;
  font: 700 12px EurostileT, Tahoma, sans-serif;
  background: transparent;
  border: none;
  border-right: 1px solid #101418;
  color: #c8d0d8;
  cursor: pointer;
  text-shadow: 0 1px 1px #000;
}
.nyx-mc-tab:last-child { border-right: none; }
.nyx-mc-tab:hover {
  color: #fff;
  background:
    url(/spacemap/ui/windows/ui-quest-window/tab_rollover.png) center / 100% 100% no-repeat,
    rgba(255, 255, 255, .04);
}
.nyx-mc-tab.active {
  color: #fff;
  background:
    url(/spacemap/ui/windows/ui-quest-window/tab_selected.png) center / 100% 100% no-repeat,
    linear-gradient(180deg, #4a9ccc 0%, #2a6a94 55%, #1e5578 100%);
  box-shadow: inset 0 1px 0 rgba(180, 230, 255, .35), inset 0 -1px 0 rgba(0, 0, 0, .35);
  text-shadow: 0 1px 2px rgba(0, 0, 0, .65);
}
.nyx-mc-tab.active::before { display: none; }

.nyx-mc-body {
  flex: 1;
  display: grid;
  grid-template-columns: 248px 1fr;
  gap: 8px;
  min-height: 0;
  overflow: hidden;
}

/* Left column */
.nyx-mc-left {
  display: flex;
  flex-direction: column;
  min-height: 0;
  background: #05080c;
  border: 1px solid #2a3440;
}

.nyx-mc-portrait {
  position: relative;
  height: 168px;
  flex-shrink: 0;
  overflow: hidden;
  background:
    url(/spacemap/ui/windows/ui-quest-window/nyx_background.png) center / cover no-repeat,
    #000;
  border-bottom: 1px solid #2a3440;
}
.nyx-mc-portrait-frame {
  position: absolute;
  inset: 0;
  border: none;
  background: transparent;
  overflow: hidden;
}
.nyx-mc-portrait-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
}
.nyx-mc-portrait .nyx-name,
.nyx-mc-portrait .nyx-name-text {
  position: absolute;
  right: 8px;
  bottom: 6px;
  margin: 0;
  font: 700 18px EurostileT, Tahoma, sans-serif;
  color: var(--mc-cyan);
  text-shadow: 0 0 6px rgba(0, 180, 255, .55), 0 1px 2px #000;
  letter-spacing: 1px;
  pointer-events: none;
  background: none;
  width: auto;
  height: auto;
}

.nyx-mc-filters {
  display: flex;
  gap: 3px;
  flex-shrink: 0;
  padding: 5px 6px 5px;
  background: linear-gradient(180deg, #2a2e34 0%, #1a1e24 100%);
  border-bottom: 1px solid #0a0c10;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), inset 0 -1px 0 rgba(0, 0, 0, .45);
}
.nyx-mc-filter {
  position: relative;
  width: 30px;
  height: 26px;
  padding: 0;
  border: 1px solid #0d1014;
  border-radius: 3px;
  background:
    linear-gradient(180deg, #3a4048 0%, #22262c 48%, #161a1e 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .1),
    inset 0 -1px 0 rgba(0, 0, 0, .55),
    0 1px 1px rgba(0, 0, 0, .35);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.nyx-mc-filter:hover {
  border-color: #4a5058;
  background: linear-gradient(180deg, #464c54 0%, #2a2e34 50%, #1c2026 100%);
}
.nyx-mc-filter.active {
  border-color: #a87810;
  background:
    radial-gradient(ellipse at 50% 40%, #ffe060 0%, #f0b018 42%, #c87800 78%, #8a5000 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 240, 160, .55),
    inset 0 -1px 0 rgba(80, 40, 0, .45),
    0 0 8px rgba(255, 180, 0, .45);
}
.nyx-mc-filter-ico {
  display: block;
  width: 14px;
  height: 14px;
  background-color: #0a0c10;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  pointer-events: none;
}
.nyx-mc-filter.active .nyx-mc-filter-ico {
  background-color: #fff4a0;
  filter: drop-shadow(0 0 2px rgba(255, 220, 80, .85));
}
.nyx-mc-filter-ico.ico-available {
  -webkit-mask-image: url(/spacemap/ui/windows/ui-quest-window/filter_ico_available.svg);
  mask-image: url(/spacemap/ui/windows/ui-quest-window/filter_ico_available.svg);
}
.nyx-mc-filter-ico.ico-locked {
  -webkit-mask-image: url(/spacemap/ui/windows/ui-quest-window/filter_ico_locked.svg);
  mask-image: url(/spacemap/ui/windows/ui-quest-window/filter_ico_locked.svg);
}
.nyx-mc-filter-ico.ico-completed {
  -webkit-mask-image: url(/spacemap/ui/windows/ui-quest-window/filter_ico_completed.svg);
  mask-image: url(/spacemap/ui/windows/ui-quest-window/filter_ico_completed.svg);
}
.nyx-mc-filter-ico.ico-sort {
  width: 16px;
  height: 14px;
  display: inline-flex;
  gap: 1px;
  align-items: center;
  justify-content: center;
  background: none;
  -webkit-mask-image: none;
  mask-image: none;
  filter: none;
}
.nyx-mc-filter-ico.ico-sort .arr-up,
.nyx-mc-filter-ico.ico-sort .arr-down {
  display: block;
  width: 7px;
  height: 13px;
  background-color: #0a0c10;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.nyx-mc-filter-ico.ico-sort .arr-up {
  -webkit-mask-image: url(/spacemap/ui/windows/ui-quest-window/filter_ico_arrow_up.svg);
  mask-image: url(/spacemap/ui/windows/ui-quest-window/filter_ico_arrow_up.svg);
}
.nyx-mc-filter-ico.ico-sort .arr-down {
  -webkit-mask-image: url(/spacemap/ui/windows/ui-quest-window/filter_ico_arrow_down.svg);
  mask-image: url(/spacemap/ui/windows/ui-quest-window/filter_ico_arrow_down.svg);
}
.nyx-mc-filter.active .nyx-mc-filter-ico.ico-sort .arr-up {
  background-color: #6a5a30;
  filter: none;
}
.nyx-mc-filter.active .nyx-mc-filter-ico.ico-sort .arr-down {
  background-color: #fff4a0;
  filter: drop-shadow(0 0 2px rgba(255, 220, 80, .85));
}
/* legacy background-image rules removed — icons via .nyx-mc-filter-ico */

.nyx-mc-list {
  flex: 1;
  overflow-y: auto;
  padding: 2px 0 4px;
  min-height: 0;
  background: #080c10;
}
.nyx-mc-list-empty {
  padding: 12px 10px;
  font-size: 11px;
  color: #7a8898;
  line-height: 1.4;
}
.nyx-mc-list-item {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 1px 3px;
  min-height: 28px;
  padding: 4px 8px 4px 6px;
  border: 1px solid transparent;
  cursor: pointer;
  background: url(/spacemap/ui/windows/ui-quest-window/quest_list_item_normal.png) center / 100% 100% no-repeat;
}
.nyx-mc-list-item:hover {
  background-image: url(/spacemap/ui/windows/ui-quest-window/quest_list_item_rollover.png);
}
.nyx-mc-list-item.active {
  background-image: url(/spacemap/ui/windows/ui-quest-window/quest_list_item_selected.png);
  border-color: rgba(80, 120, 160, .45);
}
.nyx-mc-list-item.in-progress:not(.active) {
  background-image: url(/spacemap/ui/windows/ui-quest-window/quest_list_item_in_progress.png);
}
.nyx-mc-list-item.completed:not(.active) {
  background-image: url(/spacemap/ui/windows/ui-quest-window/quest_list_item_completed.png);
  opacity: 1;
  filter: none;
  border-color: rgba(70, 200, 110, .35);
  box-shadow: inset 3px 0 0 #46ff79;
}
.nyx-mc-list-item.completed.active {
  opacity: 1;
  filter: none;
  border-color: rgba(70, 255, 121, .55);
  box-shadow:
    inset 3px 0 0 #46ff79,
    0 0 10px rgba(70, 255, 121, .22);
}
.nyx-mc-list-item.completed .nyx-mc-list-title,
.nyx-mc-list-item.ready .nyx-mc-list-title {
  color: #dfffe8;
  text-shadow: 0 0 6px rgba(70, 255, 121, .25);
}
.nyx-mc-list-item.completed.active .nyx-mc-list-title {
  color: var(--mc-gold);
  text-shadow: 0 0 4px rgba(255, 180, 0, .35);
}
.nyx-mc-list-item.completed .nyx-mc-list-icon {
  filter: none;
  opacity: 1;
}
.nyx-mc-list-icon.type-completed {
  background-image: url(/spacemap/ui/windows/ui-quest-window/icon_completed.png);
  width: 18px;
  height: 18px;
  filter: drop-shadow(0 0 4px rgba(70, 255, 121, .75));
}
.nyx-mc-ready-badge {
  display: inline-flex !important;
  flex-shrink: 0;
  align-self: center;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  padding: 2px 6px;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #0a1a10;
  background: linear-gradient(180deg, #7dffb0 0%, #2ecc71 55%, #1e9a4a 100%);
  border: 1px solid rgba(180, 255, 200, .65);
  border-radius: 2px;
  box-shadow: 0 0 8px rgba(70, 255, 121, .4);
  text-shadow: none;
}
.nyx-mc-ready-badge.is-claim {
  color: #102010;
  background: linear-gradient(180deg, #ffe080 0%, #f0b020 50%, #c87800 100%);
  border-color: rgba(255, 230, 140, .7);
  box-shadow: 0 0 8px rgba(255, 180, 0, .45);
  animation: nyx-claim-pulse 1.4s ease-in-out infinite;
}
@keyframes nyx-claim-pulse {
  0%, 100% { box-shadow: 0 0 6px rgba(255, 180, 0, .35); }
  50% { box-shadow: 0 0 12px rgba(255, 200, 60, .7); }
}
.nyx-mc-list-sub.nyx-mc-ready-sub {
  color: #46ff79;
  font-weight: 700;
  text-shadow: 0 0 5px rgba(0, 80, 30, .55);
}
.nyx-mc-level-req.nyx-mc-level-ready {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 10px;
  padding: 7px 10px;
  font-size: 13px;
  font-weight: 700;
  color: #dfffe8;
  background: linear-gradient(90deg, rgba(30, 120, 60, .45), rgba(20, 60, 40, .2));
  border: 1px solid rgba(70, 255, 121, .45);
  box-shadow: inset 0 0 12px rgba(70, 255, 121, .12);
  text-shadow: 0 0 6px rgba(70, 255, 121, .35);
}
.nyx-mc-level-req.nyx-mc-level-ready.is-done {
  color: #c8d8c8;
  border-color: rgba(120, 160, 130, .4);
  background: linear-gradient(90deg, rgba(40, 60, 48, .4), transparent);
  box-shadow: none;
}
.nyx-mc-done-mark {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background: url(/spacemap/ui/windows/ui-quest-window/icon_completed.png) center / contain no-repeat;
  filter: drop-shadow(0 0 4px rgba(70, 255, 121, .8));
}
.nyx-lvl-badge {
  display: none !important;
}
.nyx-mc-list-item.locked {
  background-image: url(/spacemap/ui/windows/ui-quest-window/quest_list_item_locked.png);
  opacity: .85;
}
.nyx-mc-list-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.nyx-mc-list-icon.type-kill {
  background-image: url(/spacemap/ui/windows/ui-quest-window/quest_type_kill.png);
}
.nyx-mc-list-icon.type-collect {
  background-image: url(/spacemap/ui/windows/ui-quest-window/quest_type_collect.png);
}
.nyx-mc-list-icon.type-discovery {
  background-image: url(/spacemap/ui/windows/ui-quest-window/quest_type_discovery_framed.png);
}
.nyx-mc-list-icon.type-time {
  background-image: url(/spacemap/ui/windows/ui-quest-window/quest_type_time_framed.png);
}
.nyx-mc-list-text { flex: 1; min-width: 0; }
.nyx-mc-list-title {
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 0 1px 1px #000;
}
.nyx-mc-list-item.active .nyx-mc-list-title {
  color: var(--mc-gold);
  text-shadow: 0 0 4px rgba(255, 180, 0, .35);
}
.nyx-mc-list-item.in-progress:not(.active) .nyx-mc-list-title {
  color: #fff;
}
.nyx-mc-list-item.locked .nyx-mc-list-title {
  color: #e07070;
}
.nyx-mc-list-sub {
  display: block;
  font-size: 10px;
  color: #8aa0b0;
  margin-top: 1px;
  line-height: 1.2;
}
.nyx-mc-list-sub.nyx-req-lvl {
  color: #e8a040;
  font-weight: 700;
}
.nyx-lvl-badge {
  flex-shrink: 0;
  align-self: center;
  padding: 1px 5px;
  font-size: 10px;
  font-weight: 700;
  border: 1px solid rgba(100, 160, 200, .45);
  background: rgba(16, 28, 40, .7);
  color: var(--mc-cyan);
  white-space: nowrap;
}
.nyx-lvl-badge.locked {
  border-color: rgba(220, 80, 80, .55);
  background: rgba(48, 16, 16, .65);
  color: #ff8a8a;
}
.nyx-lvl-badge.ok {
  border-color: rgba(80, 180, 120, .4);
  background: rgba(16, 48, 28, .5);
  color: #90d8a8;
}
.nyx-mc-list-item .gem { display: none; }

.nyx-mc-level-req {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 700;
  color: var(--mc-cyan);
}
.nyx-mc-level-req.locked {
  color: #ff8a8a;
}

/* Right column */
.nyx-mc-right {
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  padding: 4px 6px 4px 4px;
  background: rgba(0, 0, 0, .25);
  border: 1px solid #2a3440;
}
.nyx-mc-right-head { flex-shrink: 0; }
.nyx-mc-quest-title {
  margin: 2px 0 6px;
  font-size: 20px;
  font-weight: 700;
  color: var(--mc-gold);
  text-shadow: 0 0 6px rgba(247, 139, 57, .4);
  line-height: 1.15;
}
.nyx-mc-subtitle {
  margin: 0 0 6px;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  line-height: 1.3;
}
.nyx-mc-head-meta { display: none !important; }
.nyx-mc-desc {
  margin: 0 0 10px;
  font-size: 12px;
  line-height: 1.45;
  color: #fff;
  flex-shrink: 0;
  max-height: 7.2em;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 4px;
  scrollbar-width: thin;
  scrollbar-color: rgba(90, 120, 150, .7) transparent;
}
.nyx-mc-requirements { display: none !important; }
.nyx-mc-detail-tabs { display: none !important; }

.nyx-mc-detail-body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding-right: 4px;
}
.nyx-mc-pane[hidden] { display: block !important; }
.nyx-mc-pane { display: block; margin-bottom: 14px; }

.nyx-mc-section-title {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 6px;
  font-size: 14px;
  font-weight: 700;
  color: var(--mc-gold);
  letter-spacing: .2px;
}
.nyx-mc-section-title .nyx-sec-ico {
  margin-left: auto;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: .95;
}
.nyx-mc-section-title .nyx-sec-ico.type-kill {
  background-image: url(/spacemap/ui/windows/ui-quest-window/quest_type_kill.png);
}
.nyx-mc-section-title .nyx-sec-ico.type-collect {
  background-image: url(/spacemap/ui/windows/ui-quest-window/quest_type_collect.png);
}
.nyx-mc-section-title .nyx-sec-ico.type-discovery {
  background-image: url(/spacemap/ui/windows/ui-quest-window/quest_type_discovery_framed.png);
}
.nyx-mc-section-title .nyx-sec-ico.type-time {
  background-image: url(/spacemap/ui/windows/ui-quest-window/quest_type_time_framed.png);
}
.nyx-mc-overview-hint { display: none !important; }

.nyx-mc-box {
  background:
    url(/spacemap/ui/windows/ui-quest-window/content_bg.png) center / cover no-repeat,
    var(--mc-inset);
  border: 1px solid var(--mc-border-blue);
  box-shadow: inset 0 0 12px rgba(0, 0, 0, .55);
  padding: 6px 8px;
  min-height: 72px;
  max-height: 160px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(90, 120, 150, .7) transparent;
}

.nyx-mc-tasks {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.nyx-mc-task {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 26px;
  padding: 3px 4px;
  font-size: 12px;
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(60, 80, 100, .35);
}
.nyx-mc-task:last-child { border-bottom: none; }
.nyx-mc-task.done { opacity: 1; }
.nyx-mc-task.missing { opacity: 1; }
.nyx-mc-task-bullet {
  width: 8px;
  height: 8px;
  flex-shrink: 0;
  border-radius: 1px;
  background: #3aa0d8;
  box-shadow: 0 0 4px rgba(58, 160, 216, .55);
}
.nyx-mc-task.done .nyx-mc-task-bullet {
  background: #46ff79;
  box-shadow: 0 0 4px rgba(70, 255, 121, .45);
}
.nyx-mc-task .chk { display: none; }
.nyx-mc-task .task-target,
.nyx-hud-body .task-target {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  order: 3;
  object-fit: contain;
  object-position: center;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.nyx-mc-task img.task-target,
.nyx-hud-body img.task-target {
  width: 36px;
  height: 36px;
}
.nyx-mc-task .task-target.task-icon,
.nyx-hud-body .task-target.task-icon {
  width: 18px;
  height: 18px;
}
.nyx-mc-task .task-icon,
.nyx-hud-body .task-icon {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 0;
  border: none;
  background-color: transparent;
}
.nyx-mc-task.type-kill .task-icon,
.nyx-hud-body .type-kill .task-icon {
  background-image: url(/spacemap/ui/windows/ui-quest-window/quest_type_kill.png);
}
.nyx-mc-task.type-collect .task-icon,
.nyx-hud-body .type-collect .task-icon {
  background-image: url(/spacemap/ui/windows/ui-quest-window/quest_type_collect.png);
}
.nyx-mc-task.type-damage .task-icon,
.nyx-hud-body .type-damage .task-icon {
  background-image: url(/spacemap/ui/windows/ui-quest-window/quest_type_kill.png);
}
.nyx-mc-task.type-pvp .task-icon,
.nyx-hud-body .type-pvp .task-icon {
  background-image: url(/spacemap/ui/windows/ui-quest-window/quest_type_kill.png);
}
.nyx-mc-task.type-discovery .task-icon {
  background-image: url(/spacemap/ui/windows/ui-quest-window/quest_type_discovery_framed.png);
}
.nyx-mc-task.type-time .task-icon {
  background-image: url(/spacemap/ui/windows/ui-quest-window/quest_type_time_framed.png);
}

/* NPC célikonok — ugyanaz az atlas, mint a HTML5 client (20px cella, 41px lépés) */
.nyx-mc-task .npc-icon,
.nyx-hud-body .npc-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(/do_img/global/HTML5/UI/icons/npc_icons_atlas.png);
  background-repeat: no-repeat;
  background-size: 656px 205px;
  vertical-align: middle;
  flex: 0 0 20px;
}
.nyx-mc-task .npc-icon.npc-11,.nyx-hud-body .npc-icon.npc-11{background-position:-0px -0px;}
.nyx-mc-task .npc-icon.npc-23,.nyx-hud-body .npc-icon.npc-23{background-position:-41px -0px;}
.nyx-mc-task .npc-icon.npc-24,.nyx-hud-body .npc-icon.npc-24{background-position:-82px -0px;}
.nyx-mc-task .npc-icon.npc-25,.nyx-hud-body .npc-icon.npc-25{background-position:-123px -0px;}
.nyx-mc-task .npc-icon.npc-26,.nyx-hud-body .npc-icon.npc-26{background-position:-164px -0px;}
.nyx-mc-task .npc-icon.npc-27,.nyx-hud-body .npc-icon.npc-27{background-position:-205px -0px;}
.nyx-mc-task .npc-icon.npc-28,.nyx-hud-body .npc-icon.npc-28{background-position:-246px -0px;}
.nyx-mc-task .npc-icon.npc-29,.nyx-hud-body .npc-icon.npc-29{background-position:-287px -0px;}
.nyx-mc-task .npc-icon.npc-31,.nyx-hud-body .npc-icon.npc-31{background-position:-328px -0px;}
.nyx-mc-task .npc-icon.npc-33,.nyx-hud-body .npc-icon.npc-33{background-position:-369px -0px;}
.nyx-mc-task .npc-icon.npc-34,.nyx-hud-body .npc-icon.npc-34{background-position:-410px -0px;}
.nyx-mc-task .npc-icon.npc-35,.nyx-hud-body .npc-icon.npc-35{background-position:-451px -0px;}
.nyx-mc-task .npc-icon.npc-36,.nyx-hud-body .npc-icon.npc-36{background-position:-492px -0px;}
.nyx-mc-task .npc-icon.npc-37,.nyx-hud-body .npc-icon.npc-37{background-position:-533px -0px;}
.nyx-mc-task .npc-icon.npc-38,.nyx-hud-body .npc-icon.npc-38{background-position:-574px -0px;}
.nyx-mc-task .npc-icon.npc-39,.nyx-hud-body .npc-icon.npc-39{background-position:-615px -0px;}
.nyx-mc-task .npc-icon.npc-40,.nyx-hud-body .npc-icon.npc-40{background-position:-0px -41px;}
.nyx-mc-task .npc-icon.npc-41,.nyx-hud-body .npc-icon.npc-41{background-position:-41px -41px;}
.nyx-mc-task .npc-icon.npc-42,.nyx-hud-body .npc-icon.npc-42{background-position:-82px -41px;}
.nyx-mc-task .npc-icon.npc-43,.nyx-hud-body .npc-icon.npc-43{background-position:-123px -41px;}
.nyx-mc-task .npc-icon.npc-44,.nyx-hud-body .npc-icon.npc-44{background-position:-164px -41px;}
.nyx-mc-task .npc-icon.npc-45,.nyx-hud-body .npc-icon.npc-45{background-position:-205px -41px;}
.nyx-mc-task .npc-icon.npc-46,.nyx-hud-body .npc-icon.npc-46{background-position:-246px -41px;}
.nyx-mc-task .npc-icon.npc-47,.nyx-hud-body .npc-icon.npc-47{background-position:-287px -41px;}
.nyx-mc-task .npc-icon.npc-71,.nyx-hud-body .npc-icon.npc-71{background-position:-328px -41px;}
.nyx-mc-task .npc-icon.npc-72,.nyx-hud-body .npc-icon.npc-72{background-position:-369px -41px;}
.nyx-mc-task .npc-icon.npc-73,.nyx-hud-body .npc-icon.npc-73{background-position:-410px -41px;}
.nyx-mc-task .npc-icon.npc-74,.nyx-hud-body .npc-icon.npc-74{background-position:-451px -41px;}
.nyx-mc-task .npc-icon.npc-75,.nyx-hud-body .npc-icon.npc-75{background-position:-492px -41px;}
.nyx-mc-task .npc-icon.npc-76,.nyx-hud-body .npc-icon.npc-76{background-position:-533px -41px;}
.nyx-mc-task .npc-icon.npc-77,.nyx-hud-body .npc-icon.npc-77{background-position:-574px -41px;}
.nyx-mc-task .npc-icon.npc-78,.nyx-hud-body .npc-icon.npc-78{background-position:-615px -41px;}
.nyx-mc-task .npc-icon.npc-79,.nyx-hud-body .npc-icon.npc-79{background-position:-0px -82px;}
.nyx-mc-task .npc-icon.npc-80,.nyx-hud-body .npc-icon.npc-80{background-position:-41px -82px;}
.nyx-mc-task .npc-icon.npc-81,.nyx-hud-body .npc-icon.npc-81{background-position:-82px -82px;}
.nyx-mc-task .npc-icon.npc-82,.nyx-hud-body .npc-icon.npc-82{background-position:-123px -82px;}
.nyx-mc-task .npc-icon.npc-83,.nyx-hud-body .npc-icon.npc-83{background-position:-164px -82px;}
.nyx-mc-task .npc-icon.npc-84,.nyx-hud-body .npc-icon.npc-84{background-position:-205px -82px;}
.nyx-mc-task .npc-icon.npc-85,.nyx-hud-body .npc-icon.npc-85{background-position:-246px -82px;}
.nyx-mc-task .npc-icon.npc-90,.nyx-hud-body .npc-icon.npc-90{background-position:-287px -82px;}
.nyx-mc-task .npc-icon.npc-91,.nyx-hud-body .npc-icon.npc-91{background-position:-328px -82px;}
.nyx-mc-task .npc-icon.npc-92,.nyx-hud-body .npc-icon.npc-92{background-position:-369px -82px;}
.nyx-mc-task .npc-icon.npc-93,.nyx-hud-body .npc-icon.npc-93{background-position:-410px -82px;}
.nyx-mc-task .npc-icon.npc-94,.nyx-hud-body .npc-icon.npc-94{background-position:-451px -82px;}
.nyx-mc-task .npc-icon.npc-95,.nyx-hud-body .npc-icon.npc-95{background-position:-492px -82px;}
.nyx-mc-task .npc-icon.npc-96,.nyx-hud-body .npc-icon.npc-96{background-position:-533px -82px;}
.nyx-mc-task .npc-icon.npc-97,.nyx-hud-body .npc-icon.npc-97{background-position:-574px -82px;}
.nyx-mc-task .npc-icon.npc-100,.nyx-hud-body .npc-icon.npc-100{background-position:-615px -82px;}
.nyx-mc-task .npc-icon.npc-101,.nyx-hud-body .npc-icon.npc-101{background-position:-0px -123px;}
.nyx-mc-task .npc-icon.npc-102,.nyx-hud-body .npc-icon.npc-102{background-position:-41px -123px;}
.nyx-mc-task .npc-icon.npc-103,.nyx-hud-body .npc-icon.npc-103{background-position:-82px -123px;}
.nyx-mc-task .npc-icon.npc-105,.nyx-hud-body .npc-icon.npc-105{background-position:-123px -123px;}
.nyx-mc-task .npc-icon.npc-106,.nyx-hud-body .npc-icon.npc-106{background-position:-164px -123px;}
.nyx-mc-task .npc-icon.npc-107,.nyx-hud-body .npc-icon.npc-107{background-position:-205px -123px;}
.nyx-mc-task .npc-icon.npc-111,.nyx-hud-body .npc-icon.npc-111{background-position:-246px -123px;}
.nyx-mc-task .npc-icon.npc-112,.nyx-hud-body .npc-icon.npc-112{background-position:-287px -123px;}
.nyx-mc-task .npc-icon.npc-113,.nyx-hud-body .npc-icon.npc-113{background-position:-328px -123px;}
.nyx-mc-task .npc-icon.npc-114,.nyx-hud-body .npc-icon.npc-114{background-position:-369px -123px;}
.nyx-mc-task .npc-icon.npc-115,.nyx-hud-body .npc-icon.npc-115{background-position:-410px -123px;}
.nyx-mc-task .npc-icon.npc-116,.nyx-hud-body .npc-icon.npc-116{background-position:-451px -123px;}
.nyx-mc-task .npc-icon.npc-117,.nyx-hud-body .npc-icon.npc-117{background-position:-492px -123px;}
.nyx-mc-task .npc-icon.npc-118,.nyx-hud-body .npc-icon.npc-118{background-position:-533px -123px;}
.nyx-mc-task .npc-icon.npc-122,.nyx-hud-body .npc-icon.npc-122{background-position:-574px -123px;}
.nyx-mc-task .npc-icon.npc-123,.nyx-hud-body .npc-icon.npc-123{background-position:-615px -123px;}
.nyx-mc-task .npc-icon.npc-124,.nyx-hud-body .npc-icon.npc-124{background-position:-0px -164px;}
.nyx-mc-task .npc-icon.npc-126,.nyx-hud-body .npc-icon.npc-126{background-position:-41px -164px;}
.nyx-mc-task .npc-icon.npc-127,.nyx-hud-body .npc-icon.npc-127{background-position:-82px -164px;}
.nyx-mc-task .npc-icon.npc-190,.nyx-hud-body .npc-icon.npc-190{background-position:-82px -82px;}
.nyx-mc-task .npc-icon.npc-fallback,.nyx-hud-body .npc-icon.npc-fallback{background-position:-123px -164px;}
.nyx-mc-task label {
  flex: 1;
  min-width: 0;
  order: 2;
  color: #fff;
  font-weight: 600;
}
.nyx-mc-task.done label {
  color: #46ff79;
  text-shadow: 0 0 5px rgba(0, 61, 18, .8);
}
.nyx-mc-task .prog {
  flex-shrink: 0;
  order: 4;
  margin-left: auto;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  font-variant-numeric: tabular-nums;
}
.nyx-mc-task .prog-cur {
  color: #46ff79;
  text-shadow: 0 0 5px rgba(0, 61, 18, .8);
}
.nyx-mc-task .prog-sep {
  color: #8a98a8;
  margin: 0 1px;
}
.nyx-mc-task .prog-need {
  color: #ff6b6b;
  text-shadow: 0 0 5px rgba(80, 0, 0, .55);
}
/* Kész feladat: mindkét szám zöld */
.nyx-mc-task.done .prog-cur,
.nyx-mc-task.done .prog-sep,
.nyx-mc-task.done .prog-need {
  color: #46ff79;
  text-shadow: 0 0 5px rgba(0, 61, 18, .8);
}

.nyx-mc-rewards {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.nyx-mc-reward-row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 26px;
  padding: 4px 6px;
  border-bottom: 1px solid rgba(60, 80, 100, .4);
  font-size: 12px;
  background: transparent;
  border-left: none;
  border-right: none;
  border-top: none;
}
.nyx-mc-reward-row:last-child { border-bottom: none; }
.nyx-mc-reward-row img,
.nyx-mc-reward-row .rw-icon-fallback { display: none; }
.nyx-mc-reward-row .rw-label {
  flex: 1;
  color: #fff;
  font-weight: 700;
}
.nyx-mc-reward-row .rw-amt {
  color: #fff;
  font-weight: 700;
}

/* Footer — slots left, Accept right (classic Flash) */
.nyx-mc-footer {
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 6px;
  padding: 8px 4px 2px;
  border-top: 1px solid rgba(60, 80, 100, .45);
}
.nyx-mc-footer-meta {
  flex: 1;
  min-width: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.nyx-mc-slots {
  font-size: 12px;
  color: #a8b4c0;
}
.nyx-mc-daily-reset {
  font-size: 10px;
  color: #7ec8ff;
}
.nyx-mc-actions,
.nyx-mc-actions-inline {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  width: auto;
  margin: 0;
  padding: 0;
}
.nyx-mc-btn {
  min-width: 180px;
  height: 36px;
  padding: 0 28px;
  border: none;
  background:
    url(/spacemap/ui/windows/ui-quest-window/button_green_normal.png) center / 100% 100% no-repeat,
    linear-gradient(180deg, #6bc86e 0%, #3d8f42 45%, #2e6b32 100%);
  box-shadow: none;
  color: #fff;
  font: 700 14px EurostileT, Tahoma, sans-serif;
  cursor: pointer;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .65);
  line-height: 36px;
  border-radius: 0;
}
.nyx-mc-btn:hover:not(:disabled) {
  background:
    url(/spacemap/ui/windows/ui-quest-window/button_green_over.png) center / 100% 100% no-repeat,
    linear-gradient(180deg, #7ad87d 0%, #4aa04f 45%, #357a3a 100%);
}
.nyx-mc-btn:active:not(:disabled) {
  background:
    url(/spacemap/ui/windows/ui-quest-window/button_green_down.png) center / 100% 100% no-repeat,
    linear-gradient(180deg, #3d8f42 0%, #2e6b32 100%);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, .45);
}
.nyx-mc-btn:disabled {
  opacity: .55;
  cursor: not-allowed;
  background:
    url(/spacemap/ui/windows/ui-quest-window/button_inactive.png) center / 100% 100% no-repeat,
    #3a444c;
  box-shadow: none;
}
.nyx-mc-btn.primary {
  background:
    url(/spacemap/ui/windows/ui-quest-window/button_green_normal.png) center / 100% 100% no-repeat,
    linear-gradient(180deg, #6bc86e 0%, #3d8f42 45%, #2e6b32 100%);
}
.nyx-mc-btn.abort-style {
  background:
    url(/spacemap/ui/windows/ui-quest-window/button_blue_normal.png) center / 100% 100% no-repeat,
    linear-gradient(180deg, #5a7a98 0%, #2a4a68 50%, #1a3548 100%);
}
.nyx-mc-btn.abort-style:hover:not(:disabled) {
  background:
    url(/spacemap/ui/windows/ui-quest-window/button_blue_over.png) center / 100% 100% no-repeat,
    linear-gradient(180deg, #6a8aa8 0%, #3a5a78 50%, #2a4560 100%);
}
.nyx-mc-btn.abort-style:active:not(:disabled) {
  background:
    url(/spacemap/ui/windows/ui-quest-window/button_blue_down.png) center / 100% 100% no-repeat,
    linear-gradient(180deg, #2a4a68 0%, #1a3548 100%);
}
.nyx-mc-btn.claim {
  background-image: url(/spacemap/ui/windows/ui-quest-window/button_green_normal.png);
  background-size: 100% 100%;
  background-color: transparent;
  box-shadow: none;
}
.nyx-mc-btn.claim:hover:not(:disabled) {
  background-image: url(/spacemap/ui/windows/ui-quest-window/button_green_over.png);
}
.nyx-mc-btn.claim:active:not(:disabled) {
  background-image: url(/spacemap/ui/windows/ui-quest-window/button_green_down.png);
}

/* Scrollbars — thin blue */
.nyx-mc-list::-webkit-scrollbar,
.nyx-mc-detail-body::-webkit-scrollbar,
.nyx-mc-desc::-webkit-scrollbar,
.nyx-hud-body::-webkit-scrollbar {
  width: 5px;
}
.nyx-mc-list::-webkit-scrollbar-thumb,
.nyx-mc-detail-body::-webkit-scrollbar-thumb,
.nyx-mc-desc::-webkit-scrollbar-thumb,
.nyx-hud-body::-webkit-scrollbar-thumb {
  background: #3aa0d8;
  border-radius: 2px;
}
.nyx-mc-list::-webkit-scrollbar-track,
.nyx-mc-detail-body::-webkit-scrollbar-track,
.nyx-mc-desc::-webkit-scrollbar-track {
  background: #101820;
}

@media (max-width: 840px), (max-height: 700px) {
  #nyx-mc-shell {
    width: min(800px, 96vw);
    height: min(650px, 92vh);
  }
  .nyx-mc-body { grid-template-columns: 220px 1fr; }
  .nyx-mc-portrait { height: 140px; }
}