/* V18.6.1 THE LEGENDS LIVE THEATER UI */
:root{
  --tl-gold:#d8b45a;
  --tl-rich-gold:#f2d27a;
  --tl-jade:#06281d;
  --tl-deep:#010b08;
  --tl-emerald:#084c38;
}

#video-shop-section.liveops-theater-v1861{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  padding:clamp(52px,5vw,92px) clamp(14px,2vw,36px) clamp(54px,5vw,96px)!important;
  border-top:1px solid rgba(242,210,122,.22)!important;
  border-bottom:1px solid rgba(242,210,122,.18)!important;
  background:
    radial-gradient(circle at 20% 0%,rgba(242,210,122,.16),transparent 28%),
    radial-gradient(circle at 82% 42%,rgba(0,148,94,.16),transparent 34%),
    linear-gradient(180deg,rgba(1,11,8,.95),rgba(4,30,22,.96) 48%,rgba(0,8,6,.98))!important;
}

#video-shop-section.liveops-theater-v1861:before{
  content:""!important;
  position:absolute!important;
  inset:-12% -8% -8% -8%!important;
  z-index:-3!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.28),rgba(0,0,0,.02),rgba(0,0,0,.38)),
    url('/assets/liveops-brand-board-bg.webp') center/cover no-repeat!important;
  opacity:.18!important;
  filter:saturate(1.12) contrast(1.08)!important;
}

#video-shop-section.liveops-theater-v1861:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;
  background:
    radial-gradient(circle at 51% 20%,rgba(242,210,122,.22),transparent 20%),
    url('/assets/liveops-dragon-gold.webp') center 4%/min(520px,42vw) auto no-repeat!important;
  opacity:.15!important;
  pointer-events:none!important;
  filter:drop-shadow(0 30px 60px rgba(0,0,0,.55))!important;
}

#video-shop-section.liveops-theater-v1861 .liveops-theater-bg-poster{
  position:absolute!important;
  right:-4vw!important;
  bottom:-18%!important;
  width:min(44vw,560px)!important;
  aspect-ratio:941/1672!important;
  background:url('/assets/liveops-healing-matrix-bg.webp') center/cover no-repeat!important;
  opacity:.10!important;
  mix-blend-mode:screen!important;
  pointer-events:none!important;
  z-index:-1!important;
  filter:saturate(1.15) contrast(1.1)!important;
}

#video-shop-section.liveops-theater-v1861 .section-header,
#video-shop-section.liveops-theater-v1861 .liveops-theater-header{
  position:relative!important;
  z-index:2!important;
  max-width:1480px!important;
  margin:0 auto clamp(28px,3vw,44px)!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:clamp(16px,2vw,34px)!important;
  border:0!important;
}

#video-shop-section.liveops-theater-v1861 .section-header:after,
#video-shop-section.liveops-theater-v1861 .liveops-theater-header:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-14px!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(242,210,122,.62),rgba(0,165,105,.34),rgba(242,210,122,.62),transparent)!important;
}

.liveops-theater-crest{
  width:clamp(78px,7vw,122px)!important;
  height:clamp(78px,7vw,122px)!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  flex:0 0 auto!important;
  background:
    radial-gradient(circle at 50% 38%,rgba(242,210,122,.22),transparent 42%),
    linear-gradient(180deg,rgba(5,54,40,.78),rgba(0,0,0,.45))!important;
  border:1px solid rgba(242,210,122,.42)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.42), inset 0 0 0 1px rgba(255,255,255,.05)!important;
}
.liveops-theater-crest:before{
  content:""!important;
  position:absolute!important;
  inset:8px!important;
  border-radius:999px!important;
  border:1px solid rgba(242,210,122,.25)!important;
}
.liveops-theater-crest img{
  width:74%!important;
  height:74%!important;
  object-fit:contain!important;
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.45)) saturate(1.05)!important;
}

