/* N9 v0.19.9 — MATCH THE MARKETING ART
   Uses the vivid blue/violet orbital artwork directly in the live playfield.
*/

body.n9-game-page,
body.n9-arena-page{
  background:
    #020817
    url('../images/casino-ui/n9-marketing-orbit-live.jpg')
    center center/cover fixed no-repeat!important;
}

body.n9-game-page .reactor-stage,
body.n9-arena-v170 .reactor-stage{
  background:
    url('../images/casino-ui/n9-marketing-orbit-live.jpg')
    center center/cover no-repeat!important;
  background-color:#031020!important;
  filter:brightness(1.10) saturate(1.12) contrast(1.03)!important;
  border:1px solid rgba(67,217,255,.78)!important;
  box-shadow:
    0 0 20px rgba(45,211,255,.26),
    0 0 50px rgba(107,70,255,.18),
    inset 0 0 22px rgba(30,110,255,.06)!important;
}

/* Keep all old darkening / atmosphere masks fully disabled. */
body.n9-game-page .reactor-stage::before,
body.n9-game-page .reactor-stage::after,
body.n9-arena-v170 .reactor-stage::before,
body.n9-arena-v170 .reactor-stage::after,
body.n9-game-page .reactor-stage > .n9-full-cosmic-field,
body.n9-game-page .reactor-stage > .n9-motion-aurora,
body.n9-game-page .reactor-stage > .n9-energy-sweep,
body.n9-game-page .reactor-stage > #fxCanvas,
body.n9-arena-v170 .reactor-stage > .n9-full-cosmic-field,
body.n9-arena-v170 .reactor-stage > .n9-motion-aurora,
body.n9-arena-v170 .reactor-stage > .n9-energy-sweep,
body.n9-arena-v170 .reactor-stage > #fxCanvas,
body.n9-game-page #grid.pulse-grid::before,
body.n9-game-page #grid.pulse-grid::after,
body.n9-arena-v170 #grid.pulse-grid::before,
body.n9-arena-v170 #grid.pulse-grid::after{
  display:none!important;
}

body.n9-game-page #grid.pulse-grid,
body.n9-arena-v170 #grid.pulse-grid{
  background:transparent!important;
}

/* Since the artwork itself already has strong orbital lines,
   keep the coded orbit system complementary, not muddy. */
body.n9-game-page .stage-rings,
body.n9-arena-v170 .stage-rings{
  opacity:.72!important;
  filter:brightness(1.45) saturate(1.42)!important;
}
body.n9-game-page .stage-rings i,
body.n9-arena-v170 .stage-rings i{
  border-color:rgba(78,182,255,.58)!important;
  box-shadow:0 0 7px rgba(68,190,255,.20)!important;
}
body.n9-game-page .stage-rings i:nth-child(odd),
body.n9-arena-v170 .stage-rings i:nth-child(odd){
  border-color:rgba(203,70,255,.50)!important;
}

/* Stronger premium planet rendering against the vivid background. */
body.n9-game-page #grid .node,
body.n9-arena-v170 #grid .node{
  filter:brightness(1.36) saturate(1.34) contrast(1.05)!important;
}
body.n9-game-page #grid .node.n1,
body.n9-arena-v170 #grid .node.n1{
  filter:brightness(1.52) saturate(1.38)!important;
}
body.n9-game-page #grid .node.n1 .planet-surface,
body.n9-arena-v170 #grid .node.n1 .planet-surface{
  box-shadow:
    0 0 24px #ffd64f,
    0 0 58px rgba(255,157,27,.90),
    0 0 95px rgba(255,75,25,.48)!important;
}

/* Marketing-style selection emphasis. */
body.n9-game-page #grid .node.selected .planet-selector,
body.n9-arena-v170 #grid .node.selected .planet-selector{
  border-color:#ff58ef!important;
  box-shadow:
    0 0 12px #ff58ef,
    0 0 28px rgba(255,73,232,.80),
    0 0 48px rgba(119,82,255,.45)!important;
}

/* Slightly stronger panel edge-lighting to match promotional renders. */
body.n9-game-page .paytable-side,
body.n9-game-page .control-card,
body.n9-arena-v170 .paytable-side,
body.n9-arena-v170 .control-card,
body.n9-arena-v170 .arena170-side{
  border-color:rgba(68,211,255,.54)!important;
  box-shadow:
    0 0 13px rgba(51,196,255,.14),
    inset 0 0 22px rgba(91,68,255,.04)!important;
}

/* Strong route colors. */
body.n9-game-page .planet-route-overlay .route-main,
body.n9-arena-v170 .planet-route-overlay .route-main{
  stroke:#ff55eb!important;
}
body.n9-game-page .solo-draw-line,
body.n9-arena-v170 .arena176-draw-line{
  stroke:#4dffe3!important;
}

/* Mobile uses the same art but no heavy visual filters. */
@media(max-width:1050px){
  body.n9-game-page,
  body.n9-arena-page{
    background-attachment:scroll!important;
  }

  body.n9-game-page .reactor-stage,
  body.n9-arena-v170 .reactor-stage{
    background-image:url('../images/casino-ui/n9-marketing-orbit-live.jpg')!important;
    background-position:center center!important;
    background-size:cover!important;
    filter:none!important;
  }

  body.n9-game-page #grid .node,
  body.n9-arena-v170 #grid .node{
    filter:brightness(1.18) saturate(1.20)!important;
  }
}