*{box-sizing:border-box}body{color:#e8ecef;background:#1b1f24;justify-content:center;align-items:flex-start;min-height:100vh;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}.app{text-align:center;width:min(100%,440px);padding:16px}h1{margin:8px 0 12px;font-size:1.6rem}.placar{justify-content:space-between;margin-bottom:8px;font-size:1.1rem;display:flex}.tabuleiro{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;position:relative}canvas{width:100%;height:100%;image-rendering:pixelated;background:#11151a;border:2px solid #3a424b;border-radius:6px;display:block}.sobreposicao{background:#0a0c0fbf;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.sobreposicao[hidden]{display:none}.sobreposicao p{margin:0}.titulo{font-size:2rem;font-weight:700}.dica{color:#9aa5b1;font-size:.9rem}.novo-recorde{color:#ffd166;font-weight:700}button{font:inherit;cursor:pointer;color:#fff;background:#4caf50;border:none;border-radius:6px;padding:10px 18px}button:hover{background:#43a047}.controles{touch-action:manipulation;-webkit-user-select:none;user-select:none;grid-template-rows:repeat(3,64px);grid-template-columns:repeat(3,64px);justify-content:center;gap:6px;margin-top:14px;display:none}.controles button{background:#2d343c;padding:0;font-size:1.4rem}.controles button:active{background:#3e4852}.controles [data-dir=up]{grid-area:1/2}.controles [data-dir=left]{grid-area:2/1}.controles #botao-pausa{grid-area:2/2;font-size:1rem}.controles [data-dir=right]{grid-area:2/3}.controles [data-dir=down]{grid-area:3/2}.ajuda{color:#9aa5b1;font-size:.85rem}.dica-toque{display:none}@media (width<=600px),(pointer:coarse){.controles{display:grid}.ajuda,.dica-teclado{display:none}.dica-toque{display:block}}