:root{--bg:#0A1020;--surface:#16213A;--border:#273453;--text:#F2F6FF;
--muted:#93A4C4;--green:#2FB36B;--link:#6FA0FF}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);
font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
line-height:1.6}
a{color:var(--link)}
header.site{border-bottom:1px solid var(--border)}
nav.site{max-width:860px;margin:0 auto;padding:14px 20px;display:flex;
flex-wrap:wrap;gap:14px;align-items:center}
nav.site .brand{font-weight:800;color:var(--text);text-decoration:none;
margin-right:auto;font-size:1.15rem}
nav.site a{color:var(--muted);text-decoration:none;font-size:.92rem}
nav.site a:hover{color:var(--text)}
main{max-width:760px;margin:0 auto;padding:32px 20px 64px}
h1{font-size:1.9rem;line-height:1.2}
h2{margin-top:2em}
.lead{color:var(--muted);font-size:1.1rem}
.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;
padding:18px 20px;margin:16px 0}
.cta{display:inline-block;background:var(--green);color:#04210f;font-weight:700;
padding:12px 20px;border-radius:12px;text-decoration:none;margin:8px 0}
footer.site{border-top:1px solid var(--border);color:var(--muted);font-size:.85rem;
max-width:760px;margin:0 auto;padding:24px 20px 48px}
footer.site a{color:var(--muted)}
footer.site a:hover{color:var(--text)}
.footlinks{display:flex;flex-wrap:wrap;gap:6px 16px;margin:14px 0}
.footlinks a{text-decoration:none;font-size:.9rem}
.disclaimer{font-size:.8rem;line-height:1.5;color:var(--muted);opacity:.85}
ul{padding-left:1.2em}
li{margin:.25em 0}
table{border-collapse:collapse;width:100%}
td,th{border-bottom:1px solid var(--border);padding:8px 6px;text-align:left;
font-size:.92rem;vertical-align:top}
article,main p{max-width:100%}
main h2{font-size:1.35rem}
.card a{color:var(--text);text-decoration:none}
.card a:hover{color:var(--link)}
.card strong{font-size:1.08rem}
.playcard{background:linear-gradient(135deg,rgba(47,179,107,.14),var(--surface));
border:1px solid rgba(47,179,107,.4);border-radius:14px;padding:20px 22px;margin:32px 0 8px}
.playcard p{margin-top:0}
.related{margin:32px 0 8px;border-top:1px solid var(--border);padding-top:16px}
.related h2{margin-top:.4em;font-size:1.2rem}
.related ul{list-style:none;padding-left:0}
.related a{text-decoration:none}
.related a:hover{text-decoration:underline}