/* Кнопки в правом верхнем углу нот («Текст у нот», «Слова в нотах», вид мелодии, «на полку») закрывали
   высокие ноты и их слоги, которые как раз подлетают справа (2026-11-07, «curtain calls» не было видно).
   Пока мышь не над нотами, кнопки становятся прозрачными и без размытия: ноты и слова видны сквозь них.
   Навели на ноты — кнопки снова обычные. На сенсорных экранах наведения нет, там всё как было.
   Подключение — .claude/patches/smoothplay_patch.py. */
@media (hover: hover) {
  .roll-wrap > :is(.nt-toggle, .nw-toggle, .roll-view, .stow) {
    transition: opacity .2s ease, background-color .15s ease, color .15s ease, transform .1s ease;
  }
  .roll-wrap:not(:hover):not(:focus-within) > :is(.nt-toggle, .nw-toggle, .roll-view, .stow) {
    opacity: .22; -webkit-backdrop-filter: none; backdrop-filter: none;
  }
}
@media (hover: hover) and (prefers-reduced-motion: reduce) {
  .roll-wrap > :is(.nt-toggle, .nw-toggle, .roll-view, .stow) { transition: none; }
}

/* Метка «● Запись 0:02» / «Слушай» / «Пой!» / «Вступаем через 1» висела справа вверху — там, откуда подлетают
   следующие ноты, и закрывала их (2026-11-07, «raid» под «Записью»). Теперь она слева, сразу за клавиатурой:
   в горизонтальном виде там ноты, которые уже спеты, а в виде «клавиатура снизу» — самые дальние.
   Сквозь неё проходят нажатия на ноты. Запись и так видно по кнопке «Стоп» на пульте.
   Специфичность не ниже, чем у правил notewords.css / notetext.css / panels.css, а файл подключён позже. */
.dock:not(.min-roll) .roll-wrap:has(> .roll) > .phase { top: 8px; right: auto; left: 68px; pointer-events: none; }
.dock.fall:not(.min-roll) .roll-wrap:has(> .roll) > .phase { left: 12px; }
@media (max-width: 560px) {
  .dock:not(.min-roll) .roll-wrap:has(> .roll) > .phase { top: 8px; right: auto; left: 52px; }
  .dock.fall:not(.min-roll) .roll-wrap:has(> .roll) > .phase { left: 10px; }
}