/* Art (webapp/art.js): сцены и иллюстрации. Движения заданы в самих SVG (<style> с ключевыми кадрами). */
.art-svg{display:block;width:100%;height:100%;overflow:hidden}
@media (prefers-reduced-motion:reduce){.art-svg *{animation-play-state:paused!important}} /* замирает на первом кадре — он задуман как спокойный кадр */
/* не видно — не крутим (батарея, слабые телефоны): за краем экрана или карусели (.art-off ставит app.js),
   под режимом готовки и «Что в холодильнике?» — весь экран под ними; на экране всё движется как раньше */
.art-svg.art-off *,#app:has(> #cook:not([hidden])) #view .art-svg *,#app:has(> #fridge:not([hidden])) #view .art-svg *{animation-play-state:paused!important}
[data-theme="dark"] .art-svg{--art-counter:#4A3828;--art-counter-edge:#5E4632}