:root{--bg:#0b0918;--ink:#f3e6c8;--accent:#ffb347;--accent-hi:#ffe6a3;--shadow:#6b3d10;--display:'Pixelify Sans', ui-rounded, system-ui, sans-serif;--mono:'VT323', monospace}
/* GENERATED shared stylesheet (fabric/templates/site-html/site.css): reset, language links, the document pages. */
*{box-sizing:border-box}
html{color-scheme:dark}
/* --display is the game's DISPLAY face (wordmark, headings); running text stays a readable system face */
body{margin:0;background:var(--bg,#101418);color:var(--ink,#f2f2f2);font:17px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--display,system-ui,sans-serif)}
a{color:var(--accent-hi,#ffe6a3)}
.langs{display:flex;gap:6px;flex-wrap:wrap}
.langs a{font:inherit;font-size:14px;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(8,8,14,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;text-decoration:none;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.langs a:hover,.langs a:focus-visible{background:rgba(8,8,14,.9);border-color:rgba(255,255,255,.4);outline:none}
.langs a[aria-current="page"]{background:var(--accent,#ffb347);color:#2a1305;border-color:transparent}
/* the Play chooser: a native <dialog>; the game is never on the site, this sends players to where it is */
.where{border:0;padding:0;background:transparent;max-width:min(92vw,420px);width:100%}
.where::backdrop{background:rgba(6,6,12,.72);backdrop-filter:blur(6px)}
.where-box{position:relative;border-radius:18px;padding:22px 22px 18px;background:#0b0b12;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 80px rgba(0,0,0,.6);color:var(--ink,#f2f2f2)}
.where b{display:block;font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.6;margin:0 0 12px}
.where .opts{display:grid;gap:6px}
.where .opts a,.where .opts .soon{display:block;padding:13px 14px;border-radius:11px;text-decoration:none;color:var(--ink,#f2f2f2);font-weight:600;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.where .opts a:hover,.where .opts a:focus-visible{background:rgba(255,255,255,.12);outline:none}
.where .opts .soon{opacity:.4}
.where .close{position:absolute;top:10px;right:10px;margin:0}
.where .close button{font:inherit;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:transparent;color:inherit;cursor:pointer}
.doc{max-width:720px;margin:0 auto;padding:60px 22px 90px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px}
.doc h1{font-family:var(--display,system-ui);font-size:clamp(30px,7vw,44px);line-height:1.05;margin:0 0 6px;color:var(--accent-hi,#ffe6a3);overflow-wrap:anywhere}
.doc .when{opacity:.6;margin:0 0 26px}
.doc h2{font-family:system-ui,sans-serif;font-size:20px;margin:30px 0 8px;color:var(--ink,#f2f2f2)}
.doc p{margin:0 0 12px;white-space:pre-line}
.doc .back{display:inline-block;margin-bottom:26px;font-family:var(--mono,monospace);font-size:18px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
.doc nav{margin-top:40px;display:flex;gap:16px;flex-wrap:wrap}