.liveops-theater-titlebox{
  min-width:0!important;
  text-align:left!important;
}
#video-shop-section.liveops-theater-v1861 .section-eyebrow,
#video-shop-section.liveops-theater-v1861 .section-kicker,
.liveops-theater-eyebrow{
  display:block!important;
  margin:0 0 8px!important;
  color:rgba(242,210,122,.74)!important;
  font-size:clamp(10px,.75vw,12px)!important;
  line-height:1.2!important;
  letter-spacing:.34em!important;
  text-transform:uppercase!important;
  font-weight:900!important;
}
#video-shop-section.liveops-theater-v1861 .section-title,
.liveops-theater-title{
  margin:0!important;
  color:#f7e8bd!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:clamp(28px,3.2vw,58px)!important;
  line-height:.95!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  text-shadow:0 2px 0 rgba(0,0,0,.35), 0 20px 46px rgba(0,0,0,.45)!important;
  background:linear-gradient(180deg,#fff7cf,#d7ae52 58%,#80602a)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
.liveops-theater-subtitle{
  margin:10px 0 0!important;
  color:rgba(245,236,209,.68)!important;
  font-size:clamp(12px,.95vw,15px)!important;
  line-height:1.55!important;
  max-width:720px!important;
}
.liveops-theater-side-mark{
  align-self:stretch!important;
  min-width:clamp(120px,13vw,210px)!important;
  border-left:1px solid rgba(242,210,122,.22)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-end!important;
  gap:8px!important;
  text-transform:uppercase!important;
  font-weight:900!important;
  letter-spacing:.22em!important;
  color:rgba(242,210,122,.70)!important;
  font-size:10px!important;
  text-align:right!important;
}
.liveops-theater-side-mark b{
  color:#f9e9b8!important;
  font-size:12px!important;
}

#video-shop-section.liveops-theater-v1861 #video-shop-grid{
  position:relative!important;
  z-index:2!important;
  max-width:1480px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:clamp(14px,1.5vw,24px)!important;
  align-items:stretch!important;
}

#video-shop-section.liveops-theater-v1861 .live-clip-session-card,
#video-shop-section.liveops-theater-v1861 .video-shop-card,
#video-shop-section.liveops-theater-v1861 .video-card{
  position:relative!important;
  min-height:clamp(420px,34vw,560px)!important;
  border-radius:32px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(242,210,122,.14),transparent 30%),
    linear-gradient(180deg,rgba(7,49,36,.90),rgba(0,0,0,.84) 72%,#010604)!important;
  border:1px solid rgba(242,210,122,.28)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.42), inset 0 0 0 1px rgba(255,255,255,.04)!important;
  transform:translateZ(0)!important;
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease!important;
}
#video-shop-section.liveops-theater-v1861 .live-clip-session-card:hover,
#video-shop-section.liveops-theater-v1861 .video-shop-card:hover,
#video-shop-section.liveops-theater-v1861 .video-card:hover{
  transform:translateY(-8px)!important;
  border-color:rgba(255,231,156,.58)!important;
  box-shadow:0 38px 100px rgba(0,0,0,.55), 0 0 0 1px rgba(242,210,122,.08)!important;
}
#video-shop-section.liveops-theater-v1861 .live-clip-session-card:before,
#video-shop-section.liveops-theater-v1861 .video-shop-card:before,
#video-shop-section.liveops-theater-v1861 .video-card:before{
  content:""!important;
  position:absolute!important;
  inset:10px!important;
  z-index:3!important;
  border-radius:24px!important;
  border:1px solid rgba(242,210,122,.16)!important;
  pointer-events:none!important;
}
#video-shop-section.liveops-theater-v1861 .live-clip-session-card:after,
#video-shop-section.liveops-theater-v1861 .video-shop-card:after,
#video-shop-section.liveops-theater-v1861 .video-card:after{
  content:""!important;
  position:absolute!important;
  right:-24%!important;
  top:-6%!important;
  width:78%!important;
  aspect-ratio:1/1!important;
  z-index:2!important;
  background:url('/assets/liveops-dragon-gold.webp') center/contain no-repeat!important;
  opacity:.10!important;
  filter:drop-shadow(0 20px 30px rgba(0,0,0,.5))!important;
  pointer-events:none!important;
}

