/* Party-Lautsprecher in PartyBox-110-Optik */
.spk{position:fixed;bottom:12px;z-index:30;width:clamp(104px,10.5vw,176px);aspect-ratio:200/360;pointer-events:none;
  filter:drop-shadow(0 18px 26px rgba(0,0,0,.65));
  translate:var(--ox,0%) 0;transition:opacity .6s,translate .8s cubic-bezier(.2,.9,.2,1);opacity:0}
.spk.l{left:12px;--ox:-170%}
.spk.r{right:12px;--ox:170%}
.spk.on{opacity:1;--ox:0%}
.spk svg{width:100%;height:100%;display:block;overflow:visible}
.spk .cone,.spk .cap{transform-box:fill-box;transform-origin:center}
.spk .bloom{filter:blur(14px);mix-blend-mode:screen}
.spk .sg{will-change:opacity}
/* Schlafmodus (Song pausiert) */
.spk .zz{position:absolute;left:50%;top:-4px;width:0;height:0;pointer-events:none;opacity:0}
.spk.sleep .zz{opacity:1}
.zz b{position:absolute;left:0;top:0;font:800 1rem/1 system-ui,sans-serif;color:#cfd3ff;opacity:0;text-shadow:0 0 8px #8c9cff;animation:zz 3.2s ease-in-out infinite}
.zz b:nth-child(2){animation-delay:1.05s;font-size:1.3rem}.zz b:nth-child(3){animation-delay:2.1s;font-size:.85rem}
@keyframes zz{0%{transform:translate(0,0) scale(.6);opacity:0}25%{opacity:.95}100%{transform:translate(26px,-60px) scale(1.3) rotate(12deg);opacity:0}}
#spkWaves{display:none}
@media (max-width:1099px){.spk{display:none}}
@media (prefers-reduced-motion:reduce){.spk{display:none}}