/* Basic layout */
.tetris-wrap{max-width:420px;margin:1rem auto;padding:0.5rem;text-align:center;user-select:none}
.tetris-canvas{width:100%;height:auto;display:block;margin:0 auto;background:#111;outline:none;image-rendering:pixelated}
.tetris-dark .tetris-canvas{background:#111}
.tetris-light .tetris-canvas{background:#f7f7f7}
.tetris-hud{display:flex;gap:.5rem;align-items:center;justify-content:center;flex-wrap:wrap;margin:.5rem 0}
.hud-item{display:flex;gap:.25rem;align-items:baseline;padding:.25rem .5rem;border:1px solid #ddd;border-radius:.5rem}
.hud-item span{opacity:.7;font-size:.85rem}
.hud-item strong{font-variant-numeric:tabular-nums}
.te-btn{padding:.4rem .75rem;border-radius:.5rem;border:1px solid #ccc;background:#f5f5f5;cursor:pointer}
.tetris-touch{display:flex;gap:.5rem;justify-content:center;margin-top:.25rem}
.tetris-touch .te-touch{font-size:1.2rem;padding:.6rem 1rem;border-radius:.75rem;border:1px solid #ccc;background:#fafafa}
@media (hover:hover){ .tetris-touch{display:none;} } /* hide touch pad on non-touch devices */