/* Return Game — tidy, two-row mobile scoring HUD (retained from V21). */
@media(max-width:760px){
  .arcade-hud{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-areas:"run level score" "lives credits leaderboard";column-gap:8px!important;row-gap:8px!important;align-items:stretch!important}
  .arcade-hud>*{min-width:0}
  .run-total-cluster{grid-area:run;justify-content:space-between;gap:5px;border:1px solid #38575d;border-radius:10px;padding:8px 9px;min-height:59px}
  .level-count{grid-area:level;display:flex;align-items:flex-start;justify-content:center;border:1px solid #38575d;border-radius:10px;padding:8px 10px;min-height:59px;font-size:9px!important}
  .score{grid-area:score;display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:center;gap:4px!important;padding:8px 10px!important;min-height:59px;border-radius:10px}
  .score small{font-size:9px!important;letter-spacing:.04em;white-space:nowrap}
  .score strong{font-size:21px!important;line-height:1.1!important;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.045em}
  .run-score{text-align:left;font-size:9px!important;line-height:1.3}
  .run-score strong{font-size:21px!important;line-height:1.1}
  .level-count strong{font-size:21px!important;white-space:nowrap;line-height:1.1}
  .run-restart{width:30px;height:32px;flex:0 0 30px}
  .lives-hud{grid-area:lives;justify-content:flex-start;align-self:center;gap:4px}
  .credits-badge{grid-area:credits;display:flex;flex-direction:row;justify-content:center;align-self:center;gap:7px;font-size:10px!important}
  .credits-badge strong{font-size:18px!important}
  .leaderboard-button{grid-area:leaderboard;align-self:center;width:100%;min-height:40px;font-size:10px!important;padding:8px 4px!important}
}
@media(max-width:420px){
  .app{width:calc(100% - 24px)}
  .arcade-hud{column-gap:6px!important;row-gap:7px!important}
  .run-total-cluster,.level-count,.score{padding:8px!important;min-height:57px}
  .score strong,.run-score strong,.level-count strong{font-size:18px!important}
  .score small,.run-score,.level-count{font-size:8px!important}
  .run-restart{width:26px;height:28px;flex-basis:26px}
  .lives-hud{gap:3px!important}
  .life{padding:3px 4px!important}
  .life-icon img{width:26px!important;height:26px!important}
}
@media(max-width:350px){
  .score strong,.run-score strong,.level-count strong{font-size:16px!important}
  .run-total-cluster,.level-count,.score{padding:7px!important}
  .life-icon img{width:23px!important;height:23px!important}
}