.entree { max-width: 420px; margin: 0 auto; padding: 40px 16px; }
.entree input { font: 700 1.6rem ui-monospace, Consolas, monospace; letter-spacing: .2em; text-align: center; text-transform: uppercase; margin-bottom: 12px; }

.etat .jauge { height: 20px; }
.etat .message { margin: 12px 0 0; }
.paliers { margin: 12px 0; }
.paliers button { min-width: 0; padding: 10px 0; }
.maintenir { user-select: none; -webkit-user-select: none; touch-action: none; }
.maintenir.actif { background: var(--accent); border-color: var(--accent); }

.grille-motifs { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 8px; }

.titre-video { font-weight: 600; }
.case { gap: 8px; margin: 6px 0 12px; flex-wrap: nowrap; }
.case input { flex: 0 0 auto; width: 20px; height: 20px; accent-color: var(--accent); }
.courbe { width: 100%; height: 70px; display: block; background: var(--fond); border-radius: 10px; margin-bottom: 10px; }