/* Spelregels + privacy: leesbare tekstpagina's in de donkere arcade-look. Geen JS, geen inline stijl (CSP). */
:root{
  --bg:#110e18; --panel:#1d1828; --edge:#2e2640; --fg:#f4eefc; --muted:#9a8fb3;
  --pink:#ff3b6b; --gold:#ffb21e; --cyan:#25f4ee;
  --pix:"Press Start 2P", ui-monospace, "Courier New", monospace;
  --txt:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--txt);font-size:17px;line-height:1.6;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));
  padding-top:max(16px,env(safe-area-inset-top,0px));padding-bottom:max(24px,env(safe-area-inset-bottom,0px));
  overflow-wrap:break-word}
.wrap{max-width:70ch;margin:0 auto}
h1,h2{font-family:var(--pix);font-weight:400;line-height:1.5;text-wrap:balance}
h1{font-size:18px;color:var(--pink);margin:24px 0 8px}
h2{font-size:12px;color:var(--gold);margin:32px 0 8px}
p,ul,ol{margin:0 0 12px}
ul,ol{padding-left:1.4em}
li{margin-bottom:4px}
strong{color:var(--fg)}
a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
a:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}
.back{display:inline-block;padding:8px 0;font-weight:600}
.meta{color:var(--muted);font-size:15px;margin-bottom:20px}
.draft{border:2px solid var(--gold);background:var(--panel);color:var(--fg);padding:12px 14px;border-radius:6px;margin:16px 0;font-weight:600}
.fill{color:var(--gold);font-weight:600}
.tbl-wrap{overflow-x:auto;margin:0 0 12px}
table{border-collapse:collapse;width:100%;font-size:15px}
th,td{text-align:left;vertical-align:top;padding:8px;border-bottom:1px solid var(--edge)}
th{color:var(--muted);font-weight:600}
footer{margin-top:40px;padding-top:16px;border-top:1px solid var(--edge);color:var(--muted);font-size:15px}
footer p{margin:0 0 6px}