.bloklar .bloklar-stage { display: flex; justify-content: center; }
.bloklar .bloklar-canvas { display: block; touch-action: none; border-radius: 8px; max-width: 100%; }
.bloklar .bloklar-pad { display: none; grid-template-columns: repeat(7, 1fr); gap: 6px; margin: 12px auto 0; max-width: 460px; }
.bloklar .bloklar-pad .g-btn { padding: 0; min-height: 52px; font-size: 20px; touch-action: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }
.bloklar .bloklar-pad [data-act="hold"] { font-size: 14px; }
@media (pointer: coarse) { .bloklar .bloklar-pad { display: grid; } }