.depth-showreel-glass-btn{
  color:#d9e4e5!important;
  border-color:rgba(190,217,220,.28)!important;
  background:linear-gradient(180deg,rgba(181,219,223,.055),rgba(255,255,255,.01))!important;
}
.depth-showreel-glass-btn::after{
  content:"4D";
  margin-left:5px;
  font-size:4.5px;
  letter-spacing:1px;
  opacity:.62;
}
.depth-showreel-glass-btn[aria-pressed="true"]{
  color:#0b1011!important;
  background:#c8dcde!important;
  border-color:#d6edef!important;
}
.depth-showreel-glass-icon{
  text-shadow:0 0 12px rgba(196,231,234,.34);
}
#depth-view.depth-showreel-active.depth-showreel-glass-mode .depth-primary-actions>button:not(#depth-showreel-glass):not(#depth-showreel-sound):not(#depth-skip):not(#depth-exit),
#depth-view.depth-showreel-active.depth-showreel-glass-mode .depth-actions-separator{
  display:none!important;
}

/* Minimal 4D atmosphere.
   The stage stays dark and premium; only a faint local depth haze remains.
   The actual spectacle now comes from the timed optical impulse below. */
#depth-view.depth-showreel-glass-tunnel .depth-stage::before{
  content:""!important;
  position:absolute!important;
  inset:-12%!important;
  z-index:30!important;
  pointer-events:none!important;
  opacity:.18!important;
  background:
    radial-gradient(ellipse at 50% 48%,
      rgba(177,211,214,.055) 0%,
      rgba(112,145,148,.025) 21%,
      transparent 54%),
    linear-gradient(101deg,
      transparent 0 44%,
      rgba(226,245,246,.018) 49%,
      rgba(255,255,255,.028) 50%,
      rgba(215,239,241,.015) 52%,
      transparent 58% 100%)!important;
  background-image:
    radial-gradient(ellipse at 50% 48%,
      rgba(177,211,214,.055) 0%,
      rgba(112,145,148,.025) 21%,
      transparent 54%),
    linear-gradient(101deg,
      transparent 0 44%,
      rgba(226,245,246,.018) 49%,
      rgba(255,255,255,.028) 50%,
      rgba(215,239,241,.015) 52%,
      transparent 58% 100%)!important;
  box-shadow:none!important;
  filter:none!important;
  mix-blend-mode:screen;
  transform:scale(.985) translateZ(0);
  animation:still4DTunnel 6.4s ease-in-out infinite!important;
}
@keyframes still4DTunnel{
  0%,100%{transform:scale(.98) translate3d(-.18%,.10%,0);opacity:.11}
  50%{transform:scale(1.012) translate3d(.18%,-.10%,0);opacity:.20}
}

/* Premium optical impulse rendered by .depth-glass-pulse. */
#depth-view.depth-showreel-glass-tunnel.showreel-glass-impact .depth-stage::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:39!important;
  pointer-events:none!important;
  opacity:0!important;
  background:none!important;
  background-image:none!important;
  animation:none!important;
  box-shadow:none!important;
  filter:none!important;
}

.depth-glass-pulse{
  position:absolute;
  inset:0;
  z-index:40;
  pointer-events:none;
  opacity:0;
  overflow:hidden;
  mix-blend-mode:screen;
  transform:translateZ(0);
}

/* Main optical core — small, intense and localised. */
.depth-glass-pulse::before{
  content:"";
  position:absolute;
  left:50%;
  top:49%;
  width:min(46vw,780px);
  aspect-ratio:1;
  transform:translate(-50%,-50%) scale(.18);
  border-radius:50%;
  opacity:0;
  background:
    radial-gradient(circle,
      rgba(255,255,255,.78) 0 1.2%,
      rgba(240,252,253,.48) 2.6%,
      rgba(200,232,235,.19) 7%,
      rgba(147,191,195,.070) 14%,
      transparent 30%);
  filter:blur(.15px);
}

/* Very thin horizontal lens streak. */
.depth-glass-pulse::after{
  content:"";
  position:absolute;
  left:50%;
  top:49%;
  width:min(78vw,1380px);
  height:3px;
  transform:translate(-50%,-50%) scaleX(.06);
  transform-origin:center;
  opacity:0;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(173,213,216,.015) 17%,
    rgba(218,243,245,.085) 34%,
    rgba(255,255,255,.72) 49.6%,
    rgba(255,255,255,.94) 50%,
    rgba(255,255,255,.72) 50.4%,
    rgba(218,243,245,.085) 66%,
    rgba(173,213,216,.015) 83%,
    transparent 100%);
  box-shadow:
    0 0 9px rgba(218,245,247,.24),
    0 0 34px rgba(170,214,218,.12);
}

/* A secondary diagonal refraction line. */
.depth-glass-pulse-diagonal{
  position:absolute;
  left:50%;
  top:49%;
  width:min(54vw,980px);
  height:1px;
  display:block;
  transform:translate(-50%,-50%) rotate(-17deg) scaleX(.06);
  transform-origin:center;
  opacity:0;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(205,236,238,.025) 28%,
    rgba(255,255,255,.42) 49.5%,
    rgba(229,247,248,.16) 55%,
    transparent 100%);
  box-shadow:0 0 13px rgba(199,233,236,.14);
}

