/* Keep native start/resume controls ahead of long instructions on small screens.
   DOM order and tab order are moved together by the matching source build. */
.game-overlay.ready-overlay{justify-content:flex-start!important;overscroll-behavior:contain;scroll-padding-block:12px;gap:10px!important}
.ready-overlay .intro-start-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;flex-shrink:0}
.ready-overlay .intro-start-actions>button{min-height:48px;max-width:100%;white-space:normal}
@media(max-width:600px),(max-height:600px){
 .game-overlay.ready-overlay{padding:16px!important}
 .ready-overlay>.intro-symbol{font-size:32px!important;line-height:1;flex-shrink:0}
 .ready-overlay>h2{font-size:22px!important;margin:2px 0 6px!important;flex-shrink:0}
 .ready-overlay .intro-start-actions{margin-bottom:6px}
}