* { box-sizing: border-box; }
body { margin: 0; background: #161616; color: #eee; font: 12px system-ui, sans-serif; }
#player { width: 100%; height: calc(100vh - 68px); min-height: 170px; }
ruffle-player { display: block; width: 100%; height: 100%; }
#game-status { margin: 0; min-height: 20px; text-align: center; padding: 4px; }
.touch-controls { display: flex; justify-content: center; gap: 5px; padding: 4px; }
.touch-controls button { min-width: 38px; min-height: 36px; border: 1px solid #8c6942; border-radius: 5px; background: #3a2a1a; color: white; touch-action: none; user-select: none; }
.touch-controls button:active { background: #aa5918; }