/* The privacy policy and account-deletion pages: the pond teal and cream paper of the game, set for long reading. */
:root {
  --pond: #1d5b61;
  --pond-deep: #123f44;
  --paper: #fbf6e9;
  --line: #e4d7b8;
  --ink: #3a3340;
  --soft: #6c6275;
  --water: #2b7f86;
  --leaf: #4cb944;
  --leaf-dark: #2f7a2c;
  --sun: #f7ce2b;
  --link: #1f6f76;
  color-scheme: light;
}

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: radial-gradient(ellipse at top, #2b7f86 0%, var(--pond) 45%, var(--pond-deep) 100%) fixed, var(--pond);
  color: var(--ink);
  font: 17px/1.6 system-ui, -apple-system, 'Segoe UI', Roboto, 'Noto Sans', sans-serif;
}

a { color: var(--link); }

.lg-top {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  align-items: center;
  justify-content: space-between;
  max-width: 760px;
  margin: 0 auto;
  padding: 18px 16px 10px;
}

.lg-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  text-decoration: none;
  font: 700 22px/1 Fredoka, system-ui, sans-serif;
  letter-spacing: 0.02em;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
}

.lg-brand img { border-radius: 10px; }

.lg-lang { display: flex; align-items: center; gap: 8px; color: #d8efe9; font-size: 14px; }

.lg-lang select {
  background: var(--paper);
  color: var(--ink);
  border: 0;
  border-radius: 10px;
  padding: 6px 8px;
  font: inherit;
  font-size: 15px;
}

.lg-main {
  max-width: 760px;
  margin: 8px auto 0;
  padding: 26px 24px 30px;
  background: var(--paper);
  border-radius: 22px;
  box-shadow: 0 6px 0 rgba(0, 0, 0, 0.18);
}

h1 {
  margin: 0 0 4px;
  color: var(--pond);
  font: 700 clamp(26px, 6vw, 36px)/1.2 Fredoka, system-ui, sans-serif;
}

h2 {
  margin: 28px 0 8px;
  color: var(--leaf-dark);
  font: 600 21px/1.3 Fredoka, system-ui, sans-serif;
  border-bottom: 2px solid var(--line);
  padding-bottom: 6px;
}

.lg-date { margin: 0 0 18px; color: var(--soft); font-size: 14px; }

.lg-intro { font-size: 18px; }

p, li { overflow-wrap: anywhere; }

ul, ol { padding-left: 1.3em; }

li { margin: 6px 0; }

b { color: #1f1a24; }

.lg-foot {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  align-items: center;
  justify-content: space-between;
  max-width: 760px;
  margin: 0 auto;
  padding: 18px 16px 40px;
  font-size: 15px;
}

.lg-foot a { color: #e9f7f3; }

.lg-foot .lg-play {
  color: #fff;
  background: linear-gradient(180deg, #5fcf55, var(--leaf-dark));
  border-radius: 999px;
  padding: 9px 20px;
  text-decoration: none;
  font: 700 16px/1 Fredoka, system-ui, sans-serif;
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
}

@media (max-width: 480px) {
  body { font-size: 16px; }
  .lg-main { border-radius: 0; padding: 20px 16px 24px; }
}