/* Versus Tetris (public/arcade/tetris.js): one crisp canvas (board, next, hold, their mini board) over a
   row of cabinet buttons. Everything is scoped to this game's stage. */
.ag-stage[data-kind="tetris"] { touch-action: none; }
.ag-stage[data-kind="tetris"] .tt-cv { position: absolute; left: 0; top: 0; display: block; touch-action: none; image-rendering: pixelated; }
.ag-stage[data-kind="tetris"] .tt-pad { --tk: clamp(40px, calc((100vw - 76px) / 6), 58px);
  justify-content: space-between; gap: 16px; max-width: 560px; margin: 0 auto;
  padding: 8px max(12px, env(safe-area-inset-right)) 10px max(12px, env(safe-area-inset-left)); }
.ag-stage[data-kind="tetris"] .tt-grp { display: flex; gap: 6px; }
.ag-stage[data-kind="tetris"] .tt-pad .ag-key { width: var(--tk); height: var(--tk); }
.ag-stage[data-kind="tetris"] .tt-pad .ag-key svg { width: calc(var(--tk) * .45); height: calc(var(--tk) * .45); }
.ag-stage[data-kind="tetris"] .tt-hold { font-size: calc(var(--tk) * .4); }
.ag-stage[data-kind="tetris"] .tt-pad.tt-off { visibility: hidden; }