/* Jaguar Phase 2 / Room Gold v58
   Presentation-only depth pass around the accepted V52 source-derived Jaguar.
   No new media, data, animation loop or biological claim. */

.jaguar[data-scene="0"] .three-wrap{
  isolation:isolate;
  background:
    radial-gradient(ellipse 50% 34% at 58% 80%,rgba(43,66,35,.14),transparent 72%),
    linear-gradient(180deg,rgba(0,0,0,0) 46%,rgba(1,7,3,.18) 70%,rgba(0,3,1,.62) 100%);
}

/* Far room: low-contrast depth, not a second hero image. */
.jaguar[data-scene="0"] .room--far{
  opacity:.86!important;
  filter:saturate(.62) contrast(1.09) brightness(.25)!important;
  transform:scale(1.09)!important;
}
.jaguar[data-scene="0"] .room--mid{
  inset:12% 15% 17% 19%!important;
  opacity:.31!important;
  filter:saturate(.67) contrast(1.12) brightness(.22)!important;
  transform:translate3d(1.2%,.5%,0) scale(1.025)!important;
}
.jaguar[data-scene="0"] .room--canopy{
  inset:-8% -4% 52%!important;
  opacity:.88!important;
  filter:saturate(.48) contrast(1.30) brightness(.105)!important;
}