#video-shop-section.liveops-theater-v1861 .live-clip-media,
#video-shop-section.liveops-theater-v1861 .video-thumb,
#video-shop-section.liveops-theater-v1861 .video-media{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background:#000!important;
  overflow:hidden!important;
}
#video-shop-section.liveops-theater-v1861 .live-clip-media video,
#video-shop-section.liveops-theater-v1861 .live-clip-media iframe,
#video-shop-section.liveops-theater-v1861 .live-clip-media img,
#video-shop-section.liveops-theater-v1861 .video-thumb video,
#video-shop-section.liveops-theater-v1861 .video-thumb iframe,
#video-shop-section.liveops-theater-v1861 .video-thumb img,
#video-shop-section.liveops-theater-v1861 .video-media video,
#video-shop-section.liveops-theater-v1861 .video-media iframe,
#video-shop-section.liveops-theater-v1861 .video-media img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border:0!important;
  background:#000!important;
}
#video-shop-section.liveops-theater-v1861 .live-clip-media:after,
#video-shop-section.liveops-theater-v1861 .video-thumb:after,
#video-shop-section.liveops-theater-v1861 .video-media:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.04) 38%,rgba(0,0,0,.86) 82%,rgba(0,0,0,.98)),
    radial-gradient(circle at 50% 34%,transparent 0,rgba(3,23,18,.18) 58%,rgba(0,0,0,.48) 100%)!important;
  pointer-events:none!important;
}

#video-shop-section.liveops-theater-v1861 .live-clip-status,
#video-shop-section.liveops-theater-v1861 .video-badge{
  position:absolute!important;
  top:16px!important;
  left:16px!important;
  z-index:5!important;
  display:inline-flex!important;
  min-height:26px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:5px 11px!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.58)!important;
  border:1px solid rgba(242,210,122,.42)!important;
  color:#f8e7b4!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  backdrop-filter:blur(12px)!important;
}

#video-shop-section.liveops-theater-v1861 .live-clip-body,
#video-shop-section.liveops-theater-v1861 .video-info,
#video-shop-section.liveops-theater-v1861 .video-card-body{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:4!important;
  padding:72px 18px 18px!important;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.86) 54%,rgba(0,0,0,.98))!important;
}
#video-shop-section.liveops-theater-v1861 .live-clip-platform,
#video-shop-section.liveops-theater-v1861 .video-platform{
  margin:0 0 8px!important;
  color:#d7b055!important;
  font-size:9px!important;
  letter-spacing:.24em!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}
#video-shop-section.liveops-theater-v1861 .live-clip-title,
#video-shop-section.liveops-theater-v1861 .video-title,
#video-shop-section.liveops-theater-v1861 h3{
  margin:0!important;
  color:#fff1c4!important;
  font-size:clamp(14px,1.15vw,18px)!important;
  line-height:1.18!important;
  font-weight:900!important;
  text-shadow:0 12px 26px rgba(0,0,0,.72)!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
#video-shop-section.liveops-theater-v1861 .live-clip-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin:10px 0 0!important;
}
#video-shop-section.liveops-theater-v1861 .live-clip-meta span{
  min-height:23px!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  border:1px solid rgba(242,210,122,.22)!important;
  background:rgba(0,0,0,.35)!important;
  color:rgba(250,237,196,.78)!important;
  font-size:9px!important;
  font-weight:900!important;
}
#video-shop-section.liveops-theater-v1861 .live-clip-actions,
#video-shop-section.liveops-theater-v1861 .video-actions{
  display:flex!important;
  gap:9px!important;
  margin-top:13px!important;
}
#video-shop-section.liveops-theater-v1861 .live-clip-actions a,
#video-shop-section.liveops-theater-v1861 .live-clip-actions button,
#video-shop-section.liveops-theater-v1861 .video-actions a,
#video-shop-section.liveops-theater-v1861 .video-actions button{
  flex:1!important;
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  border:1px solid rgba(242,210,122,.36)!important;
  background:rgba(242,210,122,.08)!important;
  color:#f8e7b4!important;
  font-size:10px!important;
  font-weight:900!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
