/* La web de fablerunner.online (15-10-2026): portada, privacidad y borrar la cuenta. Páginas estáticas y sencillas con
   los colores del juego (pergamino y madera, contorno de letra #3d2208). Sin cookies, sin analítica, sin nada de fuera
   salvo la letra Lilita One de Google Fonts para los títulos. */
:root {
  --fondo: #2f5a2a;
  --fondo-claro: #3f7a36;
  --papel: #f7ecd0;
  --papel-borde: #d9c08a;
  --texto: #3d2208;
  --texto-suave: #6b4a24;
  --madera: #8a5a2b;
  --verde: #3fcf3a;
  --enlace: #1f6fb8;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --fondo: #16301a;
    --fondo-claro: #21452a;
    --papel: #2a2216;
    --papel-borde: #5b4524;
    --texto: #f3e4c2;
    --texto-suave: #cdb58a;
    --madera: #b07a40;
    --enlace: #7fb8ff;
  }
}
:root[data-theme="dark"] {
  --fondo: #16301a;
  --fondo-claro: #21452a;
  --papel: #2a2216;
  --papel-borde: #5b4524;
  --texto: #f3e4c2;
  --texto-suave: #cdb58a;
  --madera: #b07a40;
  --enlace: #7fb8ff;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: radial-gradient(circle at 50% 0%, var(--fondo-claro), var(--fondo) 70%) fixed;
  color: var(--texto);
  font: 17px/1.55 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
main {
  max-width: 760px;
  margin: 0 auto;
  padding: 24px 16px 48px;
}
.cabecera {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
  color: #fff;
  text-decoration: none;
}
.cabecera img { width: 56px; height: 56px; border-radius: 14px; box-shadow: 0 3px 0 rgba(0,0,0,.25); }
.cabecera span {
  font-family: "Lilita One", system-ui, sans-serif;
  font-size: 28px;
  text-shadow: 0 2px 0 #3d2208, 2px 0 0 #3d2208, -2px 0 0 #3d2208, 0 -2px 0 #3d2208;
}
.papel {
  background: var(--papel);
  border: 3px solid var(--papel-borde);
  border-radius: 18px;
  padding: 22px 22px 26px;
  box-shadow: 0 6px 0 rgba(0,0,0,.22);
}
h1, h2 {
  font-family: "Lilita One", system-ui, sans-serif;
  font-weight: 400;
  line-height: 1.15;
  margin: 1.3em 0 .45em;
}
h1 { font-size: 32px; margin-top: 0; }
h2 { font-size: 23px; color: var(--madera); }
h3 { font-size: 18px; margin: 1.1em 0 .3em; }
p, li { color: var(--texto); }
.suave { color: var(--texto-suave); font-size: 15px; }
a { color: var(--enlace); }
ul { padding-left: 1.2em; }
.portada { text-align: center; }
.portada img.icono { width: 160px; height: 160px; border-radius: 34px; box-shadow: 0 6px 0 rgba(0,0,0,.25); }
.portada img.banner { width: 100%; height: auto; border-radius: 14px; margin: 6px 0 14px; }
.boton {
  display: inline-block;
  margin-top: 8px;
  padding: 12px 26px;
  border-radius: 999px;
  background: linear-gradient(#7be86a, #3fcf3a 55%, #2fa52c);
  box-shadow: 0 5px 0 #1d5a12;
  color: #fff;
  font-family: "Lilita One", system-ui, sans-serif;
  font-size: 22px;
  text-decoration: none;
  text-shadow: 0 2px 0 #1d5a12;
}
footer {
  margin-top: 22px;
  text-align: center;
  color: #e9f3e2;
  font-size: 14px;
}
footer a { color: #fff; }
@media (max-width: 480px) {
  body { font-size: 16px; }
  h1 { font-size: 27px; }
  .papel { padding: 18px 16px 22px; }
}