@media (max-width: 767px) {
  /* ---------------------------------------------------------------
     COMMAND DECK PHASE 2
     Station-specific polish layered on top of the shared shell.
  --------------------------------------------------------------- */

  /* COLONY ------------------------------------------------------- */
  html body .command-station[data-station="colony"] .colony-status-station {
    background:
      radial-gradient(circle at 50% 18%, rgba(132,255,0,.10), transparent 34%),
      linear-gradient(180deg, #030905 0%, #010302 100%) !important;
  }

  html body .command-station[data-station="colony"] .colony-status-module {
    border-color: rgba(163,230,53,.48) !important;
    box-shadow:
      inset 0 0 34px rgba(132,255,0,.035),
      0 0 30px rgba(132,255,0,.13) !important;
  }

  html body .command-station[data-station="colony"] .colony-status-module > div[class*="h-[min(43dvh"] > div[class*="linear-gradient"] {
    opacity: .72;
  }

  html body .command-station[data-station="colony"] .colony-status-module > div[class*="h-[min(43dvh"] {
    box-shadow:
      inset 0 0 22px rgba(132,255,0,.035),
      0 0 18px rgba(132,255,0,.045) !important;
  }

  html body .command-station[data-station="colony"] .colony-status-module > div[class*="grid-cols-4"] {
    background: rgba(1,8,5,.66) !important;
    border-color: rgba(163,230,53,.18) !important;
    box-shadow: inset 0 0 18px rgba(132,255,0,.035);
  }

  html body .command-station[data-station="colony"] .colony-status-module > div[class*="px-3"][class*="pb-3"] {
    background:
      linear-gradient(180deg, rgba(132,255,0,.025), rgba(0,0,0,0));
  }

  html body .command-station[data-station="colony"] a[href="/invasion"] {
    border-color: rgba(163,230,53,.48) !important;
    background:
      linear-gradient(180deg, rgba(111,177,17,.34), rgba(27,67,4,.32)) !important;
    box-shadow:
      inset 0 0 18px rgba(132,255,0,.08),
      0 0 16px rgba(132,255,0,.08);
  }

  /* INTEL -------------------------------------------------------- */
  html body .command-station[data-station="intel"] .xeno-comms-station {
    background:
      radial-gradient(circle at 50% 16%, rgba(34,211,238,.13), transparent 33%),
      linear-gradient(180deg, #02090b 0%, #010405 100%) !important;
  }

  html body .command-station[data-station="intel"] .xeno-comms-module,
  html body .command-station[data-station="intel"] .xeno-comms-array {
    border-color: rgba(103,232,249,.42) !important;
    box-shadow:
      inset 0 0 34px rgba(34,211,238,.055),
      0 0 28px rgba(34,211,238,.11) !important;
  }

  html body .command-station[data-station="intel"] .xeno-comms-module__radar,
  html body .command-station[data-station="intel"] .xeno-comms-station__scope {
    filter: brightness(1.22) saturate(1.12);
  }

  html body .command-station[data-station="intel"] .xeno-comms-module img {
    filter:
      brightness(1.12)
      saturate(1.08)
      drop-shadow(0 0 24px rgba(103,232,249,.34)) !important;
  }

  html body .command-station[data-station="intel"] .xeno-comms-module__waveform {
    background: rgba(0,16,20,.32);
    box-shadow: inset 0 0 20px rgba(34,211,238,.06);
  }

  html body .command-station[data-station="intel"] .xeno-comms-array__viewport {
    filter: brightness(1.10) saturate(1.10);
  }

  html body .command-station[data-station="intel"] button[class*="border-lime-300/35"] {
    box-shadow:
      inset 0 0 20px rgba(132,255,0,.08),
      0 0 16px rgba(132,255,0,.07);
  }

  /* CARDS -------------------------------------------------------- */
  html body .command-station[data-station="cards"] .card-vault {
    filter: brightness(.93) saturate(1.04) contrast(1.01) !important;
  }

  html body .command-station[data-station="cards"] .card-vault-shade {
    background:
      linear-gradient(180deg, rgba(0,0,0,.01) 0%, rgba(5,0,10,.04) 35%, rgba(4,0,10,.20) 76%, rgba(0,0,0,.43) 100%),
      radial-gradient(ellipse at 50% 38%, transparent 0 27%, rgba(83,33,132,.05) 52%, rgba(0,0,0,.20) 100%) !important;
    box-shadow:
      inset 0 0 34px rgba(0,0,0,.24),
      inset 0 -48px 62px rgba(0,0,0,.28) !important;
  }

  html body .command-station[data-station="cards"] .command-station-content::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 8%;
    z-index: 0;
    width: 72%;
    height: 45%;
    transform: translateX(-50%);
    pointer-events: none;
    background:
      radial-gradient(circle, rgba(192,132,252,.18) 0%, rgba(103,232,249,.07) 38%, transparent 72%);
    filter: blur(18px);
  }

  html body .command-station[data-station="cards"] .command-station-content > div > section {
    background:
      linear-gradient(180deg, rgba(192,132,252,.025), rgba(0,0,0,0) 44%) !important;
  }

  html body .command-station[data-station="cards"] .command-station-content button[class*="rotate-[14deg]"] {
    opacity: .68 !important;
    filter: brightness(1.16) saturate(1.08) !important;
    box-shadow: 0 0 18px rgba(192,132,252,.10) !important;
  }

  html body .command-station[data-station="cards"] .command-station-content button[class*="rotate-[7deg]"] {
    opacity: .58 !important;
    filter: brightness(1.10) saturate(1.04) !important;
  }

  html body .command-station[data-station="cards"] .command-station-content a[aria-label^="View "] {
    filter: drop-shadow(0 0 12px rgba(192,132,252,.20));
  }

  html body .command-station[data-station="cards"] .command-station-content section > div[class*="overflow-hidden"][class*="bg-black/46"] {
    border: 1px solid rgba(103,232,249,.15) !important;
    background:
      linear-gradient(180deg, rgba(8,18,27,.80), rgba(2,7,12,.72)) !important;
    box-shadow:
      inset 0 0 20px rgba(103,232,249,.055),
      0 0 14px rgba(192,132,252,.045) !important;
  }

  html body .command-station[data-station="cards"] .command-station-content section > div[class*="grid-cols-[1fr_1.25fr]"] a {
    box-shadow: inset 0 0 14px rgba(255,255,255,.025);
  }

  /* MEDIA -------------------------------------------------------- */
  html body .command-station[data-station="media"] #network > div.md\:hidden {
    background:
      radial-gradient(circle at 50% 20%, rgba(251,113,133,.16), transparent 34%),
      radial-gradient(circle at 18% 70%, rgba(103,232,249,.06), transparent 30%),
      linear-gradient(160deg, #0d0307 0%, #030102 58%, #090205 100%) !important;
  }

  html body .command-station[data-station="media"] #network > div.md\:hidden > img {
    opacity: .25 !important;
    filter: blur(18px) saturate(1.35) brightness(1.20) !important;
  }

  html body .command-station[data-station="media"] #network section[class*="border-rose-300"] {
    border-color: rgba(253,164,175,.46) !important;
    background: rgba(7,2,4,.74) !important;
    box-shadow:
      inset 0 0 34px rgba(251,113,133,.045),
      0 0 28px rgba(251,113,133,.12) !important;
  }

  html body .command-station[data-station="media"] #network button[aria-label^="Play "] img {
    filter: brightness(1.08) saturate(1.08);
  }

  html body .command-station[data-station="media"] #network button[aria-label^="Play "] > div[class*="linear-gradient"] {
    opacity: .78;
  }

  html body .command-station[data-station="media"] #network a[href="/network"] {
    border-color: rgba(253,164,175,.42) !important;
    background:
      linear-gradient(180deg, rgba(251,113,133,.13), rgba(72,12,32,.16)) !important;
    box-shadow:
      inset 0 0 18px rgba(251,113,133,.06),
      0 0 14px rgba(251,113,133,.06);
  }

  /* EXTRACTION --------------------------------------------------- */
  html body .command-station[data-station="extraction"] .departure-gate-station {
    background:
      radial-gradient(circle at 50% 18%, rgba(250,204,21,.12), transparent 34%),
      linear-gradient(180deg, #0b0802 0%, #030201 100%) !important;
  }

  html body .command-station[data-station="extraction"] .departure-gate-module {
    border-color: rgba(253,224,71,.46) !important;
    box-shadow:
      inset 0 0 34px rgba(250,204,21,.04),
      0 0 30px rgba(250,204,21,.11) !important;
  }

  html body .command-station[data-station="extraction"] .departure-gate-module img {
    filter: brightness(1.12) saturate(1.05) contrast(1.02);
  }

  html body .command-station[data-station="extraction"] .departure-gate-module button[aria-label="Open Relegation Cam live feed"] > div[class*="linear-gradient"] {
    opacity: .72;
  }

  html body .command-station[data-station="extraction"] .departure-gate-module > div[class*="grid-cols-3"] {
    background: rgba(13,9,2,.72) !important;
    border-color: rgba(253,224,71,.12) !important;
  }

  html body .command-station[data-station="extraction"] .departure-gate-module button[class*="border-amber-300/35"] {
    border-color: rgba(253,224,71,.52) !important;
    background:
      linear-gradient(180deg, rgba(146,102,16,.38), rgba(65,39,4,.38)) !important;
    box-shadow:
      inset 0 0 18px rgba(250,204,21,.07),
      0 0 16px rgba(250,204,21,.08);
  }

  /* Shared station-specific finishing touches ------------------- */
  html body .command-station[data-station="colony"] .command-station-content,
  html body .command-station[data-station="intel"] .command-station-content,
  html body .command-station[data-station="cards"] .command-station-content,
  html body .command-station[data-station="media"] .command-station-content,
  html body .command-station[data-station="extraction"] .command-station-content {
    text-rendering: geometricPrecision;
  }

  html body .command-station[data-station="colony"] .command-station-content strong,
  html body .command-station[data-station="intel"] .command-station-content strong,
  html body .command-station[data-station="cards"] .command-station-content strong,
  html body .command-station[data-station="media"] .command-station-content strong,
  html body .command-station[data-station="extraction"] .command-station-content strong {
    text-shadow: 0 0 10px rgba(255,255,255,.035);
  }
}