/* N9 v0.19.7 — bright marketing-match visual skin.
   VISUAL ONLY. No gameplay/state/settlement logic changed. */

:root{
  --n9-bright-cyan:#4feaff;
  --n9-bright-blue:#2f8cff;
  --n9-bright-violet:#8b5cff;
  --n9-bright-magenta:#e84dff;
  --n9-bright-gold:#ffd45c;
}

/* Full page artwork */
body.n9-game-page,
body.n9-arena-page{
  background:#020712 url('../images/casino-ui/n9-marketing-nebula.jpg') center center/cover fixed no-repeat!important;
}
body.n9-game-page::before,
body.n9-arena-page::before{
  background:
    radial-gradient(circle at 50% 40%,rgba(63,219,255,.15),transparent 28%),
    radial-gradient(circle at 84% 72%,rgba(255,163,53,.14),transparent 24%),
    linear-gradient(180deg,rgba(1,5,15,.02),rgba(1,4,12,.08))!important;
}

/* CRITICAL: remove the old dark reactor-board image that was masking v196. */
body.n9-game-page .pulse-grid,
body.n9-arena-v170 .pulse-grid{
  background:
    radial-gradient(circle at 50% 50%,rgba(42,205,255,.17),transparent 31%),
    radial-gradient(circle at 82% 80%,rgba(255,144,40,.09),transparent 25%),
    transparent!important;
  box-shadow:none!important;
}

/* Put the bright nebula directly inside the live gameplay stage. */
body.n9-game-page .reactor-stage,
body.n9-arena-v170 .reactor-stage{
  background:
    linear-gradient(180deg,rgba(1,7,20,.02),rgba(1,5,14,.08)),
    url('../images/casino-ui/n9-marketing-nebula.jpg') center center/cover no-repeat!important;
  border:1px solid rgba(72,218,255,.48)!important;
  box-shadow:
    inset 0 0 85px rgba(43,162,255,.08),
    0 0 28px rgba(47,181,255,.16),
    0 0 70px rgba(105,66,255,.06)!important;
  filter:saturate(1.18) contrast(1.08) brightness(1.08)!important;
}

/* Remove/soften internal masks that flatten the stage. */
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{
  opacity:.20!important;
  mix-blend-mode:screen!important;
}

/* Brighter orbital system. */
body.n9-game-page .stage-rings,
body.n9-arena-v170 .stage-rings{
  opacity:1!important;
  filter:brightness(1.30) saturate(1.35)!important;
}
body.n9-game-page .stage-rings i,
body.n9-arena-v170 .stage-rings i{
  border-color:rgba(76,164,255,.48)!important;
  box-shadow:0 0 8px rgba(55,181,255,.18),0 0 20px rgba(127,77,255,.07)!important;
}
body.n9-game-page .stage-rings i:nth-child(odd),
body.n9-arena-v170 .stage-rings i:nth-child(odd){
  border-color:rgba(164,78,255,.44)!important;
}

/* Live planets: much closer to the marketing render. */
body.n9-game-page .pulse-grid .node,
body.n9-arena-v170 .pulse-grid .node{
  filter:brightness(1.28) saturate(1.30) contrast(1.07)!important;
}
body.n9-game-page .pulse-grid .node .planet-surface,
body.n9-arena-v170 .pulse-grid .node .planet-surface{
  filter:brightness(1.12) saturate(1.18) contrast(1.06)!important;
  box-shadow:
    0 0 11px rgba(255,255,255,.18),
    0 0 26px rgba(61,187,255,.20),
    0 12px 28px rgba(0,0,0,.32)!important;
}
body.n9-game-page .pulse-grid .node.n1 .planet-surface,
body.n9-arena-v170 .pulse-grid .node.n1 .planet-surface{
  filter:brightness(1.38) saturate(1.32) contrast(1.08)!important;
  box-shadow:
    0 0 18px rgba(255,245,180,.92),
    0 0 42px rgba(255,191,45,.88),
    0 0 76px rgba(255,101,25,.55),
    0 0 120px rgba(255,90,20,.24)!important;
}
body.n9-game-page .pulse-grid .node.selected .planet-surface,
body.n9-arena-v170 .pulse-grid .node.selected .planet-surface{
  box-shadow:
    0 0 0 2px rgba(255,255,255,.92),
    0 0 18px rgba(255,104,255,.95),
    0 0 38px rgba(220,65,255,.80),
    0 0 65px rgba(79,125,255,.35)!important;
}

