/* Knockfall site pages (how-to-play, privacy, 404): plain HTML, readable without the game. */
@font-face{font-family:Rift;src:url('/fonts/display.ttf') format('truetype');font-weight:800;font-display:swap}
:root{color-scheme:dark;--gold:#ffcf66;--ink:#faf6ed;--muted:#b9c3d6;--panel:#161b2c;--line:#ffffff1c;--display:Rift,Impact,sans-serif}
*{box-sizing:border-box}
html{background:#10121e}
body{margin:0;min-height:100vh;color:var(--ink);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
 background:linear-gradient(180deg,#0b0e1ce6,#10121ef2 340px,#10121e),url('/art/sky.webp') center top/cover no-repeat fixed}
a{color:var(--gold)}
a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.site-header,.site-main,.site-footer{width:min(860px,92vw);margin:0 auto}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:800 26px var(--display);letter-spacing:.01em}
.brand b{color:var(--gold);font-weight:inherit}
.brand-icon{display:grid;place-items:center;width:34px;height:40px;background:var(--gold);color:#272018;border-radius:5px;transform:skew(-7deg);font-size:30px}
.play{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:#262017;text-decoration:none;font:800 20px var(--display);letter-spacing:.03em;padding:10px 18px;border-radius:5px;box-shadow:0 4px 0 #a77029}
.play:hover{background:#ffe3a0}
.site-main{padding:34px 0 50px}
h1{font:800 clamp(40px,7vw,64px)/1 var(--display);letter-spacing:.005em;margin:6px 0 16px;transform:skew(-4deg)}
h2{font:800 30px/1.1 var(--display);letter-spacing:.01em;margin:38px 0 10px;color:#fff}
h3{font-size:17px;margin:22px 0 6px}
p,li{color:var(--muted)}
.lead{font-size:19px;color:#e3e8f3}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--gold);text-transform:uppercase}
table{width:100%;border-collapse:collapse;margin:10px 0 6px;font-size:15px}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:#f5e9d7;font-weight:700;width:28%}
td:nth-child(2){color:var(--gold);white-space:nowrap;width:24%}
td{color:var(--muted)}
kbd{font:inherit;font-size:14px;background:#ffffff12;border:1px solid #ffffff28;border-bottom-width:2px;padding:1px 6px;border-radius:4px;color:#fff}
.card{background:#151a2bd9;border:1px solid var(--line);border-radius:10px;padding:6px 22px 18px;margin:18px 0}
.site-footer{display:flex;flex-wrap:wrap;gap:8px 22px;padding:20px 0 34px;border-top:1px solid var(--line);font-size:14px}
.site-footer a{color:var(--muted);text-decoration:none}
.site-footer a:hover{color:var(--gold)}
@media(max-width:600px){body{font-size:15px}.brand{font-size:22px}.play{font-size:17px;padding:8px 14px}td:nth-child(2){white-space:normal}th{width:auto}}