/* V9 — starfield painted into the app shell itself */
html.av2 #win {
  background-color: rgba(5, 6, 12, .42) !important;
  background-image:
    radial-gradient(1px 1px at 24px 34px, rgba(255,255,255,.95), transparent 70%),
    radial-gradient(1px 1px at 92px 128px, rgba(175,230,255,.9), transparent 70%),
    radial-gradient(1.6px 1.6px at 160px 70px, rgba(255,255,255,.9), transparent 70%),
    radial-gradient(1px 1px at 224px 168px, rgba(255,185,235,.8), transparent 70%),
    radial-gradient(1px 1px at 288px 96px, rgba(255,255,255,.85), transparent 70%),
    radial-gradient(1.4px 1.4px at 352px 38px, rgba(195,255,220,.8), transparent 70%),
    radial-gradient(1px 1px at 408px 144px, rgba(180,220,255,.8), transparent 70%) !important;
  background-size: 460px 230px !important;
  background-attachment: scroll !important;
  animation: av3winStars 90s linear infinite;
}
@keyframes av3winStars { to { background-position: 460px 230px; } }
html.av2 #win::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(ellipse at 50% 18%, transparent 20%, rgba(3,4,8,.32) 100%);
}
html.av2 #chrome { position: relative; z-index: 1; }
html.av2 #view-home .hero { background-color: rgba(10, 12, 22, .58) !important; }
html.av2 .tile, html.av2 .av2-game-card { background-color: rgba(12, 14, 22, .55) !important; }
@media (prefers-reduced-motion: reduce) {
  html.av2 #win { animation: none !important; }
}