/* Base */
    * { box-sizing: border-box; }
    html, body { width:100%; }
    body {
      margin:0; background:#0a0a0a; color:#eee;
      font-family:'Segoe UI', sans-serif;
      overflow-x:hidden;
    }

    h1 {
  text-align: center;
  padding: 2rem 1rem;
  font-size: 3rem;
  font-weight: bold;

  /* Gradient background */
  background: linear-gradient(90deg, #FFD700, #FF4500, #FFD700);
  background-size: 200% auto;
  animation: shine 5s linear infinite;

  /* Gradient text effect */
  background-clip: text;                 /* Standard (Firefox) */
  -webkit-background-clip: text;         /* WebKit/Blink */
  color: transparent;                    /* Standard */
  -webkit-text-fill-color: transparent;  /* WebKit-specific */

  /* Optional fallback solid color */
  /* color: #FFD700; */

  /* Glow effect */
  text-shadow: 0 0 15px rgba(255, 215, 0, 0.3);
}

@keyframes shine {
  to { background-position: 200% center; }
}

    /* Page layout: left ads | content | right ads */
    .page {
      display:grid;
      grid-template-columns: 200px minmax(0, 1fr) 200px; /* give skyscrapers breathing room */
      gap:16px;
      max-width:1240px;
      margin:0 auto;
      padding:0 12px;
    }

    /* Side ad columns (scroll naturally with the page) */
    .side-column {}
    .side-slot {
      width:160px;           /* typical skyscraper width */
      min-height:600px;      /* typical skyscraper height */
      margin:16px auto;
      background:#111;
      border:2px dashed #FFD700;
      border-radius:8px;
      display:flex;
      align-items:center;
      justify-content:center;
      overflow:visible;      /* do not clip provider wrappers */
    }
    @media (min-width:1025px) {
      .side-slot ins, .side-slot iframe {
        width:160px !important;
        height:600px !important;
        max-width:160px !important;
        max-height:600px !important;
        display:block !important;
        border:0 !important;
      }
    }

    /* Section content blocks */
    .section {
      max-width:800px; margin:2rem auto; padding:1rem 2rem;
      background:#111; border-radius:12px; box-shadow:0 0 15px rgba(0,0,0,0.5);
    }
    .section h2 {
      color:#FFD700; font-size:1.8rem; margin-bottom:1rem;
      border-bottom:1px solid #333; padding-bottom:.5rem;
    }
    .section p {
      font-size:1.1rem; line-height:1.6; color:#ccc;
    }

/* Download list */
.downloads .download-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.downloads .download-list li {
  margin: .75rem 0;
  display: flex;              /* stack link + date vertically */
  flex-direction: column;
  align-items: flex-start;    /* align left */
}

.downloads .download-list a {
  display: inline-block;
  padding: .6rem 1rem;
  background: #222;
  color: #FFD700;
  border: 2px solid #FFD700;
  border-radius: 8px;
  text-decoration: none;
  font-weight: bold;
  transition: .3s;
}

.downloads .download-list a:hover {
  background: #FFD700;
  color: #111;
}

/* File date badge always under the link */
.downloads .download-list .file-date {
  display: block;             /* forces new line */
  margin-top: 6px;            /* spacing below link */
  padding: 4px 8px;
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFD700;
  background: #1a1a1a;
  border: 1px solid #FFD700;
  border-radius: 6px;
  width: fit-content;         /* shrink to content */
}

    /* Back link */
    .back {
      display:block; text-align:center; margin:2rem auto;
      color:#aaa; text-decoration:none; font-size:1.1rem;
      transition:.3s;
    }
    .back:hover { color:#FFD700; }

    /* Top/bottom leaderboard wrapper */
    .ad-card {
      display:flex; align-items:center; justify-content:center;
      background:#111; border:2px dashed #FFD700;
      border-radius:12px; padding:10px; margin:20px auto;
      max-width:728px; width:100%;
      overflow:hidden;
    }

    /* Game embed */
    .game-embed { text-align:center; }
    .iframe-wrapper {
      position:relative;
      width:100%;
      max-width:800px;
      margin:1rem auto;
      padding-top:56.25%; /* 16:9 aspect ratio */
      border:2px solid #FFD700;
      border-radius:12px;
      overflow:hidden;
      box-shadow:0 0 15px rgba(0,0,0,0.6);
      background:#000;
    }
    .iframe-wrapper iframe {
      position:absolute; top:0; left:0;
      width:100%; height:100%;
      border:0;
    }

    /* Cheat table */
    .cheat-table {
      width:100%; border-collapse:collapse; margin-top:1rem;
    }
    .cheat-table th, .cheat-table td {
      border:1px solid #333; padding:.75rem; text-align:left;
    }
    .cheat-table th { background:#222; color:#FFD700; }
    .cheat-table tr:nth-child(even) { background:#1a1a1a; }

    /* Extra ad zones containers */
    .mobile-banner,
    .native-widget {
      background:#111; border:2px dashed #FFD700;
      border-radius:12px; padding:8px;
      display:flex; align-items:center; justify-content:center;
      max-width:728px; width:100%; margin:20px auto;
      overflow:hidden;
    }

    /* Sticky footer: center content, prevent horizontal overflow */
    .sticky-footer {
      position:fixed; bottom:0; left:0; right:0; z-index:9999;
      background:#111; border-top:2px solid #FFD700;
      display:flex; align-items:center; justify-content:center;
      padding:6px 10px; width:100%;
      box-shadow:0 -4px 20px rgba(0,0,0,0.4);
    }
    .sticky-footer-inner {
      width:100%; max-width:728px; margin:0 auto;
      display:flex; align-items:center; justify-content:center;
      overflow:hidden;
    }

    /* Defensive: prevent provider wrappers from causing width overflow */
    .ad-card iframe, .ad-card ins,
    .mobile-banner iframe, .mobile-banner ins,
    .native-widget iframe, .native-widget ins,
    .sticky-footer iframe, .sticky-footer ins,
    .sticky-footer-inner iframe, .sticky-footer-inner ins {
      width:100% !important;
      height:100% !important;
      max-width:100% !important;
      display:block !important;
      border:0 !important;
    }

    /* Responsive: hide side columns on narrow screens */
    @media (max-width:1024px) {
      .page { grid-template-columns: 1fr; }
      .side-column { display:none; }
      body { padding-bottom:76px; } /* prevent sticky footer overlap on mobile */
    }
    .file-date {
  display: inline-block;
  margin-left: 10px;
  padding: 3px 10px;
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFD700;                  /* gold text */
  background: #1a1a1a;             /* dark background */
  border: 1px solid #FFD700;       /* gold border */
  border-radius: 6px;
  text-shadow: 0 0 6px rgba(255,215,0,0.4);
  box-shadow: 0 0 8px rgba(255,215,0,0.2) inset;
  white-space: nowrap;
  transition: 0.3s;
}

.file-date:hover {
  background: #FFD700;
  color: #111;
  text-shadow: none;
}