/* N9 v0.20.3 — final mobile header + fixed planet positions */

.n9-private-wallet{
  cursor:pointer!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
.n9-private-wallet .n9-wallet-line{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
}
.n9-private-wallet .n9-balance-eye-btn{
  appearance:none!important;
  -webkit-appearance:none!important;
  border:0!important;
  background:transparent!important;
  color:#8beaff!important;
  width:24px!important;
  height:24px!important;
  display:inline-grid!important;
  place-items:center!important;
  padding:0!important;
  cursor:pointer!important;
  font-size:15px!important;
  line-height:1!important;
}
.n9-private-wallet[data-balance-visible="0"] .n9-balance-value{
  letter-spacing:.08em!important;
}

.n9-header-logout{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  color:#ffe5ec!important;
  border:1px solid rgba(255,75,119,.62)!important;
  background:rgba(28,7,21,.90)!important;
  border-radius:12px!important;
  font-weight:900!important;
  letter-spacing:.035em!important;
}

.n9-mobile-logout{display:none!important}

@media(max-width:767px){

  body.n9-game-page .casino-topnav,
  body.n9-arena-v170 .casino-topnav{
    min-height:52px!important;
    padding:5px 7px!important;
  }

  body.n9-game-page .top-wallet-group,
  body.n9-arena-v170 .top-wallet-group{
    width:auto!important;
    margin-left:auto!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
  }

  body.n9-game-page .wallet.casino-wallet,
  body.n9-arena-v170 .wallet.casino-wallet{
    min-width:116px!important;
    width:auto!important;
    min-height:42px!important;
    padding:5px 7px!important;
    margin:0!important;
  }

  body.n9-game-page .wallet.casino-wallet small,
  body.n9-arena-v170 .wallet.casino-wallet small{
    font-size:7px!important;
    line-height:1.05!important;
  }

  body.n9-game-page .wallet.casino-wallet strong,
  body.n9-arena-v170 .wallet.casino-wallet strong{
    font-size:14px!important;
    line-height:1.1!important;
  }

  .n9-header-logout{
    height:42px!important;
    min-width:68px!important;
    padding:0 9px!important;
    border-radius:11px!important;
    font-size:10px!important;
    flex:0 0 auto!important;
  }

  body.n9-game-page .deposit-btn,
  body.n9-arena-v170 .deposit-btn{
    min-width:76px!important;
    width:auto!important;
    height:42px!important;
    padding:0 10px!important;
    font-size:14px!important;
    flex:0 0 auto!important;
  }

  /* keep mobile header on one row */
  body.n9-game-page .n9-audio-controls,
  body.n9-arena-v170 .n9-audio-controls,
  body.n9-game-page .n9-user-menu,
  body.n9-arena-v170 .n9-user-menu{
    display:none!important;
  }

  /* PLANETS: never translate/scale their node when selected */
  body.n9-game-page #grid.pulse-grid .node,
  body.n9-game-page #grid.pulse-grid .node:hover,
  body.n9-game-page #grid.pulse-grid .node:focus,
  body.n9-game-page #grid.pulse-grid .node:active,
  body.n9-game-page #grid.pulse-grid .node.selected,
  body.n9-game-page #grid.pulse-grid .node.hit,
  body.n9-arena-v170 #grid.pulse-grid .node,
  body.n9-arena-v170 #grid.pulse-grid .node:hover,
  body.n9-arena-v170 #grid.pulse-grid .node:focus,
  body.n9-arena-v170 #grid.pulse-grid .node:active,
  body.n9-arena-v170 #grid.pulse-grid .node.selected,
  body.n9-arena-v170 #grid.pulse-grid .node.hit{
    transform:translate(-50%,-50%)!important;
    margin:0!important;
  }

  body.n9-game-page #grid.pulse-grid .node .planet-surface,
  body.n9-game-page #grid.pulse-grid .node.selected .planet-surface,
  body.n9-game-page #grid.pulse-grid .node:active .planet-surface,
  body.n9-arena-v170 #grid.pulse-grid .node .planet-surface,
  body.n9-arena-v170 #grid.pulse-grid .node.selected .planet-surface,
  body.n9-arena-v170 #grid.pulse-grid .node:active .planet-surface{
    translate:none!important;
  }

  /* 6 between 4 and 7 */
  body.n9-game-page #grid.pulse-grid .node.n6,
  body.n9-arena-v170 #grid.pulse-grid .node.n6{
    left:76%!important;
    top:72%!important;
    width:64px!important;
    height:64px!important;
  }

  body.n9-game-page #grid.pulse-grid .node.n7,
  body.n9-arena-v170 #grid.pulse-grid .node.n7{
    left:57%!important;
    top:84%!important;
  }

  body.n9-game-page #grid.pulse-grid .node.n6 .planet-ring,
  body.n9-arena-v170 #grid.pulse-grid .node.n6 .planet-ring{
    width:142%!important;
    height:40%!important;
  }

  body.n9-game-page #grid.pulse-grid .node.selected::before,
  body.n9-arena-v170 #grid.pulse-grid .node.selected::before{
    inset:-7%!important;
  }

  /* selected state = glow only, no image motion */
  body.n9-game-page #grid.pulse-grid .node.selected .planet-surface,
  body.n9-arena-v170 #grid.pulse-grid .node.selected .planet-surface{
    transform:none!important;
  }
}

@media(max-width:390px){
  body.n9-game-page .wallet.casino-wallet,
  body.n9-arena-v170 .wallet.casino-wallet{
    min-width:106px!important;
    padding:4px 6px!important;
  }
  body.n9-game-page .wallet.casino-wallet strong,
  body.n9-arena-v170 .wallet.casino-wallet strong{
    font-size:13px!important;
  }
  .n9-header-logout{
    min-width:60px!important;
    padding:0 7px!important;
    font-size:9px!important;
  }
  body.n9-game-page .deposit-btn,
  body.n9-arena-v170 .deposit-btn{
    min-width:68px!important;
    padding:0 7px!important;
    font-size:12px!important;
  }
  body.n9-game-page #grid.pulse-grid .node.n6,
  body.n9-arena-v170 #grid.pulse-grid .node.n6{
    left:77%!important;
    top:71%!important;
    width:58px!important;
    height:58px!important;
  }
}