.mm-stage-chao {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 118px;
  border-radius: 12px;
  background: rgba(0,0,0,0.18);
  border: 1px solid rgba(255,255,255,0.08);
  padding: 10px 8px;
  text-align: center;
}
.mm-stage-chao.is-mine {
  outline: 2px solid rgba(90,170,255,0.55);
}
.mm-stage-icon {
  width: 54px;
  height: 54px;
  object-fit: contain;
  image-rendering: pixelated;
}
.mm-stage-name {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.15;
}
.mm-stage-owner {
  font-size: 11px;
  opacity: 0.82;
}

.garden-item.toy-seesaw {
  width: 96px !important;
  height: 56px !important;
  overflow: visible !important;
}
.garden-item.toy-seesaw > img {
  display: none;
}
.garden-item.toy-seesaw .seesaw-visual {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.garden-item.toy-seesaw .seesaw-pivot {
  position: absolute;
  left: 42px;
  top: 22px;
  width: 12px;
  height: 26px;
  background: linear-gradient(180deg, #d8a16d 0%, #8a582f 100%);
  clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
}
.garden-item.toy-seesaw .seesaw-board {
  position: absolute;
  left: 10px;
  top: 14px;
  width: 76px;
  height: 8px;
  border-radius: 6px;
  background: linear-gradient(180deg, #f56b6b 0%, #b63c3c 100%);
  transform-origin: 50% 50%;
}
.garden-item.toy-seesaw .seesaw-seat {
  position: absolute;
  top: -6px;
  width: 14px;
  height: 12px;
  border-radius: 4px;
  background: linear-gradient(180deg, #8fb8ff 0%, #4b76d8 100%);
  border: 1px solid rgba(28, 45, 97, 0.8);
}
.garden-item.toy-seesaw .seesaw-seat.left { left: -2px; }
.garden-item.toy-seesaw .seesaw-seat.right { right: -2px; }

.garden-item.toy-swing {
  overflow: visible !important;
}
.garden-item.toy-swing > img,
.garden-item.toy-spring-ride > img {
  display: none;
}
.garden-item.toy-swing .swing-visual,
.garden-item.toy-spring-ride .spring-visual {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.garden-item.toy-swing .swing-frame {
  position: absolute;
  inset: 0;
}
.garden-item.toy-swing .swing-frame::before,
.garden-item.toy-swing .swing-frame::after {
  content: "";
  position: absolute;
  bottom: 12px;
  width: 6px;
  height: 72px;
  background: linear-gradient(180deg, #7f5736 0%, #52331e 100%);
  border-radius: 4px;
}
.garden-item.toy-swing-single .swing-frame::before { left: 14px; transform: rotate(8deg); }
.garden-item.toy-swing-single .swing-frame::after { right: 14px; transform: rotate(-8deg); }
.garden-item.toy-swing-duo .swing-frame::before { left: 18px; transform: rotate(10deg); }
.garden-item.toy-swing-duo .swing-frame::after { right: 18px; transform: rotate(-10deg); }
.garden-item.toy-swing .swing-frame:after,
.garden-item.toy-swing .swing-frame:before {
  box-shadow: 0 -72px 0 0 rgba(0,0,0,0);
}
.garden-item.toy-swing .swing-frame {
  border-top: 8px solid #b56d49;
  border-radius: 8px 8px 0 0;
  top: 8px;
  left: 14px;
  right: 14px;
  bottom: 0;
}
.garden-item.toy-swing-single .swing-seat,
.garden-item.toy-swing-duo .swing-seat {
  position: absolute;
  top: 28px;
  width: 24px;
  height: 32px;
  transform-origin: 50% 8px;
}
.garden-item.toy-swing .swing-seat::before,
.garden-item.toy-swing .swing-seat::after {
  content: "";
  position: absolute;
  top: -18px;
  width: 2px;
  height: 18px;
  background: #d3d7df;
}
.garden-item.toy-swing .swing-seat::before { left: 6px; }
.garden-item.toy-swing .swing-seat::after { right: 6px; }
.garden-item.toy-swing .swing-seat.center { left: 26px; }
.garden-item.toy-swing .swing-seat.left { left: 20px; }
.garden-item.toy-swing .swing-seat.right { right: 20px; }
.garden-item.toy-swing .swing-seat {
  border-radius: 0 0 8px 8px;
  background: linear-gradient(180deg, #78a8ff 0%, #355da6 100%);
  border: 1px solid rgba(18, 29, 67, 0.8);
}
.garden-item.toy-spring-ride {
  overflow: visible !important;
}
.garden-item.toy-spring-ride .spring-base {
  position: absolute;
  left: 16px;
  bottom: 6px;
  width: 52px;
  height: 10px;
  border-radius: 10px;
  background: linear-gradient(180deg, #6d7f55 0%, #465137 100%);
}
.garden-item.toy-spring-ride .spring-coil {
  position: absolute;
  left: 34px;
  bottom: 16px;
  width: 16px;
  height: 30px;
  border: 3px solid #c8d0d8;
  border-top: none;
  border-bottom: none;
  border-radius: 12px;
  transform-origin: 50% 100%;
}
.garden-item.toy-spring-ride .spring-rider {
  position: absolute;
  left: 18px;
  bottom: 36px;
  width: 48px;
  height: 28px;
  transform-origin: 50% 100%;
}
.garden-item.toy-spring-ride .spring-rider.horse {
  background: linear-gradient(180deg, #d59b63 0%, #8e5e31 100%);
  clip-path: polygon(8% 62%, 18% 38%, 34% 32%, 44% 6%, 64% 6%, 74% 28%, 88% 38%, 90% 56%, 80% 68%, 66% 70%, 56% 94%, 42% 94%, 38% 72%, 18% 72%);
}
.garden-item.toy-spring-ride .spring-rider.car {
  background: linear-gradient(180deg, #f06a6a 0%, #a53b3b 100%);
  clip-path: polygon(8% 64%, 18% 40%, 34% 26%, 64% 26%, 80% 40%, 92% 64%, 84% 76%, 14% 76%);
}
.garden-item.toy-spring-ride .spring-rider.car::before,
.garden-item.toy-spring-ride .spring-rider.car::after {
  content: "";
  position: absolute;
  bottom: -2px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #2c3445;
}
.garden-item.toy-spring-ride .spring-rider.car::before { left: 6px; }
.garden-item.toy-spring-ride .spring-rider.car::after { right: 6px; }




/* pass12: music/tutorial exact-selector ownership migrated from 03-panel-contract.css */
@media (max-width: 980px) {
  #tutorial-pages-panel .panel-content {
    padding: 12px;
  }

  #music-tracklist-footer .music-btn {
    width: 100%;
  }
}


/* ============================================================
   Migrated from 99-legacy-overrides-a.css — dev/debug inline layout helpers
   ============================================================ */
.dev-quick-wrap {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.tmp-info-row {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  align-items: center;
}

.tmp-info-help {
  opacity: 0.85;
  margin-top: 6px;
  font-size: 13px;
}


/* ===== extracted: music-tracklist-fit-owner-shift ===== */

#music-tracklist-panel.panel {
  min-width: 0;
}

#music-tracklist-panel > .panel-header,
#music-tracklist-panel > .panel-header > .panel-title,
#music-tracklist-panel > .panel-header > .panel-header-controls {
  min-width: 0;
}

#music-tracklist-panel > .panel-body {
  min-width: 0;
  min-height: 0;
  box-sizing: border-box;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: hidden;
}

#music-tracklist-footer {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#music-tracklist-body {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  overflow: auto;
  scrollbar-gutter: stable;
  padding-right: 4px;
}