.ev-stage { display: flex; justify-content: center; margin: 10px auto 10px; }
.ev-stage canvas { display: block; border-radius: 16px; border: 1px solid rgba(34, 211, 238, 0.35); box-shadow: 0 20px 50px -24px rgba(0, 0, 0, 0.7); touch-action: none; cursor: pointer; }
.tip { text-align: center; color: var(--muted); font-size: 13px; margin: 0 0 10px; }

.ev-pad { display: none; grid-template-columns: 1fr 1fr 1fr; gap: 8px; max-width: 420px; margin: 0 auto 12px; touch-action: none; }
.ev-btn { appearance: none; height: 58px; display: grid; place-items: center; border: 1px solid var(--line); background: var(--panel); color: var(--text); border-radius: 14px; font: inherit; font-size: 13px; font-weight: 800; cursor: pointer; touch-action: none; user-select: none; -webkit-user-select: none; }
.ev-btn:active { background: rgba(34, 211, 238, 0.25); }
.ev-btn.regen { color: #34d399; border-color: rgba(52, 211, 153, 0.45); }
.ev-btn.regen:active { background: rgba(52, 211, 153, 0.25); }

.tip .touch { display: none; }
@media (pointer: coarse) {
  .ev-pad { display: grid; }
  .tip .keys { display: none; }
  .tip .touch { display: inline; }
}