/* ── Splash Ad Runtime ── */

.splash-ad{
  position:fixed;inset:0;
  background:var(--c-bg);
  z-index:var(--z-splash);
  overflow:hidden;
  height:var(--app-height);
  display:none;
}

.splash-ad.active{display:block;}

/* ── Image layers ── */
.splash-bg{
  position:absolute;inset:0;
  background-size:cover;
  background-position:var(--focus-x) var(--focus-y);
  opacity:0;
  transition:opacity var(--motion-slow) var(--motion-ease);
}

.splash-bg.show{opacity:1;}

/* ── Skip button ── */
.splash-skip{
  position:absolute;
  top:calc(16px + var(--safe-top));
  right:16px;
  z-index:10;
  font-size:var(--fs-sm);
  font-weight:600;
  color:rgba(255,255,255,0.8);
  background:rgba(0,0,0,0.4);
  padding:6px 14px;
  border-radius:var(--radius-full);
  border:none;
  cursor:pointer;
  font-family:var(--font-sans);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}

/* ── Fade out ── */
.splash-ad.fade-out{
  opacity:0;
  pointer-events:none;
  transition:opacity var(--motion-slow) ease;
}