/* Full-size live menu cards (Photos / Diary) under Music Player */
.card-live{
  display:flex;
  flex-direction:column;
  padding:0;
  text-decoration:none;
  color:inherit;
  min-height:0;
  position:relative;
}

.card-live-stage{
  position:relative;
  display:block;
  flex:1 1 auto;
  width:100%;
  min-height:300px;
  height:300px;
  overflow:hidden;
  background:#ebe0d2;
}

.card-live-stage img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  opacity:0;
  transition:opacity .85s ease;
  transform:scale(1.02);
  will-change:opacity;
}

.card-live-stage img.is-on{
  opacity:1;
  z-index:1;
}

.card-live:hover .card-live-stage img.is-on{
  transform:scale(1.06);
  transition:opacity .85s ease, transform .7s ease;
}

/* Photos: show full photo, avoid cutting heads/people */
.card-live[data-extra-card="photos"] .card-live-stage{
  background:#f3ebe0;
}
.card-live[data-extra-card="photos"] .card-live-stage img{
  object-fit:contain;
  object-position:center center;
  transform:none;
}
.card-live[data-extra-card="photos"]:hover .card-live-stage img.is-on{
  transform:none;
}

/* Play Room uses same live-card shell; fade is on .playroom-slide, not img */
.play-room-card .card-live-stage.playroom-stage{
  position:relative;
  background:#ebe0d2;
}
.play-room-card .card-live-stage img{
  opacity:1;
  transform:none;
  will-change:auto;
  transition:none;
}
.play-room-card:hover .card-live-stage img{
  transform:none;
}
.play-room-card .card-content{
  display:none;
}

.card-live-label{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:18px 20px 20px;
  box-sizing:border-box;
  font-family:'Cormorant Garamond',serif;
  font-size:32px;
  font-weight:600;
  letter-spacing:.4px;
  line-height:1.1;
  text-transform:uppercase;
  color:#4B3D2F;
  text-align:center;
  background:#FFF8F1;
  border-top:1px solid rgba(201,168,106,.22);
}

/* Collections slideshow inside standard card-image */
.card-slideshow{
  position:relative;
  overflow:hidden;
}
.card-slideshow img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transition:opacity .85s ease;
  transform:scale(1.02);
}
.card-slideshow img.is-on{
  opacity:1;
  z-index:1;
}
.card:hover .card-slideshow img.is-on{
  transform:scale(1.06);
  transition:opacity .85s ease, transform .7s ease;
}

/* Play Room live game previews */
.playroom-slide{
  position:absolute;
  inset:0;
  opacity:0;
  transition:opacity .9s ease;
  pointer-events:none;
}
.playroom-slide.is-on{
  opacity:1;
  z-index:1;
}
.playroom-slide-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
.playroom-slide-tag{
  position:absolute;
  left:12px;
  bottom:12px;
  z-index:2;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(255,248,241,.88);
  border:1px solid rgba(201,168,106,.45);
  font:600 10px/1 Poppins,sans-serif;
  letter-spacing:.4px;
  color:#6a4324;
  text-transform:uppercase;
}

@media (max-width:1024px){
  .card-live-stage{
    min-height:240px;
    height:240px;
  }
  .card-live-label{
    font-size:28px;
    padding:16px 16px 18px;
  }
}

@media (max-width:768px){
  .card-live-stage{
    min-height:220px;
    height:220px;
  }
  .card-live-label{
    font-size:26px;
    padding:14px 14px 16px;
  }
  .playroom-slide-tag{
    font-size:9px;
    left:10px;
    bottom:10px;
  }
}

@media (prefers-reduced-motion:reduce){
  .card-live-stage img,
  .card-slideshow img,
  .playroom-slide{
    transition:none;
  }
  .card-live:hover .card-live-stage img.is-on,
  .card:hover .card-slideshow img.is-on{
    transform:none;
  }
}

/* Legacy mini-tile styles unused on homepage while Mystery is hidden */
.home-extras{display:none !important}