.touch-controls { --game-accent:var(--cyan); --game-text:var(--text); width:min(100%,1280px); }
.is-playing.touch-device .focused-arcade { --play-controls-space:300px; }
@media(max-width:580px) { .is-playing.touch-device .focused-arcade { --play-controls-space:346px; } }
@media(max-height:460px) { .is-playing.touch-device .focused-arcade { --play-controls-space:222px; } }
@media(max-height:460px) {
 .is-playing.touch-device:has(.overlay:not([hidden])) .touch-controls { display:none; }
 .is-playing.touch-device:has(.overlay:not([hidden])) .focused-arcade { --play-controls-space:142px; }
 .is-playing.touch-device .focused-arcade .overlay:not([hidden]) { display:block; overflow-y:auto; overscroll-behavior:contain; }
 .is-playing.touch-device .focused-arcade .overlay-content { max-height:none; overflow:visible; margin:auto; }
}
@media(max-width:580px) and (max-height:460px) {
 .is-playing.touch-device .focused-arcade { --play-controls-space:256px; }
 .is-playing.touch-device .focused-arcade .game-toolbar { height:84px; padding:2px 6px; gap:2px 12px; }
 .is-playing.touch-device .focused-arcade .game-toolbar { grid-template-columns:repeat(4,minmax(0,1fr)); }
 .is-playing.touch-device:has(.overlay:not([hidden])) .focused-arcade { --play-controls-space:176px; }
 .is-playing.touch-device .focused-arcade .game-footer { height:18px; }
 .is-playing.touch-device .focused-arcade .stat { gap:2px; }
 .is-playing.touch-device .focused-arcade .stat strong { font-size:15px; }
}