/* Gemeinsame Basis für alle drei Seiten — Warteliste, Impressum, Datenschutz. */

:root{
  --nacht:#0f0d1a; --nacht-hell:#1a1730; --rahmen:#3d3663;
  --rosa:#ff6b9d; --gold:#ffd166; --gruen:#7bdcb5;
  --text:#e8e4f5; --text-leise:#9a93b8;
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}

body{
  background:var(--nacht); color:var(--text);
  font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  font-size:16px; line-height:1.6;
  padding:0 20px 60px;
  overflow-x:hidden;
}

/* Sterne im Hintergrund, wie im Spiel */
body::before{
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background-image:
    radial-gradient(1px 1px at 10% 12%, #fff 50%, transparent 50%),
    radial-gradient(1px 1px at 82% 8%,  #fff 50%, transparent 50%),
    radial-gradient(1px 1px at 45% 22%, #ffd166 50%, transparent 50%),
    radial-gradient(1px 1px at 68% 32%, #fff 50%, transparent 50%),
    radial-gradient(1px 1px at 22% 40%, #fff 50%, transparent 50%),
    radial-gradient(1px 1px at 91% 48%, #ff6b9d 50%, transparent 50%);
  opacity:.5;
}

.huelle{max-width:560px;margin:0 auto}

/* Pixelrahmen: harte Kanten statt Rundungen */
.kasten{
  background:var(--nacht-hell);
  border:3px solid var(--rahmen);
  box-shadow:0 4px 0 var(--rahmen);
  padding:24px 20px;
  margin-bottom:28px;
}

h2{
  font-size:13px;letter-spacing:2px;text-transform:uppercase;
  color:var(--rosa);margin-bottom:18px;
}

.gold{color:var(--gold)}
.rosa{color:var(--rosa)}

footer{text-align:center;color:var(--text-leise);font-size:12px;margin-top:36px}
footer a{color:var(--text-leise)}

/* ── Rechtsseiten (Impressum, Datenschutz) ─────────────────────────── */

.recht h1{font-size:22px;margin:48px 0 12px}
.recht a{color:var(--gold)}
.recht .kasten p,.recht .kasten ul{margin-bottom:14px}
.recht .kasten p:last-child,.recht .kasten ul:last-child{margin-bottom:0}
.recht .kasten ul{margin-left:20px}
.recht .kasten li{margin-bottom:6px}
.zurueck{display:inline-block;margin-bottom:8px;color:var(--text-leise);font-size:14px}

/* Solange Platzhalter drinstehen, muss das unübersehbar sein: ein
   veröffentlichtes Impressum mit falschen Angaben ist schlimmer als keins. */
.platzhalter-warnung{
  background:#7f1d1d;border:3px solid #fca5a5;color:#fff;
  padding:16px;margin:24px 0;font-size:14px;line-height:1.5;
}
.platzhalter-warnung b{display:block;margin-bottom:6px;font-size:15px}
.platzhalter{color:#fca5a5}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}