/* ────────────────────────────────────────────────────────────────
   /space — discmaster skin
   Overrides Celestial Registry's dark glass theme with the
   textfiles.com / discmaster 1996 aesthetic while preserving
   all 3D scene functionality and component structure.
   ──────────────────────────────────────────────────────────────── */

/* Root palette override */
:root, html {
  --bg: #c0c0c0 !important;
  --text: #000000 !important;
  --text-dim: #333333 !important;
  --glass-border: #000000 !important;
  --display: "Times New Roman", Times, serif !important;
  --accent: #0000ee !important;
}

/* Body & typography */
body {
  background: #c0c0c0 !important;
  color: #000 !important;
  font-family: "Times New Roman", Times, serif !important;
}

/* Classic blue links, visited purple */
a, a:link { color: #0000ee !important; text-decoration: underline !important; }
a:visited { color: #551a8b !important; }

/* Loading screen */
.loading-screen {
  background: #c0c0c0 !important;
  color: #000 !important;
  font-family: "Courier New", Courier, monospace !important;
}
.loading-ring {
  border-color: #000 transparent transparent transparent !important;
}

/* Strip glass effect — turn every glass panel into a classic beige box */
.glass {
  background: #c0c0c0 !important;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

/* Top-left brand — "Celestial Registry" → plain heading */
.float-brand {
  top: 6px !important;
  left: 6px !important;
  background: #c0c0c0 !important;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  padding: 3px 8px !important;
  font-family: "Times New Roman", Times, serif !important;
  font-size: 18px !important;
  font-weight: bold !important;
  color: #000 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.float-brand__dot {
  background: #000 !important;
  border-radius: 0 !important;
  width: 8px !important; height: 8px !important;
}

/* Top-center nav (3D orbit | sky survey | gallery | search | my stars) */
.float-nav {
  background: #c0c0c0 !important;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  padding: 2px 6px !important;
  font-family: "Times New Roman", Times, serif !important;
}
.float-nav__item {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #0000ee !important;
  text-decoration: underline !important;
  font-family: "Times New Roman", Times, serif !important;
  font-size: 15px !important;
  padding: 2px 8px !important;
  text-transform: none !important;
}
.float-nav__item:hover { color: #000 !important; background: #fff !important; text-decoration: none !important; }
.float-nav__item.is-active {
  color: #000 !important;
  background: #ffffe0 !important;
  border: 1px solid #000 !important;
  text-decoration: none !important;
  font-weight: bold !important;
}

/* Bottom-center galaxy pills */
.float-controls {
  background: #c0c0c0 !important;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  padding: 2px 6px !important;
  bottom: 6px !important;
}
.float-pill {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #0000ee !important;
  text-decoration: underline !important;
  font-family: "Times New Roman", Times, serif !important;
  font-size: 14px !important;
  padding: 2px 8px !important;
}
.float-pill.is-active {
  color: #000 !important;
  background: #ffffe0 !important;
  border: 1px solid #000 !important;
  text-decoration: none !important;
  font-weight: bold !important;
}

/* Coordinate display (bottom-left "Milky Way · Home · 100-400 billion stars") */
.coord-display {
  background: #c0c0c0 !important;
  border: 1px solid #000 !important;
  padding: 4px 8px !important;
  border-radius: 0 !important;
  font-family: "Courier New", Courier, monospace !important;
  font-size: 12px !important;
  color: #000 !important;
}
.coord-display > div { color: #000 !important; opacity: 1 !important; }

/* Info panel (right side, star detail) */
.info-panel {
  background: #c0c0c0 !important;
  border: 1px solid #000 !important;
  border-left: 2px solid #000 !important;
  border-radius: 0 !important;
  backdrop-filter: none !important;
  color: #000 !important;
  font-family: "Times New Roman", Times, serif !important;
}
.panel-close {
  background: #fff !important;
  border: 1px solid #000 !important;
  color: #000 !important;
  border-radius: 0 !important;
  font-family: "Courier New", Courier, monospace !important;
  width: 22px !important; height: 20px !important;
  font-size: 14px !important;
}
.panel-close:hover { background: #000 !important; color: #fff !important; }
.panel-title {
  font-family: "Times New Roman", Times, serif !important;
  font-size: 26px !important;
  font-weight: bold !important;
  color: #000 !important;
  letter-spacing: 0 !important;
}
.panel-subtitle {
  font-family: "Courier New", Courier, monospace !important;
  color: #000 !important;
  font-size: 12px !important;
}

/* Pause button bottom-right */
button[title="Pause rotation"] {
  background: #c0c0c0 !important;
  border: 2px outset #fff !important;
  border-radius: 0 !important;
  color: #000 !important;
  backdrop-filter: none !important;
  width: 28px !important; height: 22px !important;
  font-family: "Courier New", Courier, monospace !important;
}

/* Any remaining chip/badge rounded corners → flat */
[class*="chip"], [class*="badge"], [class*="pill"] {
  border-radius: 0 !important;
}

/* Keep the 3D canvas untouched — stars need dark sky */
canvas {
  background: #000 !important;
}

/* Add a discmaster-style top nav bar injected by script */
#discmaster-navbar {
  position: fixed; top: 0; left: 0; right: 0;
  z-index: 1000;
  background: #c0c0c0;
  border-bottom: 1px solid #000;
  padding: 4px 10px;
  font-family: "Times New Roman", Times, serif;
  font-size: 15px;
  color: #000;
}
#discmaster-navbar a { color: #0000ee; text-decoration: underline; }
#discmaster-navbar .sep { margin: 0 4px; }

/* Push the app down so the navbar doesn't cover it */
body { padding-top: 28px !important; }
.float-brand { top: 34px !important; }
.float-nav { top: 34px !important; }