@media (max-width: 420px) {
  #hud-bar { padding: 6px 8px; border-radius: 16px; }
  .hud-row { gap: 5px; }
  .hud-row.bottom-row { margin-top: 4px; padding-top: 4px; }
  #sound-btn { flex: 0 0 28px; height: 28px; border-radius: 8px; }
  #sound-btn svg { width: 14px; height: 14px; }
  #info-btn { flex: 0 0 28px; height: 28px; border-radius: 8px; }
  #info-btn svg { width: 14px; height: 14px; }
  .cell-label { font-size: 8px; letter-spacing: 2px; }
  #score-val { font-size: 15px; }
  .level-cell { gap: 4px; }
  #level-val { font-size: 13px; }
  .level-xp-container { min-width: 60px; }
  #hud-xp-track { width: 60px; height: 5px; }
  #hud-xp-text { font-size: 7px; }
  #mission-btn { flex: 0 0 28px; height: 28px; border-radius: 8px; }
  #mission-btn svg { width: 14px; height: 14px; }
  .hint-cell-inline { flex: 0 0 28px; height: 28px; }
  #hint-btn { width: 28px; height: 28px; border-radius: 8px; }
  #hint-btn svg { width: 14px; height: 14px; }
  .lb-cell { padding: 3px 6px; gap: 3px; border-radius: 8px; }
  .lb-trophy { width: 12px; height: 12px; }
  #lb-rank { font-size: 10px; }
  .moves-cell { padding: 3px 6px; gap: 2px; border-radius: 10px; }
  #moves-pips { gap: 3px; }
  .move-pip { width: 7px; height: 14px; border-radius: 3px; border-width: 1.2px; }
  .powerup-label { font-size: 8px; letter-spacing: 1.5px; }
  #powerup-container { height: 6px; }
  .powerup-cell { max-width: 80px; gap: 4px; }
  #lang-btn { flex: 0 0 28px; height: 28px; border-radius: 8px; font-size: 9px; }

  /* Overlay responsive */
  #reward-box { padding: 24px 20px 22px; border-radius: 20px; }
  #reward-type-icon { width: 50px; height: 50px; border-radius: 14px; margin-bottom: 14px; }
  #reward-type-icon svg { width: 26px; height: 26px; }
  #reward-title { font-size: 18px; letter-spacing: 2px; }
  #reward-subtitle { font-size: 13px; margin-bottom: 14px; }
  #reward-penalty-value { font-size: 18px; }
  #reward-watch-btn { font-size: 11px; padding: 13px 20px; border-radius: 12px; }
  #reward-cancel-btn { font-size: 13px; padding: 9px 20px; }

  #mission-box { padding: 20px 18px 18px; border-radius: 20px; }
  #mission-box-title { font-size: 17px; letter-spacing: 3px; }
  #mission-active-name { font-size: 13px; }
  #mission-active-desc { font-size: 12px; }

  #levelup-box { padding: 28px 24px 24px; border-radius: 22px; }
  #levelup-title { font-size: 24px; letter-spacing: 4px; }
  #levelup-number { font-size: 56px; }
  #levelup-continue-btn { font-size: 11px; padding: 12px 28px; }
}