.stage { max-width: 460px; }
.pad { display: grid; grid-template-columns: repeat(3, 66px); grid-template-rows: repeat(2, 56px); gap: 8px; justify-content: center; margin-top: 12px; direction: ltr; }
.pad button { border: 1px solid var(--line); background: var(--panel2); color: var(--gold-l); border-radius: 16px; cursor: pointer; display: grid; place-items: center; transition: .15s; }
.pad button svg { width: 22px; height: 22px; }
.pad button:active { background: var(--gold); color: var(--ink); }
.pad .up { grid-column: 2; }
.pad .left { grid-column: 1; grid-row: 2; }
.pad .down { grid-column: 2; grid-row: 2; }
.pad .right { grid-column: 3; grid-row: 2; }
@media (hover: hover) and (pointer: fine) { .pad { display: none; } }