/* Shared styles for the legal pages (privacy, terms, refunds). Uses the game's colours and self-hosted fonts. */
:root{color-scheme:dark;--night:#0A1411;--pitch:#10211A;--edge:#24443A;--chalk:#EEF2EA;--chalk-dim:#A3B5AB;--chalk-faint:#6F8579;--gold:#E6B84E;
--display:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;--body:"Barlow Semi Condensed","Arial Narrow",system-ui,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--night);color:var(--chalk);font:17px/1.55 var(--body);-webkit-font-smoothing:antialiased}
.wrap{max-width:720px;margin:0 auto;padding:20px 16px 64px}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--edge)}
.brand{font:900 20px/.9 var(--display);text-transform:uppercase;color:var(--chalk);text-decoration:none}
.brand small{display:block;font:700 11px/1 var(--display);letter-spacing:.3em;color:var(--gold);margin-bottom:3px}
.back{color:var(--gold);font-weight:600;text-decoration:none;white-space:nowrap}
nav.legal{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 4px}
nav.legal a{color:var(--chalk-dim);text-decoration:none;border:1px solid var(--edge);border-radius:999px;padding:4px 12px;font-size:15px}
nav.legal a[aria-current="page"]{color:var(--night);background:var(--gold);border-color:var(--gold);font-weight:700}
h1{font:900 40px/.95 var(--display);text-transform:uppercase;margin:20px 0 6px}
h2{font:800 24px/1.05 var(--display);text-transform:uppercase;margin:32px 0 8px;color:var(--gold)}
h3{font:700 19px/1.2 var(--body);margin:20px 0 6px}
p,li{color:var(--chalk)} .muted{color:var(--chalk-dim);font-size:15px}
a{color:var(--gold)}
ul{padding-left:22px} li{margin:4px 0}
.box{background:var(--pitch);border:1px solid var(--edge);border-radius:14px;padding:14px 16px;margin:16px 0}
table{width:100%;border-collapse:collapse;margin:12px 0;font-size:15.5px}
th,td{text-align:left;vertical-align:top;padding:8px 10px;border-bottom:1px solid var(--edge)}
th{color:var(--chalk-dim);font-weight:600}
footer{margin-top:40px;padding-top:14px;border-top:1px solid var(--edge);color:var(--chalk-faint);font-size:14px}
@media (max-width:520px){h1{font-size:34px}table,thead,tbody,tr,th,td{display:block}thead{display:none}td{border:0;padding:2px 0}tr{border-bottom:1px solid var(--edge);padding:8px 0}td:first-child{font-weight:700;color:var(--chalk-dim)}}
