/* Gemeinsames Aussehen der Text-Seiten (Anleitung, Strecken, Editor, Über) – gleich wie Impressum & Datenschutz.
   Seit 1.22.1: Google AdSense lehnte die Seite ab („Bildschirme ohne Publisher-Content“) – das Spiel selbst ist eine
   einzige Zeichenfläche ohne Text. Diese Seiten beschreiben das Spiel ausführlich. */
@font-face{font-family:'Chakra Petch';font-style:italic;font-weight:700;font-display:swap;src:url(./fonts/chakra-petch-latin-700-italic.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-weight:400;font-display:swap;src:url(./fonts/barlow-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-weight:600;font-display:swap;src:url(./fonts/barlow-latin-600-normal.woff2) format('woff2')}
:root{--ink:#0b1022;--plate:#151c36;--line:rgba(255,255,255,.12);--fg:#f3f5fb;--muted:#9ba5c2;--accent:#ffb21f;color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0;background:var(--ink);color:var(--fg);font:16px/1.6 'Barlow',system-ui,-apple-system,'Segoe UI',sans-serif}
main{max-width:760px;margin:0 auto;padding:24px 16px 64px}
a{color:var(--accent)}
nav.top{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
nav.top a{font-family:'Chakra Petch','Arial Narrow',Arial,sans-serif;font-style:italic;font-weight:700;text-decoration:none;background:var(--plate);border:1px solid var(--line);padding:5px 16px;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);color:var(--fg);font-size:15px}
nav.top a.play{background:var(--accent);color:#1a1300;border-color:var(--accent)}
nav.top a[aria-current]{border-color:var(--accent);color:var(--accent)}
h1,h2,h3{font-family:'Chakra Petch','Arial Narrow',Arial,sans-serif;font-style:italic;font-weight:700;line-height:1.15;text-wrap:balance}
h1{font-size:40px;margin:28px 0 6px}
h1 span{color:var(--accent)}
h2{font-size:24px;margin:40px 0 8px}
h3{font-size:19px;margin:24px 0 6px}
p,li,td{color:#d9deea}
ul,ol{padding-left:22px}
.lead{font-size:18px;color:var(--fg)}
.meta{color:var(--muted);font-size:14px;margin:0}
.box{background:var(--plate);border:1px solid var(--line);padding:14px 18px;margin:14px 0}
.box p{margin:4px 0}
table{border-collapse:collapse;width:100%;margin:10px 0;font-size:15px}
th,td{border-bottom:1px solid var(--line);padding:7px 8px;text-align:left;vertical-align:top}
th{color:var(--muted);font-weight:600}
kbd{font-family:'Chakra Petch',monospace;background:#0a0f20;border:1px solid var(--line);padding:1px 6px;font-size:14px;white-space:nowrap}
figure{margin:16px 0}
figure img{width:100%;height:auto;display:block;border:1px solid var(--line)}
figcaption{color:var(--muted);font-size:14px;margin-top:4px}
.track{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;margin:28px 0}
.facts{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--muted);font-size:14px;margin:2px 0 6px}
footer{margin-top:48px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
footer a{margin-right:12px}
@media (max-width:520px){ h1{font-size:32px} table{font-size:14px} }