:root{--fundo: #0b1020;--texto: #e8ecf8;--destaque: #ffd166;--painel: rgba(12, 18, 38, .9);--borda: rgba(232, 236, 248, .16)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--fundo);color:var(--texto);font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,monospace;-webkit-tap-highlight-color:transparent}#jogo{height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto}canvas{display:block;width:100%;height:100%;touch-action:none}.hud{display:flex;gap:1.25rem;justify-content:center;padding:.6rem 1rem;padding-top:calc(.6rem + env(safe-area-inset-top));background:var(--painel);font-size:.85rem;letter-spacing:.02em}.hud b,.controles b{color:var(--destaque);font-weight:600}.controles{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem 1rem;padding:.6rem 1rem;background:var(--painel);border-top:1px solid var(--borda)}.controles .linha{display:flex;align-items:center;gap:.5rem}.controles .rotulo{opacity:.65;font-size:.8rem;min-width:1.4rem}.controles b{min-width:4.2rem;text-align:center;font-size:.95rem}.controles button{min-width:44px;min-height:44px;border:1px solid var(--borda);border-radius:10px;background:#e8ecf812;color:var(--texto);font:inherit;font-size:1.2rem;cursor:pointer;touch-action:manipulation;user-select:none}.controles button:active{background:#ffd16638}.controles button:disabled{opacity:.35;cursor:default}.controles .disparar{min-width:128px;font-size:.9rem;letter-spacing:.08em;font-weight:700;color:var(--fundo);background:var(--destaque);border-color:transparent}.rodape{padding:.5rem 1rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom));text-align:center;font-size:.75rem;opacity:.65;background:var(--painel);min-height:2rem}@media (max-height: 460px){.hud{padding:.35rem 1rem;font-size:.75rem}.controles{padding:.35rem 1rem;gap:.35rem .75rem}.controles button{min-height:38px}.rodape{padding:.25rem 1rem;min-height:1.4rem}}