/* The page's look is HTML 3.2 (body colors, <font>, tables). This file only does what that can't
   and what nobody sees: hiding things, keeping the game screen sharp and on screen, and stopping
   touch drags on the pads from scrolling the page. */
[hidden] { display: none !important; }
#screen { display: block; max-width: 100%; height: auto; }
#logo { max-width: 100%; height: auto; }
.pad, .pad * { touch-action: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }

#touch-controls, #pad-steer, #pad-pedals, #row-pads { display: none; }
body.touch.playing #pad-steer, body.touch.playing #pad-pedals { display: table; }
body.touch.playing #touch-controls { display: block; }
body.touch.playing #row-pads.portrait { display: table-row; }
body.touch.playing #desk-controls, body.touch.playing #top, body.touch.playing #bottom,
body.touch.playing #options { display: none; }
body.touch.playing { overflow: hidden; margin: 4px; }