/* Obsidian & Gold — dieselben Tokens wie die App (src/ui/tokens.css im
   privaten Spiel-Repo). Die Werte sind hier GESPIEGELT, nicht geteilt: eine
   öffentliche Seite kann nichts aus einem privaten Repo laden.
   Bewusst EINE kleine Datei ohne Baukette — drei statische Dokumente
   rechtfertigen keinen Build-Schritt. */
:root{
  --ink:#e9e7e1;
  --muted:#93918a;
  --ground:#17181c;
  --hairline:#2b2c33;
  --gold:#c9a24a;
  --serif:'Palatino Linotype',Palatino,'Book Antiqua',Georgia,serif;
  --sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',sans-serif;
}
*{box-sizing:border-box}
body{
  margin:0;padding:0;background:
    radial-gradient(90% 60% at 30% 12%,rgba(96,102,132,.16),transparent 60%),
    radial-gradient(70% 45% at 78% 78%,rgba(70,74,100,.12),transparent 65%),
    linear-gradient(180deg,#12121a,#0a0a10);
  background-attachment:fixed;
  color:var(--ink);font-family:var(--sans);line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
main{max-width:44rem;margin:0 auto;padding:clamp(28px,6vw,64px) clamp(20px,5vw,32px) 96px}
h1{font-family:var(--serif);font-size:clamp(26px,7vw,38px);letter-spacing:.22em;
  text-indent:.22em;text-align:center;margin:0;font-weight:400;
  background:linear-gradient(180deg,#f4e3ae 8%,#d9b465 52%,#a67d31 95%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
h2{font-family:var(--serif);font-size:clamp(17px,4.4vw,21px);letter-spacing:.14em;
  color:#f0dda6;font-weight:400;margin:44px 0 12px}
.sub{font-family:var(--serif);font-style:italic;text-align:center;color:#b99d5c;
  margin:8px 0 0;font-size:clamp(15px,4vw,18px)}
.rule{width:44px;height:1px;margin:26px auto;
  background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.tag{text-align:center;color:#cdb173;letter-spacing:.05em;margin:0 auto;max-width:26ch}
p{margin:0 0 14px}
a{color:#d9c489}
a:hover{color:#f0dda6}
small,.klein{color:var(--muted);font-size:.88em}
/* Datenliste: Begriff + Erklärung. <dl> statt Tabelle — auf dem Handy bricht
   eine zweispaltige Tabelle unlesbar um. */
dl{margin:0 0 18px}
dt{color:#f0dda6;margin-top:14px}
dd{margin:2px 0 0;color:var(--ink)}
dd code,dt code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;color:#cdb173}
.karte{border:1px solid #4c3f22;border-radius:12px;padding:clamp(18px,4vw,26px);
  background:linear-gradient(180deg,#1a1a24,#101018);margin:22px 0}
nav.fuss{margin-top:56px;padding-top:22px;border-top:1px solid var(--hairline);
  display:flex;gap:18px;flex-wrap:wrap;justify-content:center;font-size:.92em}
.zurueck{display:inline-block;margin-bottom:24px;letter-spacing:.12em;
  text-transform:uppercase;font-size:.78em;text-decoration:none}