/* Desktop readability pass: retain the dim cinematic UI while keeping metadata legible. */
@media (min-width: 1180px) {
  .explorer-title > span {
    font-size: 9px;
    color: rgba(211, 241, 233, .72);
    text-shadow: 0 1px 8px #000;
  }

  .explorer-title > small {
    font-size: 9px;
    color: rgba(220, 241, 235, .68);
    text-shadow: 0 1px 8px #000;
  }

  .system-count span {
    font-size: 8px;
    color: rgba(218, 239, 233, .7);
    text-shadow: 0 1px 8px #000;
  }

  .profile-signal {
    width: 360px;
    padding: 21px 21px 18px;
    border-color: rgba(156, 231, 212, .32);
    border-left-color: rgba(172, 244, 225, .76);
    background: linear-gradient(135deg, rgba(3, 15, 23, .91), rgba(7, 27, 31, .78));
    box-shadow: 0 22px 80px rgba(0, 0, 0, .48), inset 0 0 42px rgba(102, 211, 183, .04);
  }

  .profile-signal > header {
    font-size: 8px;
    color: rgba(215, 240, 233, .72);
  }

  .profile-identity {
    grid-template-columns: 54px 1fr;
    gap: 15px;
  }

  .profile-identity > div:first-child {
    width: 54px;
    height: 54px;
  }

  .profile-identity small {
    font-size: 7px;
    color: rgba(211, 237, 229, .66);
  }

  .profile-identity h2 {
    font-size: 21px;
    text-shadow: 0 2px 13px rgba(0, 0, 0, .9);
  }

  .profile-identity p {
    font-size: 11px;
    color: rgba(220, 239, 234, .76);
  }

  .profile-latest {
    padding: 14px 15px;
    border-color: rgba(151, 224, 205, .24);
    background: rgba(5, 20, 27, .72);
  }

  .profile-latest > div {
    font-size: 7px;
    color: rgba(205, 235, 227, .68);
  }

  .profile-latest strong {
    font-size: 14px;
    line-height: 1.45;
  }

  .profile-latest p {
    font-size: 11px;
    line-height: 1.7;
    color: rgba(219, 238, 233, .73);
  }

  .profile-stats b { font-size: 17px; }
  .profile-stats span {
    font-size: 9px;
    color: rgba(205, 232, 225, .68);
  }

  .profile-signal > footer button {
    padding: 10px 11px;
    font-size: 10px;
    color: #cef2e8;
    border-color: rgba(158, 228, 210, .3);
  }

  .system-label {
    min-width: 172px;
    padding: 9px 11px;
    background: linear-gradient(90deg, rgba(1, 8, 13, .68), rgba(1, 8, 13, .26) 64%, transparent);
    border-radius: 2px;
    text-shadow: 0 2px 7px #000, 0 0 12px #000;
  }

  .system-label > b { font-size: 8px; }
  .system-label > span {
    font-size: 13px;
    font-weight: 650;
  }

  .system-label small {
    font-size: 7px;
    color: rgba(222, 242, 236, .7);
  }

  .system-indicators span { font-size: 8px; }
  .system-indicators b { font-size: 9px; }
  .system-indicators button { color: rgba(216, 237, 231, .58); }

  .control-hint {
    font-size: 8px;
    color: rgba(219, 239, 233, .62);
    text-shadow: 0 1px 8px #000;
  }

  .control-hint span {
    color: #c4eadf;
    border-color: rgba(166, 229, 212, .32);
    background: rgba(3, 13, 18, .68);
  }

  .radar-panel {
    border-color: rgba(157, 228, 210, .3);
    background: rgba(2, 12, 18, .82);
  }

  .radar-panel > div {
    font-size: 8px;
    color: rgba(216, 239, 232, .69);
  }

  .radar-panel p {
    font-size: 7px;
    color: rgba(211, 237, 230, .62);
  }

  .content-star-label {
    background: linear-gradient(90deg, rgba(3, 14, 20, .88), rgba(3, 14, 20, .25) 75%, transparent);
    text-shadow: 0 2px 8px #000;
  }

  .content-star-label b { font-size: 11px; }
  .content-star-label small {
    font-size: 7px;
    color: rgba(207, 239, 230, .7);
  }

  /* Launch screen */
  .launch-screen > p {
    font-size: 10px;
    color: rgba(218, 242, 235, .72);
    text-shadow: 0 1px 10px #000;
  }

  .launch-screen button {
    width: 238px;
    height: 64px;
    border-color: rgba(171, 239, 222, .58);
    background: rgba(78, 167, 145, .13);
  }

  .launch-screen button span { font-size: 16px; }
  .launch-screen button em {
    bottom: 5px;
    font-size: 8px;
    color: rgba(222, 243, 237, .65);
  }

  .launch-data {
    font-size: 8px;
    color: rgba(211, 237, 230, .65);
    text-shadow: 0 1px 8px #000;
  }

  /* Galaxy detail card */
  .system-info {
    width: min(390px, calc(100vw - 64px));
    padding: 31px 32px 28px;
    border-color: rgba(161, 233, 214, .38);
    background: linear-gradient(145deg, rgba(3, 14, 22, .96), rgba(8, 28, 31, .91));
  }

  .system-info > button { color: rgba(226, 244, 239, .85); }
  .system-info > p:first-of-type {
    font-size: 9px;
    color: #91e8ce;
  }

  .system-info h2 { font-size: 38px; }
  .system-info > span {
    font-size: 8px;
    color: rgba(218, 239, 233, .68);
  }

  .info-stats {
    border-color: rgba(165, 225, 210, .24);
  }

  .info-stats > div {
    padding: 15px 14px;
    border-color: rgba(165, 225, 210, .24);
  }

  .info-stats small {
    font-size: 9px;
    color: rgba(211, 236, 229, .7);
  }

  .info-stats b {
    font-size: 13px;
    color: #e0f4ee;
  }

  .system-info > #info-description {
    font-size: 14px;
    line-height: 2;
    color: rgba(230, 243, 239, .82);
  }

  .info-source {
    font-size: 8px;
    color: rgba(207, 234, 227, .58);
  }

  /* Remaining cinematic metadata */
  .planet-menu button b,
  .map-head,
  .chapter-galaxy-map > p,
  .dive-hud span,
  .dive-hud em { font-size: 9px; }

  .planet-menu button small { font-size: 8px; color: rgba(220, 240, 235, .68); }
  .cinema-caption,
  .scroll-cue { font-size: 9px; color: rgba(221, 240, 235, .63); }
  .film-coordinate { font-size: 10px; color: rgba(222, 240, 235, .62); }
  .warp-ui > p { font-size: 10px; }
  .warp-ui > b { font-size: 12px; color: rgba(234, 247, 243, .8); }
  .exit-system,
  .galaxy-return { font-size: 10px; }

  /* Content panels and article reader */
  .planet-content > header > div,
  .planet-content > header > p,
  .planet-content > footer,
  .content-article-index,
  .content-article small,
  .signal-notes article > span,
  .signal-notes small,
  .topic-spectrum span,
  .photo-telemetry i,
  .archive-scan small,
  .friend-signals small,
  .about-signal > div,
  .space-reader-toolbar > span,
  .space-reader-head > p,
  .space-reader-head > div span,
  .space-reader-body h2 span { font-size: 9px; }

  .planet-content > header > div,
  .planet-content > footer,
  .space-reader-toolbar > span,
  .space-reader-head > div span {
    color: rgba(211, 236, 229, .67);
  }

  .space-reader-toolbar button,
  .space-reader-shell > footer button,
  .reader-back,
  .reader-kicker,
  .reader-meta,
  .reader-toc b { font-size: 10px; }

  .reader-toc > span { font-size: 9px; color: rgba(213, 237, 231, .65); }
}