/* Void Hunter — compact command-panel identity.
   Menu intentionally mirrors the pause UI instead of the retired bounty-chart shell. */
#screen-menu{
  padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));
  align-items:center;
  justify-content:center;
  background:radial-gradient(circle at 50% 22%,rgba(157,77,255,.16),rgba(3,3,10,.70) 50%,rgba(0,0,0,.82));
  overflow:auto;
  overscroll-behavior:contain;
}
#screen-menu::before,#screen-menu::after{content:none!important;display:none!important}
#screen-menu .panel{
  position:relative;
  inset:auto;
  width:min(410px,calc(100vw - 28px));
  max-width:410px;
  max-height:calc(100dvh - max(72px,env(safe-area-inset-top) + env(safe-area-inset-bottom) + 24px));
  margin:auto;
  padding:clamp(20px,4vw,30px);
  overflow:auto;
  background:#121024!important;
  color:#ddd4ec!important;
  border-radius:16px!important;
  border:1px solid #594a78!important;
  box-shadow:0 0 40px rgba(129,84,182,.12),0 24px 90px rgba(0,0,0,.42)!important;
  text-align:center!important;
}
#screen-menu .panel::before,#screen-menu .panel::after{display:none!important}
#screen-menu .eyebrow{
  position:static;
  margin:0 0 10px;
  padding:0;
  color:#d3b8ff;
  background:transparent;
  border:0;
  letter-spacing:.19em;
}
#screen-menu h1{
  position:static;
  margin:0 0 10px!important;
  max-width:none;
  background:none!important;
  color:#f2edf8!important;
  font:900 clamp(2.25rem,8vw,3.2rem)/.96 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:-.05em!important;
  text-shadow:0 0 24px rgba(157,77,255,.24)!important;
}
#screen-menu .subtitle{
  position:static;
  width:auto;
  margin:0;
  padding:0;
  color:#aaa2ba;
  line-height:1.5;
  border:0;
}
#screen-menu .stat-strip{
  position:static;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  width:auto;
  margin:16px 0 0;
  background:transparent;
  border:0;
}
#screen-menu .stat-strip span{
  padding:.5rem .7rem;
  border-radius:999px;
  background:rgba(255,255,255,.055);
  border:1px solid #544b70;
  color:#d7cfea;
  font:700 .72rem/1 ui-monospace,monospace;
}
#screen-menu .menu-actions{
  position:static;
  width:100%;
  display:grid;
  grid-template-columns:1fr;
  gap:11px;
  margin:18px 0 0;
}
#screen-menu .menu-actions button{
  min-height:48px;
  border-radius:15px!important;
  touch-action:manipulation;
}
#screen-menu .menu-actions button.primary{
  grid-column:auto;
  min-height:50px;
}

/* Keep the secondary overlays in the same dark command-panel family. */
#screen-how .panel,#screen-pause .panel,#screen-gameover .panel,#screen-leaderboard .panel{
  background:#121024!important;
  color:#ddd4ec!important;
  border-radius:16px!important;
  border:1px solid #594a78!important;
  box-shadow:0 0 40px rgba(129,84,182,.12)!important;
  text-align:left!important;
}

/* Edge-device and accessibility polish, scoped to this game. */
.game-shell{min-height:100%;min-height:100dvh}
.game-bar{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));padding-top:max(8px,env(safe-area-inset-top))}
.game-wrap{min-height:0}
.screen{padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));overflow:auto;overscroll-behavior:contain}
.panel{max-height:calc(100dvh - max(72px,env(safe-area-inset-top) + env(safe-area-inset-bottom) + 24px));overflow:auto}
.icon-btn,.hud-btn,.menu-actions button,.nn-nudge-signup,.nn-nudge-later{min-width:44px;min-height:44px;touch-action:manipulation}
.icon-btn:focus-visible,.hud-btn:focus-visible,.menu-actions button:focus-visible,.back-link:focus-visible,.nn-nudge-signup:focus-visible,.nn-nudge-later:focus-visible{outline:3px solid #c6a1ec;outline-offset:3px}
.hud-row.top{left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top))}
.hud-row.bottom{left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom))}
#vh-controls{left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom))}
.vh-btn{min-width:52px;min-height:52px;touch-action:none}
.nn-nudge-btns{gap:8px;flex-wrap:wrap}

@media(max-width:700px){
  #screen-menu{padding:max(14px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
  #screen-menu .panel{width:min(410px,100%);max-width:100%;padding:20px 16px}
  #screen-menu h1{font-size:clamp(2.15rem,10vw,2.85rem)!important}
  #screen-menu .subtitle{font-size:.9rem}
  #screen-menu .stat-strip{margin-top:14px}
  #screen-menu .menu-actions{margin-top:16px}
  .game-bar{gap:6px}.game-bar-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-pill{max-width:26vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .hud-row{gap:5px}.hud-row.top{flex-wrap:wrap}.hud-row.top>span{font-size:11px}.hud-row.bottom>span{font-size:10px}.hud-row.bottom #hud-user{max-width:22vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .panel.readable,.over-panel{width:min(100%,560px);padding:18px 14px}.how-grid{grid-template-columns:1fr}.summary-grid{gap:6px}
}
@media(max-width:420px){
  #screen-menu .panel{padding:18px 14px}
  #screen-menu h1{font-size:2.25rem!important}
  #screen-menu .stat-strip span{font-size:.64rem}
  .game-bar-title{display:none}.player-pill{max-width:34vw}.hud-row.top>span:nth-child(3){display:none}.hud-row.bottom #hud-power{max-width:26vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #vh-controls{gap:7px}.vh-btn{min-width:48px;min-height:48px}.vh-fire{min-width:76px}
}
@media(max-height:500px) and (orientation:landscape){
  #screen-menu{padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
  #screen-menu .panel{width:min(640px,100%);max-width:640px;padding:14px 16px}
  #screen-menu h1{font-size:2rem!important;margin-bottom:6px!important}
  #screen-menu .eyebrow{margin-bottom:5px;font-size:.62rem}
  #screen-menu .subtitle{font-size:.78rem}
  #screen-menu .stat-strip{margin-top:8px}
  #screen-menu .menu-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}
  #screen-menu .menu-actions button.primary{grid-column:1/-1}
  .screen:not(#screen-menu){justify-content:flex-start;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
  .panel{margin:auto;max-height:calc(100dvh - 16px);padding:12px!important}.panel h2{margin-bottom:6px}.how-grid{gap:6px}.how-grid>div{padding:7px}.leaderboard-list{max-height:36vh}.menu-actions.compact{display:grid;grid-template-columns:1fr 1fr;gap:6px}.menu-actions.compact button{margin:0;min-height:42px;padding:8px}
  .game-bar{min-height:44px;padding-top:max(2px,env(safe-area-inset-top));padding-bottom:2px}.hud-row.top{top:max(4px,env(safe-area-inset-top));font-size:10px}.hud-row.bottom{bottom:max(4px,env(safe-area-inset-bottom));font-size:9px}.vh-btn{min-height:46px;min-width:46px}
}
@media(prefers-reduced-motion:reduce){.panel,.menu-actions button,.vh-btn{animation:none!important;transition:none!important}}