/* the legal pages: the site's dark ground, the game's Nunito, readable at every width */
:root { color-scheme: dark; }
* { box-sizing: border-box; }
html { background: #080b21; }
body { margin: 0; font: 400 17px/1.6 'Nunito', system-ui, sans-serif; color: #e6ebff; background: radial-gradient(120% 60% at 50% -10%, #1a1f5a 0%, #080b21 60%); min-height: 100vh; }
a { color: #7fd0ff; } a:focus-visible, .brand:focus-visible { outline: 3px solid #ffd166; outline-offset: 3px; border-radius: 6px; }
.skip-link { position: absolute; left: -999px; top: 0; background: #ffd166; color: #141414; padding: 8px 12px; border-radius: 0 0 8px 0; }
.skip-link:focus { left: 0; z-index: 10; }
.legal-head { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; padding: 20px max(16px, 4vw); border-bottom: 1px solid #ffffff1f; }
.brand { font-weight: 800; font-size: 22px; letter-spacing: .02em; color: #ffffff; text-decoration: none; }
.legal-nav { display: flex; flex-wrap: wrap; gap: 8px 18px; font-weight: 700; }
.legal-nav a, .legal-nav span { text-decoration: none; padding: 6px 2px; } .legal-nav span { color: #ffd166; border-bottom: 2px solid #ffd166; }
.legal { max-width: 760px; margin: 0 auto; padding: 32px max(16px, 4vw) 64px; }
.legal h1 { font-size: clamp(30px, 5vw, 44px); line-height: 1.1; margin: 0 0 8px; font-weight: 800; }
.updated { color: #a9b4e0; margin: 0 0 32px; }
.legal h2 { font-size: clamp(21px, 3vw, 26px); margin: 36px 0 10px; font-weight: 800; color: #ffffff; }
.legal p { margin: 0 0 14px; }
.legal-foot { display: flex; flex-wrap: wrap; gap: 10px 24px; align-items: center; padding: 24px max(16px, 4vw) 40px; border-top: 1px solid #ffffff1f; color: #a9b4e0; font-size: 15px; }
.legal-foot a { font-weight: 700; }
.legal-foot address { font-style: normal; }
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; } }