/* ============================================================
   PLAKORO — Google AdSense
   Publisher: ca-pub-1812906444022147
   ------------------------------------------------------------
   The loader (adsbygoogle.js) is in <head> of every page, which is
   what Auto ads needs.

   MANUAL ad units live on the home page inside #screen-select:
     .plk-ad-banner  — top of the character-select screen
     .plk-ad-play    — below the play button
   Both use ad slot 5985758101 and push themselves with AdSense's
   standard inline snippet.

   Other pages carry hidden placeholders (.plk-ad-empty) documenting
   where a unit could go. They are display:none and never pushed, so
   they cost nothing — AdSense reserves ~280px for an unknown slot and
   would leave dead space on every page.
   To activate one: paste the slot ID into data-ad-slot and drop the
   plk-ad-empty class from that <div>.
   ============================================================ */

.plk-ad {
  display: block;
  margin: 16px auto;
  max-width: 100%;
  text-align: center;
  overflow: hidden;
}

/* Banner at the top of the character-select screen.
   Sits above the Pokemon grid; a little breathing room so it does not
   crowd the subtitle. */
.plk-ad-banner {
  margin: 14px auto 6px;
  max-width: 1000px;
}

/* Unit below the play button */
.plk-ad-play {
  margin: 14px auto 6px;
  max-width: 728px;
}

/* in-content unit inside an article */
.plk-ad-incontent {
  margin: 22px auto;
  padding: 4px 0;
}

/* unit at the very bottom, above the footer */
.plk-ad-footer {
  margin: 24px auto 8px;
  padding: 0 12px;
  max-width: 1000px;
}

/* Hidden placeholder for a slot ID that has not been filled in yet.
   Must stay display:none: AdSense reserves a ~280px iframe even for an
   unknown slot, so a visible placeholder is a visible hole. */
.plk-ad-empty {
  display: none;
}

/* AdSense injects iframes; keep them from breaking layout */
.plk-ad ins,
.plk-ad iframe {
  max-width: 100%;
}

@media (prefers-reduced-motion: reduce) {
  .plk-ad * {
    animation: none !important;
    transition: none !important;
  }
}