/* Galactic Prospectors master list - dark theme matching the game UI
   (palette: #0a0a1a bg / #1a1a2e cards / #5865F2 accent / #3ba55c good) */

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  background: #0a0a1a;
  background-image:
    radial-gradient(1px 1px at 12% 22%, #ffffff55 0, transparent 100%),
    radial-gradient(1px 1px at 78% 8%,  #ffffff40 0, transparent 100%),
    radial-gradient(1px 1px at 33% 71%, #ffffff33 0, transparent 100%),
    radial-gradient(2px 2px at 89% 55%, #ffffff2a 0, transparent 100%),
    radial-gradient(1px 1px at 55% 88%, #ffffff44 0, transparent 100%),
    radial-gradient(ellipse 60% 40% at 70% 20%, #2a1a4a33 0, transparent 100%),
    radial-gradient(ellipse 50% 35% at 20% 80%, #4a1a3a22 0, transparent 100%);
  color: #ddddee;
  font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
  min-height: 100vh;
}

.wrap {
  max-width: 900px;
  margin: 0 auto;
  padding: 48px 20px 40px;
}

header { text-align: center; margin-bottom: 32px; }

h1 {
  font-size: 42px;
  letter-spacing: 3px;
  color: #5865F2;
  text-shadow: 0 0 24px #5865f277, 0 0 60px #5865f233;
  font-weight: 800;
}

.tagline {
  color: #888899;
  font-style: italic;
  margin-top: 6px;
  font-size: 15px;
}

.stats { margin-top: 18px; display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }

.chip {
  background: #1a1a2e;
  border: 1px solid #2d2d5a;
  border-radius: 8px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 600;
  color: #88bbff;
}

.list {
  background: #1a1a2e;
  border: 1px solid #2d2d5a;
  border-radius: 14px;
  padding: 14px;
  box-shadow: 0 8px 40px #00000066;
  overflow-x: auto;
}

.empty {
  text-align: center;
  padding: 48px 16px;
  color: #9999aa;
  font-size: 17px;
  line-height: 1.8;
}

.dim { color: #666677; font-size: 13px; }

table { width: 100%; border-collapse: collapse; }

th {
  text-align: left;
  font-size: 11px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #666688;
  padding: 10px 14px;
  border-bottom: 1px solid #2d2d5a;
}

td {
  padding: 12px 14px;
  border-bottom: 1px solid #22223c;
  font-size: 15px;
}

tbody tr:last-child td { border-bottom: none; }
tbody tr:hover { background: #20203a; }

td.name { font-weight: 600; color: #ffffff; }
td.players { color: #3ba55c; font-weight: 700; }
td.addr { font-family: Consolas, "Cascadia Mono", monospace; color: #88bbff; font-size: 14px; }

footer {
  text-align: center;
  margin-top: 28px;
  color: #9999aa;
  font-size: 14px;
  line-height: 2;
}

@media (max-width: 620px) {
  h1 { font-size: 28px; }
  td, th { padding: 8px 8px; font-size: 13px; }
}