/* Sum Rush: the privacy and support pages, themed to the game (bright purple-to-blue, white sticker
   cards with a chunky edge, Fredoka). The site's shared style.css is never edited. */
@font-face { font-family: 'Fredoka'; font-style: normal; font-display: swap; font-weight: 300 700;
  src: url('fonts/fredoka-latin.woff2') format('woff2-variations'), url('fonts/fredoka-latin.woff2') format('woff2'); }
:root { --ink: #1E1B3A; --muted: #5E5A86; --sun: #FFC83D; --edge: rgba(24, 12, 104, .34); }
html { background: #4A34DA; }
body.sr { margin: 0; min-height: 100vh; color: var(--ink); font: 17px/1.6 'Fredoka', system-ui, -apple-system, 'Segoe UI', sans-serif;
  background: radial-gradient(120% 60% at 0% 0%, rgba(255,120,220,.35), transparent 60%),
              radial-gradient(90% 55% at 100% 100%, rgba(40,220,255,.35), transparent 60%),
              linear-gradient(165deg, #5A3BE6 0%, #4532D6 45%, #2A6FE6 100%) fixed; }
body.sr main { max-width: 760px; margin: 0 auto; padding: 28px 16px 64px; }
body.sr .back { color: #fff; font-weight: 600; text-decoration: none; opacity: .9; }
body.sr .back:hover { opacity: 1; text-decoration: underline; }
body.sr .sheet { background: #fff; border-radius: 26px; padding: 28px 26px 30px; margin-top: 18px;
  box-shadow: 0 8px 0 var(--edge), 0 24px 40px -18px rgba(16,6,70,.6); }
body.sr h1 { font-size: clamp(34px, 7vw, 46px); line-height: 1.05; margin: 0; color: #fff; font-weight: 700;
  text-shadow: 0 4px 0 rgba(24,12,104,.45); }
body.sr .sub { color: #fff; opacity: .92; font-weight: 600; margin: 6px 0 0; }
body.sr h2 { font-size: 23px; line-height: 1.2; margin: 30px 0 8px; font-weight: 700; color: #3A22C4; }
body.sr .sheet > h2:first-child { margin-top: 0; }
body.sr a { color: #2F5FE0; }
body.sr ul { padding-left: 22px; }
body.sr li { margin: 4px 0; }
body.sr strong { font-weight: 600; }
body.sr .lead { font-size: 19px; }
body.sr .note { background: #F3F1FF; border-radius: 16px; padding: 12px 16px; }
body.sr .updated { color: var(--muted); font-size: 15px; margin-top: 28px; }
body.sr nav.pages { display: flex; gap: 14px; margin-top: 10px; }
body.sr nav.pages a { color: #fff; font-weight: 600; }
@media (max-width: 480px) { body.sr .sheet { padding: 22px 18px 24px; border-radius: 22px; } body.sr { font-size: 16px; } }