/* N9 v0.16.9 — Jupiter left-side layout + strong selected-planet state */

/* Jupiter / planet 5 sits on the LEFT between planet 9 and planet 2 */
@media (min-width:701px){
  html body.n9-game-page #grid.pulse-grid button.node.n5{
    left:30%!important;
    top:31%!important;
    transform:translate(-50%,-50%)!important;
    z-index:7!important;
  }
}

@media (max-width:700px){
  html body.n9-game-page #grid.pulse-grid button.node.n5{
    left:30%!important;
    top:31%!important;
    transform:translate(-50%,-50%)!important;
    z-index:7!important;
  }
}

@media (max-width:390px){
  html body.n9-game-page #grid.pulse-grid button.node.n5{
    left:29%!important;
    top:30%!important;
  }
}

/* Selected planet: ring must be centered around the whole visual,
   not offset from the number badge or artwork. */
body.n9-game-page #grid.pulse-grid .node{
  overflow:visible!important;
}

body.n9-game-page #grid.pulse-grid .node::before,
body.n9-game-page #grid.pulse-grid .node::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  pointer-events:none;
  border-radius:50%;
  opacity:0;
  transform:translate(-50%,-50%);
  transition:opacity .16s ease, border-color .16s ease, box-shadow .16s ease;
}

/* main clean selection ring */
body.n9-game-page #grid.pulse-grid .node::before{
  width:calc(100% + 14px);
  height:calc(100% + 14px);
  border:2px solid rgba(211,77,255,.96);
  box-shadow:
    0 0 0 3px rgba(122,53,210,.20),
    0 0 16px rgba(213,75,255,.90),
    0 0 34px rgba(108,61,255,.45);
  z-index:20;
}

/* outer pulse halo */
body.n9-game-page #grid.pulse-grid .node::after{
  width:calc(100% + 26px);
  height:calc(100% + 26px);
  border:1px solid rgba(78,222,255,.48);
  box-shadow:0 0 18px rgba(78,222,255,.28);
  z-index:19;
}

/* cover the class names used by the current and older N9 logic */
body.n9-game-page #grid.pulse-grid .node.selected::before,
body.n9-game-page #grid.pulse-grid .node.is-selected::before,
body.n9-game-page #grid.pulse-grid .node.active::before,
body.n9-game-page #grid.pulse-grid .node[data-selected="1"]::before,
body.n9-game-page #grid.pulse-grid .node[aria-pressed="true"]::before{
  opacity:1!important;
}

body.n9-game-page #grid.pulse-grid .node.selected::after,
body.n9-game-page #grid.pulse-grid .node.is-selected::after,
body.n9-game-page #grid.pulse-grid .node.active::after,
body.n9-game-page #grid.pulse-grid .node[data-selected="1"]::after,
body.n9-game-page #grid.pulse-grid .node[aria-pressed="true"]::after{
  opacity:1!important;
}

/* Make selected artwork itself visibly brighter without changing size/position */
body.n9-game-page #grid.pulse-grid .node.selected .planet-surface,
body.n9-game-page #grid.pulse-grid .node.is-selected .planet-surface,
body.n9-game-page #grid.pulse-grid .node.active .planet-surface,
body.n9-game-page #grid.pulse-grid .node[data-selected="1"] .planet-surface,
body.n9-game-page #grid.pulse-grid .node[aria-pressed="true"] .planet-surface{
  transform:none!important;
  filter:
    brightness(1.16)
    saturate(1.12)
    contrast(1.05)
    drop-shadow(0 0 10px rgba(223,83,255,.88))
    drop-shadow(0 0 18px rgba(65,218,255,.36))!important;
}

/* exact/result match can use cyan so it is distinct from selection */
body.n9-game-page #grid.pulse-grid .node.hit::before,
body.n9-game-page #grid.pulse-grid .node.exact-match::before{
  opacity:1!important;
  border-color:rgba(67,231,255,.98)!important;
  box-shadow:
    0 0 0 3px rgba(43,178,255,.18),
    0 0 16px rgba(67,231,255,.92),
    0 0 34px rgba(67,160,255,.45)!important;
}