#video-shop-section.liveops-theater-v1861 .live-clip-actions a:first-child,
#video-shop-section.liveops-theater-v1861 .video-actions a:first-child{
  background:linear-gradient(135deg,#fff1b7,#c28a32)!important;
  color:#06140f!important;
  border-color:rgba(255,240,187,.72)!important;
}

@media(max-width:1280px){
  #video-shop-section.liveops-theater-v1861 #video-shop-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .liveops-theater-side-mark{display:none!important;}
  #video-shop-section.liveops-theater-v1861 .section-header,
  #video-shop-section.liveops-theater-v1861 .liveops-theater-header{grid-template-columns:auto 1fr!important;}
}
@media(max-width:980px){
  #video-shop-section.liveops-theater-v1861 #video-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:700px){
  #video-shop-section.liveops-theater-v1861{padding-left:14px!important;padding-right:14px!important;}
  #video-shop-section.liveops-theater-v1861 .section-header,
  #video-shop-section.liveops-theater-v1861 .liveops-theater-header{grid-template-columns:1fr!important;text-align:center!important;}
  .liveops-theater-crest{margin:0 auto!important;}
  .liveops-theater-titlebox{text-align:center!important;}
  #video-shop-section.liveops-theater-v1861 #video-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:480px){
  #video-shop-section.liveops-theater-v1861 #video-shop-grid{grid-template-columns:1fr!important;}
}


/* V18.6.2 · cleaner luxury background + no unnecessary black video well */
#video-shop-section.liveops-theater-v1861{background:linear-gradient(180deg,rgba(4,24,18,.96),rgba(3,18,14,.985) 54%,rgba(2,12,10,.99))!important;border:1px solid rgba(242,210,122,.14)!important;border-radius:38px!important;box-shadow:0 36px 120px rgba(0,0,0,.32), inset 0 0 0 1px rgba(255,255,255,.03)!important}#video-shop-section.liveops-theater-v1861 .section-header:before{content:none!important}#video-shop-section.liveops-theater-v1861:before{background:radial-gradient(circle at 18% 0%,rgba(242,210,122,.10),transparent 22%),radial-gradient(circle at 82% 22%,rgba(0,148,94,.10),transparent 28%)!important;opacity:1!important;filter:none!important}#video-shop-section.liveops-theater-v1861:after{opacity:.06!important;background:url('/assets/liveops-dragon-gold.webp') center 5%/min(440px,36vw) auto no-repeat!important}#video-shop-section.liveops-theater-v1861 .liveops-theater-bg-poster{display:none!important}#video-shop-section.liveops-theater-v1861 .live-clip-media,#video-shop-section.liveops-theater-v1861 .video-thumb,#video-shop-section.liveops-theater-v1861 .video-media{background:linear-gradient(180deg,rgba(8,40,31,.68),rgba(1,10,8,.88))!important}#video-shop-section.liveops-theater-v1861 .live-clip-media video,#video-shop-section.liveops-theater-v1861 .live-clip-media iframe,#video-shop-section.liveops-theater-v1861 .live-clip-media img,#video-shop-section.liveops-theater-v1861 .video-thumb video,#video-shop-section.liveops-theater-v1861 .video-thumb iframe,#video-shop-section.liveops-theater-v1861 .video-thumb img,#video-shop-section.liveops-theater-v1861 .video-media video,#video-shop-section.liveops-theater-v1861 .video-media iframe,#video-shop-section.liveops-theater-v1861 .video-media img{background:transparent!important}#video-shop-section.liveops-theater-v1861 .live-clip-media:after,#video-shop-section.liveops-theater-v1861 .video-thumb:after,#video-shop-section.liveops-theater-v1861 .video-media:after{background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.02) 38%,rgba(0,0,0,.68) 80%,rgba(0,0,0,.86)),radial-gradient(circle at 50% 30%,transparent 0,rgba(3,23,18,.10) 56%,rgba(0,0,0,.22) 100%)!important}#video-shop-section.liveops-theater-v1861 .video-shop-card[data-video-render="poster_link"] .video-thumb:after{background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.03) 34%,rgba(0,0,0,.74))!important}