/* Crayon-on-paper theme for the legal pages (privacy / data retention),
   adapted from the tubbytigergames.com site: warm cream paper, dark-brown
   "crayon ink", tiger orange, wobbly hand-drawn underlines. Self-contained —
   the game shell's hud.css is not loaded here. */
:root {
  --paper: #fff6ea;
  --ink: #4a2c17;
  --muted: #8a6a50;
  --orange: #f07822;
  --orange-deep: #d95f10;
  --yellow: #ffd166;
  --white: #fffdf8;
  --max: 880px;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  font-family: "Patrick Hand", "Comic Sans MS", cursive;
  font-size: 1.15rem;
  background: var(--paper);
  color: var(--ink);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}

a { color: var(--orange-deep); text-decoration: none; }
a:hover { text-decoration: underline wavy; text-underline-offset: 4px; }

.legal { max-width: var(--max); margin: 0 auto; padding: 2rem 1.5rem 4rem; }
.legal h1 {
  font-family: "Fredoka", "Patrick Hand", sans-serif;
  font-weight: 600;
  font-size: 2.2rem;
  display: inline-block;
  padding-bottom: 0.4rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='10' viewBox='0 0 110 10'%3E%3Cpath d='M3 7 Q 15 2 28 6 T 55 6 T 82 6 T 107 5' fill='none' stroke='%23ffd166' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x left bottom / 110px 10px;
}
.legal h2 { font-family: "Fredoka", "Patrick Hand", sans-serif; font-weight: 600; font-size: 1.35rem; margin-top: 2rem; }
.legal p, .legal li { color: var(--ink); }
.legal .updated { color: var(--muted); font-size: 1rem; }
/* block, so the inline-block h1 (which carries the crayon underline) starts
   on its own line below it */
.legal a.back { display: block; width: fit-content; margin-bottom: 1.5rem; color: var(--muted); }

.legal table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
  font-size: 1.05rem;
}
.legal th, .legal td {
  text-align: left;
  vertical-align: top;
  padding: 0.5rem 0.75rem;
  border-bottom: 2px dashed rgba(74, 44, 23, 0.25);
}
.legal th {
  font-family: "Fredoka", "Patrick Hand", sans-serif;
  font-weight: 600;
  border-bottom: 3px solid var(--orange);
}