/* N9 v0.20.1 — Mobile polish only */

@media(max-width:767px){

  /* =========================
     HEADER
     ========================= */
  body.n9-game-page .casino-topnav,
  body.n9-arena-v170 .casino-topnav{
    min-height:52px!important;
    padding:5px 8px!important;
  }

  body.n9-game-page .casino-topnav .brand,
  body.n9-arena-v170 .casino-topnav .brand{
    transform:scale(.82)!important;
    transform-origin:left center!important;
  }

  /* Keep wallet + arena compact */
  body.n9-game-page .wallet,
  body.n9-arena-v170 .wallet{
    min-height:42px!important;
    padding:5px 9px!important;
    border-radius:10px!important;
  }

  body.n9-game-page .wallet strong,
  body.n9-arena-v170 .wallet strong{
    font-size:17px!important;
  }

  /* LOGOUT becomes a compact secondary action */
  .n9-mobile-logout{
    position:absolute!important;
    top:7px!important;
    right:7px!important;
    height:30px!important;
    min-width:56px!important;
    padding:0 9px!important;
    border-radius:9px!important;
    font-size:9px!important;
    letter-spacing:.04em!important;
    background:rgba(25,7,20,.86)!important;
    border:1px solid rgba(255,88,126,.46)!important;
    color:#ffd7e1!important;
    box-shadow:none!important;
  }

  /* =========================
     GAME BOARD
     ========================= */
  body.n9-game-page .reactor-stage,
  body.n9-arena-v170 .reactor-stage{
    min-height:440px!important;
    border-radius:16px!important;
  }

  body.n9-game-page #grid.pulse-grid,
  body.n9-arena-v170 #grid.pulse-grid{
    min-height:420px!important;
  }

  /* Slightly less aggressive selection halo */
  body.n9-game-page #grid .node.selected .planet-selector,
  body.n9-arena-v170 #grid .node.selected .planet-selector{
    border-width:2px!important;
    box-shadow:
      0 0 8px #ff58ef,
      0 0 18px rgba(255,73,232,.64),
      0 0 30px rgba(119,82,255,.28)!important;
  }

  /* Bottom planet crowding polish */
  body.n9-game-page #grid .node.n7,
  body.n9-arena-v170 #grid .node.n7{
    transform:translate(-8px,-2px)!important;
  }

  body.n9-game-page #grid .node.n6,
  body.n9-arena-v170 #grid .node.n6{
    transform:translate(9px,2px)!important;
  }

  /* Better label readability */
  body.n9-game-page .planet-name,
  body.n9-arena-v170 .planet-name{
    font-size:10px!important;
    padding:2px 6px!important;
    letter-spacing:.025em!important;
    background:rgba(1,7,21,.80)!important;
  }

  /* =========================
     ROUTE / RESULT
     ========================= */
  body.n9-game-page .route-display,
  body.n9-arena-v170 .route-display{
    padding:6px 8px!important;
    gap:4px!important;
    min-height:0!important;
  }

  body.n9-game-page .route-display .route-row,
  body.n9-arena-v170 .route-display .route-row{
    min-height:46px!important;
    padding:6px 8px!important;
  }

  /* =========================
     CONTROLS
     ========================= */
  body.n9-game-page #clearBtn,
  body.n9-arena-v170 #clearBtn{
    min-height:46px!important;
    font-size:12px!important;
    background:rgba(0,75,118,.86)!important;
    border-color:rgba(65,216,255,.62)!important;
    box-shadow:none!important;
  }

  body.n9-game-page #lockBtn,
  body.n9-arena-v170 #lockBtn,
  body.n9-game-page #pulseBtn,
  body.n9-arena-v170 #pulseBtn{
    min-height:58px!important;
    font-size:14px!important;
    font-weight:900!important;
    box-shadow:
      0 0 16px rgba(194,56,255,.32),
      inset 0 0 14px rgba(255,255,255,.04)!important;
  }

  /* Preserve the good three-button row */
  body.n9-game-page .quick-actions,
  body.n9-arena-v170 .quick-actions{
    grid-template-columns:repeat(3,1fr)!important;
    gap:6px!important;
  }

  body.n9-game-page .quick-actions button,
  body.n9-arena-v170 .quick-actions button{
    min-height:46px!important;
  }

  /* Collapsible utility sections remain below controls */
  body.n9-game-page .paytable-side,
  body.n9-arena-v170 .paytable-side,
  body.n9-arena-v170 .arena170-side,
  body.n9-game-page .arena-chat-panel,
  body.n9-arena-v170 .arena-chat-panel,
  body.n9-game-page .auto-panel,
  body.n9-arena-v170 .auto-panel{
    margin-top:4px!important;
  }

  .n9-mobile-section-toggle{
    min-height:46px!important;
    font-size:12px!important;
    border:1px solid rgba(71,205,255,.25)!important;
  }
}

@media(max-width:390px){
  body.n9-game-page .reactor-stage,
  body.n9-arena-v170 .reactor-stage{
    min-height:410px!important;
  }

  body.n9-game-page #grid.pulse-grid,
  body.n9-arena-v170 #grid.pulse-grid{
    min-height:392px!important;
  }

  body.n9-game-page .planet-name,
  body.n9-arena-v170 .planet-name{
    font-size:9px!important;
  }

  .n9-mobile-logout{
    min-width:52px!important;
    font-size:8px!important;
  }
}