/* Each drawing occupies one transparent cell of the 3 x 2 sprite sheet. */
.stream-cover-art{position:absolute;inset:0;display:block;overflow:hidden;background:#faf2e8;isolation:isolate;pointer-events:none}
.stream-cover-art__scene{position:absolute;left:50%;top:50%;height:100%;aspect-ratio:1;transform:translate(-50%,-50%);animation:stream-cover-cycle 13s linear infinite}
.stream-cover-art__item{position:absolute;display:block;aspect-ratio:1;background-image:url('assets/bakery-sprites.png');background-size:300% 200%;background-repeat:no-repeat;opacity:0;will-change:opacity,transform;animation-duration:13s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
.stream-cover-art__item--wheat{width:98%;left:0;top:-1%;background-position:100% 100%;animation-name:stream-cover-wheat}
.stream-cover-art__item--bread{width:70%;left:15%;top:11%;background-position:0 0;animation-name:stream-cover-bread}
.stream-cover-art__item--croissant{width:49%;left:-2%;top:46%;background-position:50% 0;animation-name:stream-cover-croissant}
.stream-cover-art__item--slices{width:55%;left:44%;top:40%;background-position:100% 0;animation-name:stream-cover-slices}
.stream-cover-art__item--roll{width:35%;left:21%;top:65%;background-position:0 100%;animation-name:stream-cover-roll}
.stream-cover-art__item--danish{width:35%;left:44%;top:65%;background-position:50% 100%;animation-name:stream-cover-danish}
@keyframes stream-cover-cycle{0%,77%{opacity:1}96%,100%{opacity:0}}
@keyframes stream-cover-wheat{0%,2%{opacity:0;transform:translateY(12px) scale(.94)}10%,100%{opacity:1;transform:none}}
@keyframes stream-cover-bread{0%,2%{opacity:0;transform:translateY(12px) scale(.94)}10%,100%{opacity:1;transform:none}}
@keyframes stream-cover-croissant{0%,17%{opacity:0;transform:translateY(12px) scale(.94)}25%,100%{opacity:1;transform:none}}
@keyframes stream-cover-slices{0%,27%{opacity:0;transform:translateY(12px) scale(.94)}35%,100%{opacity:1;transform:none}}
@keyframes stream-cover-roll{0%,37%{opacity:0;transform:translateY(12px) scale(.94)}45%,100%{opacity:1;transform:none}}
@keyframes stream-cover-danish{0%,47%{opacity:0;transform:translateY(12px) scale(.94)}55%,100%{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.stream-cover-art__scene,.stream-cover-art__item{animation:none!important;opacity:1;will-change:auto}}
/* idle-анимация пекарни (bakery-loop.webp) для эфиров без обложки: квадрат по центру на том же кремовом фоне */
.stream-idle{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:#faf2e7;pointer-events:none}
.stream-idle picture,.stream-idle img{display:block;height:100%;width:auto;max-width:100%;object-fit:contain}
.stream-idle.is-player{z-index:0}
.stream-idle.is-player::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b0f0cdd 0%,#0b0f0c99 38%,#0b0f0c33 70%,#0b0f0c14 100%)}