/* Home hero globe behind the card fan (and under the outlined "TCG" word) —
   drawn by pkg-hero-globe.js. The sphere is wider than the whole fan (it runs
   under the headline column, which sits above it at z-index 3, and is cut by
   the hero's overflow); the canvas square leaves room for the orbit rings,
   faded out at its edge. */
[data-hero-showcase] .sf-hero-globe {
  position: absolute;
  left: 47%; top: 42%;
  z-index: 0;
  width: min(200%, 1500px);
  aspect-ratio: 1;
  translate: -50% -50%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 1.4s ease;
  mask-image: radial-gradient(closest-side, #000 88%, transparent);
}
[data-hero-showcase] .sf-hero-globe.is-on { opacity: 1; }
[data-hero-showcase] .sf-hero-globe canvas { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
/* The globe's own orbit rings replace the portal's two spinning rings (pkg-hero.css);
   both at once read as lines whirling behind the cards' frosted glass. */
[data-hero-showcase] .sf-hero-globe ~ .sf-hero-aura .sf-hero-ring { display: none; }
@media (max-width: 680px) {
  [data-hero-showcase] .sf-hero-globe { left: 50%; top: 40%; width: 190%; }
}