:root { color-scheme: dark; --gold:#ffd95a; --ink:#edf2fa; --muted:#aeb8cc; --ground:#05070e; }
* { box-sizing: border-box; }
body {
  margin: 0; min-height: 100vh; padding: 32px 18px 56px;
  background: radial-gradient(circle at 70% 0%, #183429 0, transparent 36%), var(--ground);
  color: var(--ink); font: 16px/1.65 system-ui, -apple-system, "Segoe UI", sans-serif;
}
main {
  width: min(780px, 100%); margin: auto; padding: clamp(22px, 5vw, 52px);
  border: 1px solid rgba(255,255,255,.13); border-radius: 24px;
  background: linear-gradient(160deg, rgba(24,31,48,.97), rgba(8,12,21,.98));
  box-shadow: 0 28px 90px rgba(0,0,0,.5);
}
h1, h2 { line-height: 1.15; }
h1 { margin: 0 0 8px; font-size: clamp(30px, 6vw, 48px); }
h2 { margin: 32px 0 8px; color: var(--gold); font-size: 21px; }
p, li { color: var(--muted); }
strong { color: var(--ink); }
a { color: var(--gold); }
.brand { margin: 0 0 24px; color: var(--gold); font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.updated { margin: 0 0 28px; font-size: 14px; }
.back { display: inline-block; margin-top: 30px; }

/* Página de guía (como-jugar.html) */
h3 { margin: 22px 0 6px; font-size: 17px; line-height: 1.3; }
ul { margin: 8px 0 0; padding-left: 22px; }
li { margin: 6px 0; }
.brand a { text-decoration: none; }
.lead { font-size: 17px; }
.cta-link {
  display: inline-block; margin: 18px 0 4px; padding: 12px 22px;
  border-radius: 999px; background: linear-gradient(180deg, #ffe27a, #ffd95a);
  color: #1a1206; font-weight: 800; text-decoration: none;
}
.footnav { margin-top: 34px; font-size: 14px; }