/* Estilos propios del Tetris (sección #g-tetris de arcade.html). Lo demás viene de arcade-juegos.css, igual que en el resto de los juegos. */
/* ===== Tetris ===== */
#g-tetris .tt-fila{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:flex-start;margin-top:6px}
#g-tetris .tt-col{display:flex;flex-direction:column;gap:12px;width:96px}
#g-tetris .tt-caja{background:var(--panel2);padding:8px 4px;text-align:center;font-size:10px;color:var(--mute);box-shadow:0 -4px 0 0 var(--dark),0 4px 0 0 var(--dark),-4px 0 0 0 var(--dark),4px 0 0 0 var(--dark)}
#g-tetris .tt-caja canvas{display:block;margin:6px auto 0;image-rendering:pixelated}
#g-tetris .tt-caja b{display:block;font-weight:normal;color:var(--yellow);font-size:12px;margin-bottom:4px}
#g-tetris .tt-stage{width:248px;max-width:100%;margin:0}
#g-tetris .tt-stage canvas{aspect-ratio:1/2}
#g-tetris .tt-rival canvas{width:80px;height:160px}
#g-tetris .tt-botones{display:flex;flex-wrap:wrap;justify-content:center;margin-top:10px;user-select:none;-webkit-user-select:none}
#g-tetris .tt-botones .btn{min-width:56px;padding:14px 10px;touch-action:none;font-size:12px}
#g-tetris .tt-basura{color:var(--red);min-height:1.5em}
#g-tetris .over .grande{font-size:16px;color:var(--yellow);margin:0 0 8px;text-shadow:3px 3px 0 var(--red)}

#g-tetris .over{overflow:auto}