@media (pointer:coarse){.dpad{display:grid}}
body[data-dpad="on"] .dpad{display:grid}
body[data-dpad="off"] .dpad{display:none!important}
@media (max-width:760px){.mode-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){
  .mode-grid{grid-template-columns:repeat(2,1fr)}
  .chips{max-width:none}
  .hud{gap:10px;flex-wrap:wrap}
  .hud-extra{gap:10px}
  .hud-item{min-width:40px}
  .hud-item b{font-size:1.15rem}
  .btn.icon{padding:7px 9px;font-size:.8rem}
}
@media (max-height:520px){.tagline{display:none}}