/* Physical floor: moss/soil depth bands and a darker horizon behind the paws. */
.jaguar[data-scene="0"] .room--floor{
  opacity:1!important;
  background:
    radial-gradient(ellipse 30% 9% at 59% 75%,rgba(117,132,72,.12),transparent 66%),
    radial-gradient(ellipse 52% 13% at 60% 82%,rgba(43,71,38,.17),transparent 70%),
    linear-gradient(180deg,transparent 0 59%,rgba(10,24,12,.10) 68%,rgba(3,12,5,.48) 79%,rgba(0,4,1,.96) 100%)!important;
}
.jaguar[data-scene="0"] .three-wrap::before{
  left:18%!important;
  right:7%!important;
  bottom:3%!important;
  height:38%!important;
  opacity:.86;
  transform:perspective(760px) rotateX(70deg)!important;
  background-image:
    linear-gradient(180deg,rgba(18,38,19,.06),rgba(3,11,5,.76)),
    radial-gradient(ellipse at 54% 34%,rgba(77,103,55,.16),transparent 46%),
    radial-gradient(circle at 18% 25%,rgba(87,101,55,.18) 0 1.5px,transparent 2.4px),
    radial-gradient(circle at 67% 59%,rgba(77,92,49,.12) 0 1.4px,transparent 2.2px)!important;
  background-size:auto,auto,34px 34px,51px 51px!important;
  mask-image:linear-gradient(180deg,transparent 0,#000 24%,#000 100%)!important;
}

/* Contact is broad and soft enough to place the animal, not look like a floating sticker. */
.jaguar[data-scene="0"] .ground-contact{
  left:55%!important;
  top:73.5%!important;
  width:min(43vw,660px)!important;
  height:12vh!important;
  opacity:.95!important;
  background:
    radial-gradient(ellipse at 51% 44%,rgba(0,0,0,.88) 0 17%,rgba(0,0,0,.62) 31%,rgba(0,0,0,.28) 50%,transparent 73%)!important;
}

/* Side vegetation becomes framing/occlusion rather than two flat strips. */
.jaguar[data-scene="0"] .room--left{
  inset:-7% 61% -10% -10%!important;
  opacity:.92!important;
  filter:saturate(.46) contrast(1.34) brightness(.07)!important;
}
.jaguar[data-scene="0"] .room--right{
  inset:-8% -11% -10% 77%!important;
  opacity:.87!important;
  filter:saturate(.46) contrast(1.34) brightness(.065)!important;
}
.jaguar[data-scene="0"] .foreground{
  z-index:11!important;
  pointer-events:none!important;
  opacity:.9!important;
  transition:opacity .35s ease,transform .7s cubic-bezier(.2,.72,.24,1)!important;
}
.jaguar[data-scene="0"] .foreground--left{
  left:-6%!important;
  width:31%!important;
  background:
    radial-gradient(ellipse 44% 72% at 0 54%,rgba(0,6,2,.96),transparent 73%),
    radial-gradient(ellipse 26% 56% at 20% 82%,rgba(4,18,7,.83),transparent 72%)!important;
}
.jaguar[data-scene="0"] .foreground--right{
  right:-7%!important;
  width:27%!important;
  background:
    radial-gradient(ellipse 47% 70% at 100% 49%,rgba(0,6,2,.95),transparent 73%),
    radial-gradient(ellipse 25% 52% at 82% 84%,rgba(4,17,7,.80),transparent 72%)!important;
}

/* Humidity is layered low and behind the creature. No full-screen blur. */
.jaguar[data-scene="0"] .room--fog{
  opacity:.38!important;
  background:
    radial-gradient(ellipse 40% 14% at 55% 61%,rgba(164,188,158,.055),transparent 72%),
    radial-gradient(ellipse 58% 12% at 58% 76%,rgba(120,151,122,.045),transparent 74%),
    linear-gradient(180deg,transparent 38%,rgba(93,125,98,.025) 67%,transparent 88%)!important;
}
.jaguar[data-scene="0"] .room--shafts{
  opacity:.5!important;
  background:
    conic-gradient(from 171deg at 53% -13%,transparent 0 8deg,rgba(222,255,224,.075) 11deg,rgba(222,255,224,.018) 18deg,transparent 24deg 360deg),
    conic-gradient(from 184deg at 72% -14%,transparent 0 7deg,rgba(190,239,199,.045) 10deg,transparent 18deg 360deg),
    radial-gradient(ellipse 24% 44% at 59% 47%,rgba(121,185,130,.045),transparent 73%)!important;
}
.jaguar[data-scene="0"] .world-vignette{
  background:
    radial-gradient(ellipse 61% 67% at 58% 50%,transparent 0 36%,rgba(0,4,2,.19) 62%,rgba(0,2,1,.84) 100%),
    linear-gradient(90deg,rgba(0,3,1,.83),transparent 25% 80%,rgba(0,3,1,.77))!important;
}

/* Keep V52 visually in the room; do not hide source geometry with effects. */
.jaguar[data-scene="0"] .jaguar-local-v52{
  filter:saturate(.88) contrast(1.10) brightness(.94)!important;
}

/* Dark Jungle LUME: a spatial intelligence chamber, not a green image filter. */
.jaguar[data-lume="true"] .lume-room{
  background:
    radial-gradient(ellipse 40% 48% at 58% 48%,rgba(7,38,25,.19),transparent 62%),
    radial-gradient(ellipse 72% 82% at 58% 55%,rgba(0,13,8,.18),rgba(0,2,1,.94) 78%),
    linear-gradient(180deg,#010604 0,#000201 100%)!important;
}
.jaguar[data-lume="true"] .lume-grid{
  border-color:rgba(83,224,135,.14)!important;
  background-image:
    linear-gradient(rgba(74,209,124,.075) 1px,transparent 1px),
    linear-gradient(90deg,rgba(74,209,124,.075) 1px,transparent 1px)!important;
  box-shadow:none!important;
}
.jaguar[data-lume="true"] .lume-grid--back{opacity:.34!important;transform:translateZ(-105px) scale(.96)!important}
.jaguar[data-lume="true"] .lume-grid--floor{opacity:.54!important;transform:rotateX(72deg)!important}
.jaguar[data-lume="true"] .lume-grid--left,
.jaguar[data-lume="true"] .lume-grid--right{opacity:.25!important}
.jaguar[data-lume="true"] .lume-axis{opacity:.31!important}
.jaguar[data-lume="true"] .lume-intel{
  border-color:rgba(84,225,135,.17)!important;
  background:rgba(0,7,4,.76)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.24)!important;
}
.jaguar[data-lume="true"][data-scene="0"] .room--far,
.jaguar[data-lume="true"][data-scene="0"] .room--mid,
.jaguar[data-lume="true"][data-scene="0"] .room--canopy{
  opacity:.09!important;
  filter:saturate(.12) contrast(1.3) brightness(.055)!important;
}
.jaguar[data-lume="true"][data-scene="0"] .room--left,
.jaguar[data-lume="true"][data-scene="0"] .room--right{opacity:.12!important}
.jaguar[data-lume="true"][data-scene="0"] .room--fog{opacity:.055!important}
.jaguar[data-lume="true"][data-scene="0"] .room--shafts{opacity:.08!important}
.jaguar[data-lume="true"][data-scene="0"] .ground-contact{opacity:.68!important}
.jaguar[data-lume="true"][data-scene="0"] .foreground{opacity:.42!important}
.jaguar[data-lume="true"] .jaguar-local-v52{
  filter:saturate(.58) contrast(1.15) brightness(.82)!important;
}

@media(max-width:760px){
  .jaguar[data-scene="0"] .room--canopy{inset:-4% -2% 61%!important;opacity:.66!important}
  .jaguar[data-scene="0"] .room--left{inset:-3% 72% -8% -10%!important;opacity:.66!important}
  .jaguar[data-scene="0"] .room--right{inset:-3% -10% -8% 84%!important;opacity:.61!important}
  .jaguar[data-scene="0"] .room--fog{opacity:.23!important}
  .jaguar[data-scene="0"] .room--shafts{opacity:.23!important}
  .jaguar[data-scene="0"] .ground-contact{left:50%!important;top:73%!important;width:72vw!important;height:8vh!important}
  .jaguar[data-scene="0"] .three-wrap::before{left:8%!important;right:2%!important;bottom:2%!important;height:31%!important;opacity:.72!important}
  .jaguar[data-scene="0"] .foreground--left{width:22%!important;opacity:.62!important}
  .jaguar[data-scene="0"] .foreground--right{width:20%!important;opacity:.58!important}
  .jaguar[data-scene="0"] .jaguar-local-v52{filter:saturate(.88) contrast(1.08) brightness(.98)!important}
  .jaguar[data-lume="true"] .lume-grid--back{opacity:.26!important}
  .jaguar[data-lume="true"] .lume-grid--floor{opacity:.42!important}
}

@media(prefers-reduced-motion:reduce){
  .jaguar[data-scene="0"] .foreground{transition:none!important}
}