*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* Legal footer ──────────────────────────────────────────── */
.legal-footer {
  background: #050505;
  border-top: 1px solid #141414;
  padding: 20px 20px 28px;
  text-align: center;
  font-family: 'Chakra Petch', 'Segoe UI', sans-serif;
  position: relative;
  z-index: 1;
}

.legal-footer-inner {
  max-width: 900px;
  margin: 0 auto;
}

.legal-footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0 0 10px;
  gap: 0;
}

.legal-footer-links a {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #3a3a3a;
  text-decoration: none;
  padding: 5px 14px;
  border-right: 1px solid #1a1a1a;
  transition: color 0.15s;
  white-space: nowrap;
}

.legal-footer-links a:last-child { border-right: none; }

.legal-footer-links a:hover { color: #C8001A; }

.legal-footer-copy {
  font-size: 10px;
  color: #282828;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

@media (max-width: 600px) {
  .legal-footer-links a {
    border-right: none;
    padding: 6px 10px;
  }
  .legal-footer-links {
    gap: 2px 0;
  }
}

    body {
      background-color: #0a0a0a;
      color: #e0e0e0;
      font-family: 'Chakra Petch', sans-serif;
      font-size: 16px;
      line-height: 1.8;
      padding: 40px 20px 100px;
    }
    /* Game-themed variations */
body {
    background-image: linear-gradient(45deg, #000000ad, #000000e3), url(../images/legal-bg.webp);
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

    /* With a subtle parallax effect (optional) */
    body {
      background-attachment: fixed;
    }

    /* Darker overlay for more immersive feel (RPG/Strategy games) */
    body::before {
      background-color: rgba(5, 5, 15, 0.85);
    }

    /* Lighter overlay for better readability (casual games) */
    body::before {
      background-color: rgba(0, 0, 0, 0.6);
    }

    .page {
      max-width: 840px;
      margin: 0 auto;
    }