:root { --negro: #04100b; --verde: #0d3a2b; --tiza: #eef3ea; --tenue: #a8c0b2; --amarillo: #f2c230; }
* { box-sizing: border-box; }
body { margin: 0; background: radial-gradient(90% 50% at 50% 0%, #12382b, var(--negro) 70%) fixed, var(--negro);
  color: var(--tiza); font-family: Barlow, "Segoe UI", system-ui, sans-serif; line-height: 1.55; }
a { color: var(--amarillo); }
.barra { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap;
  max-width: 980px; margin: 0 auto; padding: 16px; border-bottom: 1px solid rgba(238,243,234,.15); }
.logo { font-family: "Big Shoulders Display", Impact, sans-serif; font-weight: 900; font-size: 1.5rem;
  text-transform: uppercase; color: var(--tiza); text-decoration: none; }
.logo span { color: var(--amarillo); }
.barra nav { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; }
.barra nav a { color: var(--tenue); text-decoration: none; font-weight: 600; }
.barra nav a[aria-current] { color: var(--tiza); }
a.jugar { background: var(--amarillo); color: var(--negro) !important; padding: 8px 16px; border-radius: 8px;
  font-family: "Big Shoulders Display", Impact, sans-serif; font-weight: 900; text-transform: uppercase;
  text-decoration: none; letter-spacing: .03em; }
a.jugar.grande { font-size: 1.4rem; padding: 12px 22px; display: inline-block; }
.pagina-estatica { max-width: 760px; margin: 0 auto; padding: 24px 16px 40px; }
.pagina-estatica h1 { font-family: "Big Shoulders Display", Impact, sans-serif; font-weight: 900;
  text-transform: uppercase; font-size: clamp(2.2rem, 7vw, 3.6rem); line-height: .95; margin: 8px 0 18px; }
.pagina-estatica h2 { font-family: "Big Shoulders Display", Impact, sans-serif; font-weight: 800;
  text-transform: uppercase; color: var(--amarillo); margin: 28px 0 6px; }
.volver { margin-top: 32px; }
.publicidad { margin: 28px 0; min-height: 90px; }
.publicidad span { display: block; font-size: .7rem; letter-spacing: .14em; text-transform: uppercase; color: var(--tenue); }
.pie { max-width: 980px; margin: 0 auto; padding: 20px 16px 40px; border-top: 1px solid rgba(238,243,234,.15);
  color: var(--tenue); font-size: .85rem; }
.pie nav { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 8px; }
.pie nav a { color: var(--tiza); }