/* Four Tables — content pages (About, Guides, Legal). The game itself uses style.css. */
:root{color-scheme:dark;--bg:#0b121b;--panel:#101c26;--felt:#123b3c;--text:#eee9db;--muted:#a3b5b3;--gold:#d5b882;--on-gold:#0b121b;--line:#ffffff24;--tint-h:#d5b88226;--tint-s:#1f5c5a55;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--radius:14px}
body[data-theme=classic]{--bg:#171e18;--panel:#222b20;--felt:#174b32;--text:#f3ead4;--muted:#b5bda3;--gold:#ddc18c;--tint-h:#ddc18c26;--tint-s:#2a6b4a66}
body[data-theme=clean]{color-scheme:light;--bg:#f6f5f0;--panel:#ffffff;--felt:#edf2f7;--text:#182c47;--muted:#566579;--gold:#2457bd;--on-gold:#ffffff;--line:#182c4730;--tint-h:#2457bd1a;--tint-s:#2fa0771f;--serif:'DM Sans',Arial,sans-serif}
body[data-theme=retro]{--bg:#170f29;--panel:#211638;--felt:#281b42;--text:#f7eafa;--muted:#bda5d2;--gold:#70f2cd;--on-gold:#170f29;--line:#aa65d340;--tint-h:#70f2cd22;--tint-s:#d75bb035;--serif:'Space Mono',monospace;--radius:3px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font:17px/1.75 var(--sans);-webkit-text-size-adjust:100%}
a{color:var(--gold);text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:3px}
.skip{position:absolute;left:12px;top:-60px;background:var(--gold);color:var(--on-gold);padding:10px 16px;border-radius:6px;z-index:10;text-decoration:none;font-weight:600}
.skip:focus{top:12px}
.wrap{width:100%;max-width:1100px;margin:0 auto;padding:0 24px}
.site-header{border-bottom:1px solid var(--line)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px 28px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}
.brand{color:var(--text);text-decoration:none;font-size:14px;font-weight:600;letter-spacing:3px;display:grid;grid-template-columns:36px 1fr;align-items:center;line-height:1.3}
.brand>span{grid-row:span 2;color:var(--gold);font-size:32px;letter-spacing:0}
.brand small{font-size:8px;letter-spacing:3px;color:var(--muted);font-weight:500}
.site-nav{display:flex;flex-wrap:wrap;gap:4px 22px}
.site-nav a{color:var(--muted);text-decoration:none;font-size:14px;padding:6px 0;border-bottom:1px solid transparent}
.site-nav a:hover{color:var(--gold)}
.site-nav a[aria-current=page]{color:var(--gold);border-bottom-color:var(--gold)}
.doc{width:100%;max-width:780px;margin:0 auto;padding:52px 24px 72px;flex:1}
.eyebrow{margin:0;font-size:11px;letter-spacing:2.5px;color:var(--gold);text-transform:uppercase;font-weight:600}
h1{font:500 clamp(34px,6vw,50px)/1.15 var(--serif);margin:.25em 0 .35em;letter-spacing:-.5px}
.lede{font-size:19px;line-height:1.65;color:var(--muted);margin:0 0 1.2em}
.meta{font-size:14px;color:var(--muted);margin:-.4em 0 1.6em}
h2{font:500 28px/1.25 var(--serif);margin:2.3em 0 .6em;scroll-margin-top:24px}
h3{font:600 18px/1.4 var(--sans);margin:1.8em 0 .4em;color:var(--gold);scroll-margin-top:24px}
p{margin:0 0 1.1em}
ul,ol{margin:0 0 1.2em;padding-left:1.35em}
li{margin:.35em 0}
dl{margin:0 0 1.2em}
dt{font-weight:600;color:var(--gold);margin-top:1em}
dd{margin:.15em 0 0}
strong{font-weight:600}
hr{border:0;border-top:1px solid var(--line);margin:2.4em 0}
.toc{border:1px solid var(--line);border-radius:var(--radius);padding:18px 24px 14px;background:var(--panel);margin:28px 0 8px}
.toc p{margin:0 0 6px;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-weight:600}
.toc ol{margin:0;padding-left:1.3em;columns:2;column-gap:32px;font-size:15px}
.toc li{margin:.2em 0;break-inside:avoid}
.callout{border-left:3px solid var(--gold);background:var(--panel);padding:14px 20px;border-radius:0 var(--radius) var(--radius) 0;margin:1.6em 0}
.callout p:last-child{margin-bottom:0}
.table-wrap{position:relative;overflow-x:auto;margin:1.2em 0 1.6em;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}
.table-wrap:focus-visible{outline:2px solid var(--gold)}
table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.4}
caption{caption-side:bottom;text-align:left;padding:10px 14px;font-size:13px;color:var(--muted)}
th,td{padding:9px 10px;text-align:center;border-bottom:1px solid var(--line)}
tr:last-child>*{border-bottom:0}
thead th{background:var(--panel);color:var(--gold);font-weight:600;white-space:nowrap}
tbody th{text-align:left;font-weight:600;white-space:nowrap}
table.left td{text-align:left}
td.h{background:var(--tint-h);font-weight:600}
td.s{background:var(--tint-s);font-weight:600}
.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:14px;color:var(--muted);margin:-.6em 0 1.4em}
.legend b{display:inline-block;min-width:26px;text-align:center;padding:1px 6px;border:1px solid var(--line);border-radius:4px;color:var(--text);margin-right:6px}
.legend .h{background:var(--tint-h)}.legend .s{background:var(--tint-s)}
.cta{display:inline-block;background:var(--gold);color:var(--on-gold);padding:12px 26px;border-radius:7px;text-decoration:none;font-weight:600;margin:.4em 0}
.cta:hover{filter:brightness(1.08)}
kbd{font:600 12px var(--sans);border:1px solid var(--line);border-radius:4px;padding:1px 6px;background:var(--panel)}
.faq h3{color:var(--text)}
.site-footer{border-top:1px solid var(--line);padding:34px 0 30px;color:var(--muted);font-size:14px;line-height:1.6}
.site-footer .wrap{display:grid;grid-template-columns:1.3fr 1fr;gap:20px 40px}
.site-footer strong{color:var(--text);letter-spacing:2px;font-size:13px}
.site-footer p{margin:.4em 0 0}
.foot-links{display:flex;flex-wrap:wrap;gap:6px 20px;align-content:flex-start}
.foot-links a{color:var(--muted);text-decoration:none}
.foot-links a:hover{color:var(--gold);text-decoration:underline}
.fine{grid-column:1/-1;font-size:13px;border-top:1px solid var(--line);padding-top:16px;margin-top:4px}
.center{text-align:center}
.nf{padding-top:96px;text-align:center}
.nf h1{font-size:clamp(56px,14vw,110px);margin:0}
@media(max-width:640px){table:not(.left) th,table:not(.left) td{padding:8px 4px}table:not(.left){font-size:14px}body{font-size:16px}.doc{padding:34px 18px 56px}.wrap{padding:0 18px}.toc ol{columns:1}.site-footer .wrap{grid-template-columns:1fr}h2{font-size:24px}.site-nav{gap:2px 16px}.brand small{display:none}.brand{font-size:13px}}
@media print{.site-header,.site-footer,.toc,.cta,.skip{display:none}body{background:#fff;color:#000;font-size:12pt}a{color:#000}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
code{font:14px/1 ui-monospace,Consolas,monospace;background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:2px 5px}
th code,td code{white-space:nowrap}
.table-wrap table.left td,.table-wrap table.left th{vertical-align:top}