/* V7 — the starfield lives inside the app */
html.av2 #view-home .hero {
  background:
    radial-gradient(700px 300px at 12% -30%, rgba(67, 231, 255, .20), transparent 60%),
    radial-gradient(500px 300px at 92% 0%, rgba(255, 61, 139, .17), transparent 60%),
    linear-gradient(145deg, rgba(16, 20, 39, .72), rgba(9, 11, 20, .76)) !important;
  backdrop-filter: blur(5px);
}
html.av2 .av2-arena-card {
  background-blend-mode: screen;
  background-color: rgba(15, 18, 32, .55) !important;
  backdrop-filter: blur(4px);
}
html.av2 .av2-arena-card.pvp {
  background:
    radial-gradient(300px 160px at 100% 0%, rgba(255, 61, 139, .22), transparent 65%),
    linear-gradient(145deg, rgba(27, 16, 32, .62), rgba(10, 12, 21, .72)) !important;
}
html.av2 .av2-arena-card.casino {
  background:
    radial-gradient(300px 160px at 100% 0%, rgba(67, 231, 255, .18), transparent 65%),
    linear-gradient(145deg, rgba(13, 23, 34, .62), rgba(10, 12, 21, .72)) !important;
}
html.av2 .tile {
  background: linear-gradient(145deg, rgba(24, 28, 43, .72), rgba(12, 14, 22, .78)) !important;
  backdrop-filter: blur(3px);
}
html.av2 .panel {
  background: rgba(18, 21, 33, .64) !important;
  backdrop-filter: blur(10px) saturate(125%);
}
html.av2 .av2-game-card {
  background: linear-gradient(145deg, rgba(24, 28, 43, .72), rgba(10, 12, 20, .78)) !important;
  backdrop-filter: blur(3px);
}
html.av2 #av2bg::before { opacity: 1 !important; }
html.av2 #av2bg::after { opacity: .7 !important; }
html.av2 #av2bg .grain { opacity: .26 !important; }
html.av2 #top { background: rgba(7, 8, 14, .55) !important; }