/* V8 — unmistakable starfield inside the app */
html.av2 body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: .9;
  background-image:
    radial-gradient(1px 1px at 16px 24px, rgba(255,255,255,.95), transparent 70%),
    radial-gradient(1px 1px at 82px 118px, rgba(170,230,255,.9), transparent 70%),
    radial-gradient(1.6px 1.6px at 148px 58px, rgba(255,255,255,.92), transparent 70%),
    radial-gradient(1px 1px at 214px 156px, rgba(255,175,230,.8), transparent 70%),
    radial-gradient(1px 1px at 276px 86px, rgba(255,255,255,.85), transparent 70%),
    radial-gradient(2px 2px at 334px 32px, rgba(190,255,220,.85), transparent 70%);
  background-size: 380px 230px;
  animation: av3bodyStars 120s linear infinite;
}
html.av2 body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: .5;
  background-image:
    radial-gradient(1px 1px at 42px 76px, rgba(255,255,255,.9), transparent 70%),
    radial-gradient(1px 1px at 122px 30px, rgba(190,215,255,.8), transparent 70%),
    radial-gradient(1.4px 1.4px at 198px 120px, rgba(255,255,255,.85), transparent 70%),
    radial-gradient(1px 1px at 292px 70px, rgba(255,225,180,.8), transparent 70%);
  background-size: 280px 190px;
  animation: av3bodyStars2 180s linear infinite;
}
@keyframes av3bodyStars { to { background-position: 380px 230px; } }
@keyframes av3bodyStars2 { to { background-position: -280px 190px; } }
html.av2 #win { background: rgba(5, 6, 12, .08) !important; }
html.av2 #main { background: transparent !important; }
html.av2 #top { background: rgba(7, 8, 14, .52) !important; }
html.av2 .av2-sec h3, html.av2 .av2-sec span { text-shadow: 0 2px 10px rgba(0,0,0,.9); }
@media (prefers-reduced-motion: reduce) {
  html.av2 body::before, html.av2 body::after { animation: none !important; }
}