@media (max-width:760px){
  .hud-top{gap:.4rem}
  .stat{padding:.4rem .6rem}
  .stat-value{font-size:1.05rem}
  .stat-label,.stat-unit{font-size:.58rem}
  .gauge-wrap{width:140px}
  .gauge-read .num{font-size:1.25rem}
  .panel{padding:1.7rem 1.2rem}
  .stats{grid-template-columns:repeat(2,1fr)}
  .diff-row{grid-template-columns:1fr;gap:.45rem}
  .diff{display:flex;align-items:center;justify-content:space-between;padding:.7rem .9rem}
  .diff span{margin-top:0}
  .keys{display:none}
}
@media (max-width:420px){
  .stat:nth-child(2){display:none}
  .touch-btn{width:66px;height:66px}
  .touch-btn.wide{width:92px}
}
@media (max-height:520px) and (orientation:landscape){
  .gauge-wrap{width:120px;transform:scale(.85);transform-origin:bottom center}
  .panel h1{font-size:1.7rem}
  .lead{margin:.5rem auto .9rem}
  .keys{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}
}