/* N9 v0.19.8 — TRUE BRIGHT LIVE UI
   Visual-only layer. Removes the old dimming stack from the live reactor.
*/

:root{
  --n9-live-cyan:#55ecff;
  --n9-live-violet:#8d62ff;
  --n9-live-magenta:#ef55ff;
  --n9-live-gold:#ffd45c;
}

/* The page background remains cinematic but no longer contributes a dark veil. */
body.n9-game-page,
body.n9-arena-page{
  background:#03101e url('../images/casino-ui/n9-bright-live-bg.jpg')
    center center/cover fixed no-repeat!important;
}

/* Disable legacy global atmosphere layers that were making the page look grey/dim. */
body.n9-shared-casino-layout .cosmic-canvas,
body.n9-shared-casino-layout .cosmic-container{
  display:none!important;
}

/* LIVE PLAYFIELD: direct bright artwork, nothing dark sitting above it. */
body.n9-game-page .reactor-stage,
body.n9-arena-v170 .reactor-stage{
  background-image:url('../images/casino-ui/n9-bright-live-bg.jpg')!important;
  background-color:#03101e!important;
  background-position:center 48%!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  border:1px solid rgba(72,224,255,.68)!important;
  box-shadow:
    inset 0 0 55px rgba(51,184,255,.05),
    0 0 22px rgba(67,211,255,.24),
    0 0 48px rgba(127,74,255,.12)!important;
  filter:brightness(1.22) saturate(1.28) contrast(1.05)!important;
}

/* Remove every old reactor mask/effect that was sitting over the new background. */
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{
  display:none!important;
}

/* Keep the interactive board itself transparent so the artwork remains visible. */
body.n9-game-page #grid.pulse-grid,
body.n9-arena-v170 #grid.pulse-grid{
  background:transparent!important;
  box-shadow:none!important;
}

/* Remove legacy pseudo-nebula layers from the grid. */
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;
}

/* Orbit system: much more visible, closer to marketing art. */
body.n9-game-page .stage-rings,
body.n9-arena-v170 .stage-rings{
  opacity:1!important;
  filter:brightness(1.55) saturate(1.45)!important;
}
body.n9-game-page .stage-rings i,
body.n9-arena-v170 .stage-rings i{
  border-color:rgba(76,177,255,.66)!important;
  box-shadow:
    0 0 6px rgba(61,187,255,.25),
    0 0 15px rgba(120,73,255,.10)!important;
}
body.n9-game-page .stage-rings i:nth-child(odd),
body.n9-arena-v170 .stage-rings i:nth-child(odd){
  border-color:rgba(204,72,255,.50)!important;
}

/* Planets: vivid and crisp, but no movement/layout change. */
body.n9-game-page #grid .node,
body.n9-arena-v170 #grid .node{
  filter:brightness(1.28) saturate(1.32) contrast(1.04)!important;
}
body.n9-game-page #grid .node:hover,
body.n9-arena-v170 #grid .node:hover{
  filter:brightness(1.36) saturate(1.38) contrast(1.05)!important;
}
body.n9-game-page #grid .node.selected,
body.n9-arena-v170 #grid .node.selected{
  filter:brightness(1.42) saturate(1.42) contrast(1.06)!important;
}
body.n9-game-page #grid .node.selected .planet-selector,
body.n9-arena-v170 #grid .node.selected .planet-selector{
  border-color:#ff58ee!important;
  box-shadow:
    0 0 13px #ff58ee,
    0 0 30px rgba(255,69,225,.72),
    0 0 52px rgba(97,92,255,.34)!important;
}

/* The Sun is the visual anchor. */
body.n9-game-page #grid .node.n1,
body.n9-arena-v170 #grid .node.n1{
  filter:brightness(1.40) saturate(1.30)!important;
}
body.n9-game-page #grid .node.n1 .planet-surface,
body.n9-arena-v170 #grid .node.n1 .planet-surface{
  box-shadow:
    0 0 22px #ffd25c,
    0 0 52px rgba(255,149,31,.90),
    0 0 92px rgba(255,92,20,.42)!important;
}

/* Labels stay useful but visually cleaner. */
body.n9-game-page .planet-name,
body.n9-arena-v170 .planet-name{
  color:#fff!important;
  background:rgba(1,7,21,.72)!important;
  border-color:rgba(74,205,255,.40)!important;
  box-shadow:0 0 8px rgba(0,0,0,.32)!important;
}

/* Panels: retain dark glass for readability, with brighter neon edges. */
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{
  background:linear-gradient(180deg,rgba(3,10,28,.86),rgba(2,7,21,.91))!important;
  border-color:rgba(75,205,255,.46)!important;
  box-shadow:
    inset 0 0 30px rgba(44,109,255,.04),
    0 0 15px rgba(63,188,255,.11)!important;
}

/* Route bar should look more illuminated against the brighter board. */
body.n9-game-page .route-display,
body.n9-arena-v170 .route-display{
  background:linear-gradient(90deg,rgba(2,13,34,.94),rgba(10,7,35,.93))!important;
  border:1px solid rgba(72,198,255,.46)!important;
  box-shadow:0 0 15px rgba(74,189,255,.12)!important;
}

/* Selection / draw routes: strong marketing colors. */
body.n9-game-page .planet-route-overlay .route-main,
body.n9-arena-v170 .planet-route-overlay .route-main{
  stroke:#ff58e8!important;
  stroke-width:3.5!important;
  filter:drop-shadow(0 0 6px rgba(255,72,231,.95))!important;
}
body.n9-game-page .solo-draw-line,
body.n9-arena-v170 .arena176-draw-line{
  stroke:#4dffe1!important;
  stroke-width:3.5!important;
  filter:drop-shadow(0 0 6px rgba(77,255,225,.92))!important;
}

/* Bright action hierarchy. */
body.n9-game-page #clearBtn,
body.n9-arena-v170 #clearBtn{
  background:linear-gradient(180deg,rgba(0,112,171,.92),rgba(0,63,112,.96))!important;
  border-color:#43e8ff!important;
  color:#65efff!important;
  box-shadow:0 0 18px rgba(46,221,255,.28)!important;
}
body.n9-game-page #lockBtn,
body.n9-game-page .primary,
body.n9-arena-v170 #lockBtn,
body.n9-arena-v170 .primary{
  background:linear-gradient(135deg,#6b35ff,#d930ef)!important;
  border-color:#ee73ff!important;
  box-shadow:0 0 22px rgba(194,56,255,.36)!important;
}

/* Mobile stays lightweight: same image/palette without desktop filters/glows. */
@media(max-width:1050px){
  body.n9-game-page,
  body.n9-arena-page{
    background-attachment:scroll!important;
    background-position:center top!important;
  }

  body.n9-mobile-stable-solo .reactor-stage,
  body.n9-arena-v170 .reactor-stage{
    background-image:url('../images/casino-ui/n9-bright-live-bg.jpg')!important;
    background-position:center center!important;
    background-size:cover!important;
    filter:none!important;
  }

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

  body.n9-mobile-stable-solo .planet-route-overlay .route-main,
  body.n9-arena-v170 .planet-route-overlay .route-main,
  body.n9-mobile-stable-solo .solo-draw-line,
  body.n9-arena-v170 .arena176-draw-line{
    filter:none!important;
  }
}