/* Theme: a tavern table of dark wood with parchment panels on it. */
:root {
  --wood: #2a1c13; --wood-2: #352418; --wood-line: #1a110b; --wood-hi: #5a3d26;
  --parch: #efe0bd; --parch-2: #e4d0a3; --parch-line: #9b7a4c; --parch-ink: #2e2014;
  --ink: #f3e7cc; --muted: #c4b08b; --parch-muted: #6f5a3d;
  --gold: #f2c230; --gold-d: #b8860b;
  --accent: #3f7d3a; --accent-hi: #5aa152; --accent-ink: #fff8e6;
  --danger: #c0392b; --danger-ink: #fff3ee;
  --common: #6b6052; --uncommon: #2f8f4e; --rare: #2f6fd1; --epic: #8a3fc4;
  --safe: #3f8f3a; --risky: #c98a14; --deadly: #b7352a;
  --pixel: 'Pixelify Sans', ui-monospace, monospace;
  --body: system-ui, -apple-system, 'Segoe UI', sans-serif;
  color-scheme: dark;
}
* { box-sizing: border-box; }
html { background: var(--wood); }
body {
  margin: 0; color: var(--ink); font: 16px/1.45 var(--body);
  background-color: var(--wood);
  background-image:
    repeating-linear-gradient(90deg, transparent 0 46px, rgba(0,0,0,.18) 46px 48px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.015) 0 3px, transparent 3px 9px),
    linear-gradient(180deg, var(--wood-2), var(--wood));
  min-height: 100vh;
}
main { max-width: 1040px; margin: 0 auto; padding: 12px 16px 48px; }
h1, h2, h3, button, .pixel, .tabs, .lvl-badge, .pill, .gold-pill { font-family: var(--pixel); }
h2 { font-size: 1.25rem; margin: 0 0 10px; letter-spacing: .02em; }
h3 { font-size: 1.05rem; margin: 14px 0 8px; }
.muted { color: var(--muted); font-size: .9rem; }
.panel .muted, .tab .muted { color: var(--parch-muted); }
.error { color: #ff9b8a; min-height: 1.4em; }
.panel .error { color: var(--danger); }
[hidden] { display: none !important; }
a { color: var(--gold); }
code { background: rgba(0,0,0,.12); padding: 1px 5px; border-radius: 3px; font-size: .9em; word-break: break-all; }
.r0 { color: var(--common); } .r1 { color: var(--uncommon); } .r2 { color: var(--rare); } .r3 { color: var(--epic); font-weight: 700; }