/* The site's two legal pages (privacy.html, terms.html), 2026-11-04. water.html's look: one dark page,
   Barlow Condensed (the main UI's font since 2026-11-01, loaded by js/sports-menu.js, the cclook kit's owner), gold for what you press, no boxes and no underlines.
   A document is long, so unlike a game screen it scrolls. */
:root{--ground:#0b0909;--lit:#ffb21a;--cream:#f4ecd6;--dim:#a79f8c}
*{box-sizing:border-box}
html{background:var(--ground)}
body{margin:0;background:var(--ground);color:var(--cream);font:600 19px/1.4 'Barlow Condensed','Arial Narrow',Arial,sans-serif;
  padding:max(16px,env(safe-area-inset-top)) 16px max(28px,env(safe-area-inset-bottom))}
a{color:var(--lit);text-decoration:none;overflow-wrap:anywhere}
a:hover,a:focus-visible{color:var(--cream);outline:0}
.back{display:inline-block;font-weight:800;font-size:20px;letter-spacing:.03em;text-transform:uppercase}
main{max-width:720px;margin:0 auto}
h1{margin:18px 0 2px;font-weight:800;font-size:clamp(34px,8vw,52px);line-height:1;letter-spacing:.04em;text-transform:uppercase}
.when{margin:0 0 18px;color:var(--dim)}
h2{margin:26px 0 6px;font-weight:800;font-size:23px;letter-spacing:.04em;text-transform:uppercase;color:var(--lit)}
p{margin:0 0 10px}
ul{margin:0 0 10px;padding:0 0 0 1.1em}
li{margin:0 0 8px}
b{font-weight:800}
.also{margin-top:30px;font-weight:800;font-size:20px;letter-spacing:.03em;text-transform:uppercase}