/* Slow afterglow — local and asymmetric, never a white screen wash. */
.depth-glass-pulse-afterglow{
  position:absolute;
  left:50%;
  top:49%;
  width:min(64vw,1120px);
  height:min(32vw,560px);
  display:block;
  transform:translate(-50%,-50%) scale(.38) rotate(-3deg);
  border-radius:50%;
  opacity:0;
  background:
    radial-gradient(ellipse at 47% 50%,
      rgba(224,245,247,.16) 0%,
      rgba(173,210,214,.070) 19%,
      rgba(104,139,143,.025) 39%,
      transparent 68%);
  filter:blur(1.4px);
}

#depth-view.depth-showreel-glass-tunnel.showreel-glass-impact .depth-glass-pulse{
  opacity:1;
}

#depth-view.depth-showreel-glass-tunnel.showreel-glass-impact .depth-glass-pulse::before{
  animation:stillImpulseCore 2.55s cubic-bezier(.16,.72,.18,1) both;
}
#depth-view.depth-showreel-glass-tunnel.showreel-glass-impact .depth-glass-pulse::after{
  animation:stillImpulseStreak 2.65s cubic-bezier(.12,.76,.16,1) both;
}
#depth-view.depth-showreel-glass-tunnel.showreel-glass-impact .depth-glass-pulse-diagonal{
  animation:stillImpulseDiagonal 2.45s cubic-bezier(.16,.72,.18,1) both;
}
#depth-view.depth-showreel-glass-tunnel.showreel-glass-impact .depth-glass-pulse-afterglow{
  animation:stillImpulseAfterglow 3.15s cubic-bezier(.16,.70,.20,1) both;
}

@keyframes stillImpulseCore{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.16)}
  4%{opacity:.95;transform:translate(-50%,-50%) scale(.23)}
  11%{opacity:1;transform:translate(-50%,-50%) scale(.36)}
  25%{opacity:.62;transform:translate(-50%,-50%) scale(.56)}
  48%{opacity:.24;transform:translate(-50%,-50%) scale(.82)}
  74%{opacity:.075;transform:translate(-50%,-50%) scale(1.05)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(1.20)}
}
@keyframes stillImpulseStreak{
  0%{opacity:0;transform:translate(-50%,-50%) scaleX(.04)}
  5%{opacity:1;transform:translate(-50%,-50%) scaleX(.28)}
  14%{opacity:.92;transform:translate(-50%,-50%) scaleX(.72)}
  30%{opacity:.52;transform:translate(-50%,-50%) scaleX(1.00)}
  58%{opacity:.18;transform:translate(-50%,-50%) scaleX(1.14)}
  100%{opacity:0;transform:translate(-50%,-50%) scaleX(1.22)}
}
@keyframes stillImpulseDiagonal{
  0%{opacity:0;transform:translate(-50%,-50%) rotate(-17deg) scaleX(.04)}
  8%{opacity:.62;transform:translate(-50%,-50%) rotate(-17deg) scaleX(.42)}
  22%{opacity:.38;transform:translate(-50%,-50%) rotate(-17deg) scaleX(.82)}
  55%{opacity:.12;transform:translate(-50%,-50%) rotate(-17deg) scaleX(1.05)}
  100%{opacity:0;transform:translate(-50%,-50%) rotate(-17deg) scaleX(1.15)}
}
@keyframes stillImpulseAfterglow{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.30) rotate(-3deg)}
  9%{opacity:.42;transform:translate(-50%,-50%) scale(.42) rotate(-3deg)}
  28%{opacity:.31;transform:translate(-50%,-50%) scale(.66) rotate(-3deg)}
  55%{opacity:.16;transform:translate(-50%,-50%) scale(.90) rotate(-3deg)}
  78%{opacity:.07;transform:translate(-50%,-50%) scale(1.06) rotate(-3deg)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(1.16) rotate(-3deg)}
}

#depth-view.depth-showreel-glass-tunnel.showreel-glass-impact .depth-showreel-grain{
  opacity:.045!important;
  transition:opacity 2.8s ease!important;
}

#depth-view.depth-showreel-glass-mode .depth-showreel-kicker{
  color:#b8d5d7!important;
}
#depth-view.depth-showreel-glass-mode .depth-showreel-title{
  text-shadow:
    0 12px 46px rgba(0,0,0,.78),
    0 0 44px rgba(177,220,224,.055)!important;
}
#depth-view.depth-showreel-glass-mode .depth-mini-seek::-webkit-slider-runnable-track{
  background:linear-gradient(90deg,rgba(196,224,226,.62) var(--player-progress,0%),rgba(255,255,255,.12) var(--player-progress,0%))!important;
}
@media(max-width:900px){
  .depth-showreel-glass-btn::after{display:none}
}