/* css/games.css: janela de jogo (GameHost) e controles de toque */
.gh { display: flex; flex-direction: column; height: 100%; background: #1b1d28; color: #fff; }
.gh-bar { display: flex; align-items: center; gap: 12px; padding: 4px 8px; background: var(--xp-beige); color: #111; border-bottom: 1px solid #aca899; font-size: 12px; flex: none; }
.gh-info { flex: 1; min-width: 0; color: #555; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.gh-stage { flex: 1; min-height: 0; position: relative; display: flex; align-items: center; justify-content: center; overflow: auto; background: #101218; }
.gk-canvas { display: block; max-width: 100%; max-height: 100%; background: #000; outline: none; touch-action: none; image-rendering: auto; }
.gh-over { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; background: rgba(0,0,0,.72); text-align: center; z-index: 5; padding: 12px; }
.gh-over strong { font-size: 22px; color: #ffd23a; }
.gh-over small { color: #9ce39c; }
.gh-err { padding: 16px; color: #ff8a8a; }
.gk-pad { position: absolute; left: 6px; bottom: 6px; display: flex; gap: 6px; z-index: 6; }
.gk-pad-btn { width: 44px; height: 44px; border-radius: 10px; border: 2px solid #fff; background: rgba(255,255,255,.2); color: #fff; font-size: 18px; touch-action: none; }