/* Muppet Madness Playhouse 1.14 — visible, gently reversing travelling light.
   This is a fresh filename to bypass immutable CDN caches. No JS or image needed. */
body.mm-playhouse .mm-playhouse-top-trim {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:linear-gradient(90deg,#9c604d 0%,#d58b5e 30%,#79495a 55%,#8bcbb2 80%,#a96657 100%);
}
body.mm-playhouse .mm-playhouse-top-trim.mm-trim-animated::before {
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:clamp(64px,12%,170px);
  z-index:2;
  opacity:1;
  pointer-events:none;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(255,185,100,.24) 21%,
    rgba(255,225,164,.68) 38%,
    #fffde8 50%,
    rgba(255,225,164,.68) 62%,
    rgba(255,185,100,.24) 79%,
    transparent 100%
  );
  filter:brightness(1.08);
  animation:mm-playhouse-light-travel 8s ease-in-out infinite alternate;
}
body.mm-playhouse .mm-playhouse-top-trim.mm-trim-very-slow::before {
  animation-duration:14s;
}
@keyframes mm-playhouse-light-travel {
  from { left:0%; transform:translateX(0%); }
  to   { left:100%; transform:translateX(-100%); }
}
body.mm-playhouse .mm-top-ribbon { max-width:100%; }
body.mm-playhouse .mm-top-ribbon > span { min-width:0; overflow-wrap:anywhere; }
@media(max-width:620px) {
  body.mm-playhouse .mm-top-ribbon { flex-wrap:wrap; column-gap:14px; row-gap:4px; padding:6px 15px; line-height:1.45; }
  body.mm-playhouse .mm-top-ribbon .mm-ribbon-right { margin-left:auto; text-align:right; }
}
@media(prefers-reduced-motion:reduce) {
  body.mm-playhouse .mm-playhouse-top-trim.mm-trim-animated::before {
    animation:none!important;
    opacity:0!important;
  }
}