/* Shared mobile chrome for the classic games; each playfield keeps its own art. */
@media (max-width:699px) {
  html body.classic-game-ui .page-header {
    padding:10px!important;
    gap:6px!important;
    border-radius:16px!important;
  }
  html body.classic-game-ui .page-header h1 {
    font-size:22px!important;
    line-height:1.15!important;
    margin:0!important;
  }
  html body.classic-game-ui .game-title-status-row {
    gap:8px!important;
    margin:0 0 6px!important;
    flex-wrap:wrap;
  }
  html body.classic-game-ui .game-meta { gap:4px!important; }
  html body.classic-game-ui .page-header .game-meta .meta-pill {
    min-width:0!important;
    min-height:40px!important;
    box-sizing:border-box!important;
    padding:5px 3px!important;
    font-size:11px!important;
    line-height:1.3!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    align-content:center!important;
    justify-content:center!important;
    gap:2px 3px!important;
    border-radius:10px!important;
  }
  html body.classic-game-ui .page-header .game-meta .meta-pill span { font-size:inherit!important; }
  html body.classic-game-ui #gameStatus { font-size:11px!important;line-height:1.3!important; }

  /* Plays are already in the HUD; rewards remain in More tips & rewards.
     Keep one control hint and preserve the out-of-plays notice. */
  html body.classic-game-ui .game-start-summary {
    grid-template-columns:1fr;
    gap:3px;
    margin:7px 0;
  }
  html body.classic-game-ui .game-start-summary :is(.game-start-plays,.game-start-reward) { display:none; }
  html body.classic-game-ui .game-start-summary .game-start-control {
    min-height:0;padding:2px 6px;border:0;background:none;
    font-size:13px;line-height:1.4;font-weight:600;color:#c2d4e8;
  }
  html body.classic-game-ui .game-start-summary.out-of-plays .game-start-plays {
    display:block;min-height:0;padding:5px 8px;font-size:12px;
  }
  html body.classic-game-ui .game-guide-strip { display:none!important; }
  html body.classic-game-ui:not(.game-active) #startButton {
    min-height:48px!important;
    padding:10px 12px!important;
    border-radius:13px!important;
    font-size:16px!important;
    line-height:1.3!important;
  }
  html body.classic-game-ui .game-guide-more > summary {
    min-height:44px;box-sizing:border-box;padding:12px 6px;
    font-size:13px;line-height:1.4;color:#c2d4e8;
  }
}

@media(max-width:359px){
 html body.classic-game-ui.towerstack-page .game-meta {grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}

/* The objective and move counter remain visible on short phone screens. */
@media(max-width:699px) and (max-height:650px){
 html body.classic-game-ui.mini-mergeRush.game-active .merge-goal span{display:none;}
}

@media(max-width:699px){
 html body.classic-game-ui.mini-mergeRush.game-active .page-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:6px!important;}
 html body.classic-game-ui.mini-mergeRush.game-active .page-header > h1{grid-column:1;grid-row:1;font-size:20px!important;}
 html body.classic-game-ui.mini-mergeRush.game-active #gameStatus{grid-column:2;grid-row:1;}
 html body.classic-game-ui.mini-mergeRush.game-active .game-meta{grid-column:1 / -1;grid-row:2;}
}