/* Make selectors/badges pop, but do not move them. */
body.n9-game-page .pulse-grid .node.selected::before,
body.n9-arena-v170 .pulse-grid .node.selected::before{
  border-color:#ff77ff!important;
  box-shadow:0 0 16px rgba(255,255,255,.45),0 0 38px rgba(221,64,255,.88),inset 0 0 20px rgba(108,70,255,.42)!important;
}
body.n9-game-page .pulse-grid .node.selected::after,
body.n9-arena-v170 .pulse-grid .node.selected::after{
  background:linear-gradient(135deg,#ff50e5,#a73cff)!important;
  box-shadow:0 0 15px rgba(255,76,225,.85)!important;
}

/* Planet labels: keep them, but lighter and cleaner. */
body.n9-game-page .planet-name,
body.n9-game-page .planet-label,
body.n9-arena-v170 .planet-name,
body.n9-arena-v170 .planet-label{
  background:rgba(2,8,20,.76)!important;
  border:1px solid rgba(113,208,255,.38)!important;
  color:#fff!important;
  box-shadow:0 4px 14px rgba(0,0,0,.30),0 0 9px rgba(66,203,255,.10)!important;
  text-shadow:0 0 7px rgba(199,232,255,.25)!important;
}

/* Main frame + left/right glass panels */
body.n9-game-page .main-reactor-card,
body.n9-arena-v170 .main-reactor-card,
body.n9-game-page .paytable-side,
body.n9-game-page .game-info-side,
body.n9-arena-v170 .paytable-side,
body.n9-arena-v170 .game-info-side,
body.n9-arena-v170 .arena170-ops{
  background:linear-gradient(180deg,rgba(4,13,31,.74),rgba(2,8,22,.70))!important;
  border-color:rgba(72,208,255,.48)!important;
  box-shadow:
    0 14px 38px rgba(0,0,0,.26),
    0 0 24px rgba(47,203,255,.12),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(8px) saturate(1.20)!important;
}
body.n9-game-page .game-info-side,
body.n9-arena-v170 .arena170-ops{
  border-color:rgba(198,79,255,.52)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.26),0 0 28px rgba(193,57,255,.15),inset 0 1px 0 rgba(255,255,255,.07)!important;
}

/* Header and route/result strips */
body.n9-game-page .round-head,
body.n9-arena-v170 .round-head{
  background:linear-gradient(180deg,rgba(7,21,46,.84),rgba(3,10,26,.70))!important;
  border-color:rgba(70,209,255,.44)!important;
  box-shadow:inset 0 -1px 0 rgba(226,76,255,.32),0 0 18px rgba(56,196,255,.07)!important;
}
body.n9-game-page .route-display,
body.n9-arena-v170 .route-display,
body.n9-arena-v170 .arena170-common-result{
  background:linear-gradient(90deg,rgba(3,14,34,.88),rgba(15,7,36,.88))!important;
  border-color:rgba(75,199,255,.38)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.06),0 0 16px rgba(60,168,255,.06)!important;
}

/* Premium buttons */
body.n9-game-page .clear-route,
body.n9-game-page #clearBtn,
body.n9-arena-v170 .clear-route,
body.n9-arena-v170 #clearBtn{
  background:linear-gradient(180deg,#0878a4,#075072)!important;
  color:#7bfbff!important;
  border-color:rgba(74,235,255,.72)!important;
  box-shadow:0 0 19px rgba(47,221,255,.24),inset 0 1px 0 rgba(255,255,255,.11)!important;
}
body.n9-game-page .primary,
body.n9-game-page #lockBtn,
body.n9-arena-v170 .primary,
body.n9-arena-v170 #lockBtn{
  background:linear-gradient(135deg,#713cff,#dc32ec)!important;
  border-color:rgba(234,112,255,.76)!important;
  box-shadow:0 0 22px rgba(195,59,255,.32),inset 0 1px 0 rgba(255,255,255,.13)!important;
}

/* Paytable multipliers brighter */
body.n9-game-page .pay-item b,
body.n9-arena-v170 .pay-item b{
  filter:brightness(1.25) saturate(1.20)!important;
  text-shadow:0 0 13px currentColor!important;
}

/* Route lines remain functionally untouched; only make them more visible. */
body.n9-game-page .planet-route-overlay .route-main,
body.n9-arena-v170 .planet-route-overlay .route-main{
  stroke:#ff54ea!important;
  stroke-width:3.4!important;
  filter:drop-shadow(0 0 5px rgba(255,74,234,.72))!important;
}
body.n9-game-page .solo-draw-line,
body.n9-arena-v170 .arena176-draw-line{
  stroke:#43f2d5!important;
  filter:drop-shadow(0 0 5px rgba(67,242,213,.72))!important;
}

/* Desktop gets full bright presentation. */
@media(min-width:1051px){
  body.n9-game-page .main-reactor-card,
  body.n9-arena-v170 .main-reactor-card{overflow:hidden!important}
}

/* Mobile: same palette, but preserve low-cost/no-flash rendering. */
@media(max-width:1050px){
  body.n9-game-page,
  body.n9-arena-page{
    background-attachment:scroll!important;
    background-size:auto 100vh!important;
    background-position:50% top!important;
  }
  body.n9-mobile-stable-solo .reactor-stage,
  body.n9-arena-v170 .reactor-stage{
    background:
      linear-gradient(180deg,rgba(2,8,22,.03),rgba(2,7,18,.08)),
      url('../images/casino-ui/n9-marketing-nebula.jpg') center/cover no-repeat!important;
    filter:none!important;
  }
  body.n9-mobile-stable-solo .pulse-grid,
  body.n9-arena-v170 .pulse-grid{
    background:radial-gradient(circle at 50% 46%,rgba(54,207,255,.12),transparent 34%),transparent!important;
  }
  body.n9-mobile-stable-solo .pulse-grid .node,
  body.n9-arena-v170 .pulse-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;
  }
}