/* Лёгкий режим для слабых устройств (lite.js ставит html.lite). Размытие фона под пультом и кнопками —
   самая дорогая вещь для видеокарты дешёвого телефона: его приходится пересчитывать каждый кадр, пока под ним
   движутся ноты и текст. Без него фон этих мест делаем плотнее, чтобы текст под ними не мешал читать. */
html.lite *, html.lite *::before, html.lite *::after {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
/* пульт и плавающие кнопки пропускают 8% фона: под размытием этого не видно, без него проступает текст песни */
html.lite .dock:not(.pn-layer), html.lite .rail { background: var(--dock); }
html.lite .prompt { background: rgba(16, 16, 18, .9); }
html.lite .modal { background: rgba(0, 0, 0, .8); }
html.lite .roll-view, html.lite .roll-wrap > .stow, html.lite .nw-toggle, html.lite .cover-stats span, html.lite .card-del { background: rgba(0, 0, 0, .8); }
@media (max-width: 700px) {
  html.lite .sidebar { background: #000; }
}
