/* Wildlands-Bücher auf pinnry im Spieldesign (17.10.2026). Farben, Schriften und Bauteile nach
   wildlands/docs/corporate-design.md: Holzrahmen-Fenster, Pergament, Gold als einziger Akzent, echte Spielgrafiken. */
@font-face{font-family:'Jersey 10';font-display:swap;src:url(schriften/Jersey10-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'Jersey 10';font-display:swap;src:url(schriften/Jersey10-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+1E00-1E9F,U+A720-A7FF}
@font-face{font-family:'Tiny5';font-display:swap;src:url(schriften/Tiny5-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'Tiny5';font-display:swap;src:url(schriften/Tiny5-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+1E00-1E9F,U+A720-A7FF}
@font-face{font-family:'VT323';font-display:swap;src:url(schriften/VT323-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'VT323';font-display:swap;src:url(schriften/VT323-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+1E00-1E9F,U+A720-A7FF}
:root{--holz-dunkel:#24170f;--holz:#5b3a20;--holz-hell:#8a5a32;--holz-kante:#b98a55;--innen:#2e2219;--fach:#1e1610;
  --text:#f3e3c3;--text2:#c2ab86;--gold:#f2c35b;--bernstein:#c98a2a;--moor:#1c2a22;--moos:#2a3f31;--papier:#f3e6c8;--tinte:#3a2414;
  --titel:'Jersey 10','Tiny5',monospace;--schrift:'Tiny5',monospace;--zahl:'VT323',monospace;--lesen:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:64px}
body{margin:0;background:var(--moor);background-image:radial-gradient(circle,rgba(242,195,91,.05) 1px,transparent 1px);background-size:6px 6px;
  color:var(--text);font-family:var(--schrift);font-size:15px;line-height:1.55;-webkit-font-smoothing:none}
a{color:var(--gold)}
img.px{image-rendering:pixelated}
.kopf{position:sticky;top:0;z-index:20;background:rgba(28,42,34,.96);border-bottom:2px solid var(--holz-dunkel)}
.kopf .in{max-width:1000px;margin:0 auto;padding:8px 16px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.marke{font-family:var(--titel);font-size:26px;line-height:1;color:var(--text);text-decoration:none;text-shadow:0 3px 0 #1a0f08;margin-right:auto}
.marke b{color:var(--gold);font-weight:400}.marke small{font-family:var(--zahl);font-size:16px;color:var(--text2);letter-spacing:.06em;text-shadow:none;margin-left:8px}
.holz{background:var(--innen);border:2px solid var(--holz-dunkel);
  box-shadow:inset 0 0 0 2px var(--holz-hell),inset 0 0 0 4px var(--holz),inset 0 0 0 6px var(--holz-dunkel),0 4px 0 rgba(0,0,0,.45)}
.fenster{padding:18px 20px 20px;margin:0 0 22px}
.fenster>.titel{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:-2px 0 14px;padding-bottom:8px;border-bottom:2px solid var(--holz)}
.fenster>.titel h2{margin:0;font-weight:400;font-family:var(--titel);font-size:30px;line-height:1;color:var(--gold);text-shadow:2px 2px 0 #000}
.fenster>.titel span{font-family:var(--zahl);font-size:18px;color:var(--text2);letter-spacing:.06em}
.knopf{display:inline-flex;align-items:center;gap:8px;font-family:var(--schrift);font-size:15px;color:var(--text);background:var(--holz);text-decoration:none;
  border:2px solid var(--holz-dunkel);border-radius:3px;box-shadow:inset 0 2px 0 var(--holz-kante),inset 0 -2px 0 #3e2614;padding:8px 13px;cursor:pointer}
.knopf:hover{background:var(--holz-hell)}
.knopf.gold{background:var(--bernstein);box-shadow:inset 0 2px 0 var(--gold),inset 0 -2px 0 #7a4e12;color:#fff4dc}
.knopf.gold:hover{background:#dc9a34}
.knopf[aria-disabled=true]{opacity:.6;cursor:default}
.kopf .knopf{font-size:13px;padding:5px 9px}
.etikett{font-family:var(--zahl);font-size:18px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.leise{color:var(--text2)}
.pergament{background:var(--papier);color:var(--tinte);border:2px solid var(--holz-dunkel);box-shadow:inset 0 0 0 3px #e3d1a8,0 4px 0 rgba(0,0,0,.35);
  padding:18px 20px;font-family:var(--lesen);font-size:17px;line-height:1.6;-webkit-font-smoothing:auto}
.pergament p{margin:0 0 .8em}.pergament p:last-child{margin:0}
.fach{background:var(--fach);border:2px solid var(--holz)}
input.feld{background:var(--fach);color:var(--text);font-family:var(--zahl);font-size:22px;letter-spacing:.12em;text-transform:uppercase;
  border:2px solid var(--holz);padding:6px 10px;width:100%;max-width:260px}
input.feld:focus{outline:2px solid var(--gold);outline-offset:0}
main{max-width:1000px;margin:0 auto;padding:22px 16px 40px}
.fuss{background:var(--moos);border-top:2px solid var(--holz-dunkel);color:var(--text2);font-size:13px}
.fuss .in{max-width:1000px;margin:0 auto;padding:16px;display:flex;gap:14px;flex-wrap:wrap}
.fuss a{color:var(--text2)}
@media(max-width:600px){.fenster{padding:14px 14px 16px}.fenster>.titel h2{font-size:26px}.marke small{display:none}}