/* R48 — Shared cinematic treatment for real launcher captures. Visual only. */
.neith-cinematic-surface{--neith-cap-rx:0deg;--neith-cap-ry:0deg;--neith-cap-mx:50%;--neith-cap-my:50%;position:relative!important;overflow:hidden!important;isolation:isolate;transform:perspective(1200px) rotateX(var(--neith-cap-rx)) rotateY(var(--neith-cap-ry)) translateZ(0);transform-style:preserve-3d;transition:transform .24s ease-out,box-shadow .24s ease-out,border-color .24s ease-out!important;will-change:auto}
.neith-cinematic-surface::after{content:"";position:absolute;z-index:1;inset:-18%;pointer-events:none;background:radial-gradient(circle at var(--neith-cap-mx) var(--neith-cap-my),rgba(69,224,255,.115),transparent 39%);opacity:.9;transition:opacity .24s ease}
@media (hover:hover) and (pointer:fine){
.neith-cinematic-surface:hover{box-shadow:0 18px 44px rgba(0,0,0,.30),0 0 28px rgba(54,214,255,.075),inset 0 0 0 1px rgba(108,235,255,.055)!important}
}
.neith-cinematic-surface img{position:relative;z-index:2;backface-visibility:hidden}
.neith-cinematic-vignette,.neith-cinematic-reflection,.neith-cinematic-scan,.neith-cinematic-corner{position:absolute;pointer-events:none}
.neith-cinematic-vignette{z-index:3;inset:0;background:radial-gradient(circle at 50% 44%,transparent 45%,rgba(0,8,15,.08) 76%,rgba(0,5,12,.24) 100%);box-shadow:inset 0 0 34px rgba(0,211,255,.022)}
.neith-cinematic-reflection{z-index:4;inset:-34% -48%;background:linear-gradient(105deg,transparent 39%,rgba(255,255,255,.045) 48%,rgba(106,229,255,.03) 52%,transparent 61%);transform:translateX(-82%);animation:neithCaptureReflection 9s ease-in-out infinite}
.neith-cinematic-scan{z-index:4;left:0;right:0;top:-18%;height:18%;background:linear-gradient(180deg,transparent,rgba(83,236,255,.05),transparent);animation:neithCaptureScan 5.6s linear infinite}
.neith-cinematic-corner{z-index:5;width:20px;height:20px;border-color:rgba(87,233,255,.54);opacity:.72;filter:drop-shadow(0 0 4px rgba(68,220,255,.22))}
.neith-cinematic-corner--tl{left:8px;top:8px;border-left:1px solid;border-top:1px solid}.neith-cinematic-corner--tr{right:8px;top:8px;border-right:1px solid;border-top:1px solid}.neith-cinematic-corner--bl{left:8px;bottom:8px;border-left:1px solid;border-bottom:1px solid}.neith-cinematic-corner--br{right:8px;bottom:8px;border-right:1px solid;border-bottom:1px solid}
@media (hover:hover) and (pointer:fine){.neith-cinematic-surface:hover .neith-cinematic-corner{opacity:1;border-color:rgba(119,242,255,.78)}}
.neith-cinematic-surface .hourboost-zoom-cue,.accounts-r34-shot.neith-cinematic-surface>span:not([class^="neith-cinematic-"]){position:absolute;z-index:7}
@keyframes neithCaptureReflection{0%,12%{transform:translateX(-84%)}48%,100%{transform:translateX(84%)}}
@keyframes neithCaptureScan{0%{transform:translateY(-5%);opacity:0}12%{opacity:.8}88%{opacity:.56}100%{transform:translateY(655%);opacity:0}}
@media(max-width:760px){.neith-cinematic-corner{width:16px;height:16px}.neith-cinematic-surface{transform:none!important}}
@media(prefers-reduced-motion:reduce){.neith-cinematic-surface{transform:none!important;transition:none!important}.neith-cinematic-reflection,.neith-cinematic-scan{animation:none!important;display:none!important}}

/* R49 — CUENTAS precision pass.
   Important: style.css has a legacy `.accounts-r34-shot > span` rule intended
   only for the zoom CTA. Reset cinematic overlay spans so they never inherit
   the dark pill background/padding and therefore never veil the screenshot. */
.accounts-r34-shot.neith-cinematic-surface > .neith-cinematic-vignette,
.accounts-r34-shot.neith-cinematic-surface > .neith-cinematic-reflection,
.accounts-r34-shot.neith-cinematic-surface > .neith-cinematic-scan,
.accounts-r34-shot.neith-cinematic-surface > .neith-cinematic-corner{
  padding:0!important;
  margin:0!important;
  border-radius:0!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  color:transparent!important;
  font:inherit!important;
  letter-spacing:0!important;
  box-shadow:none!important;
  transition:none!important;
}
.accounts-r34-shot.neith-cinematic-surface > .neith-cinematic-vignette{
  inset:0!important;
  right:0!important;
  bottom:0!important;
  background:radial-gradient(circle at 50% 46%,transparent 64%,rgba(0,7,14,.025) 84%,rgba(0,5,12,.075) 100%)!important;
  opacity:1!important;
  border:0!important;
}
.accounts-r34-shot.neith-cinematic-surface > .neith-cinematic-reflection{
  inset:-34% -48%!important;
  right:-48%!important;
  bottom:-34%!important;
  background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.024) 49%,rgba(94,227,255,.018) 52%,transparent 59%)!important;
  opacity:.72!important;
  border:0!important;
}
.accounts-r34-shot.neith-cinematic-surface > .neith-cinematic-scan{
  left:0!important;
  right:0!important;
  top:-16%!important;
  bottom:auto!important;
  width:auto!important;
  height:13%!important;
  background:linear-gradient(180deg,transparent,rgba(95,235,255,.025),transparent)!important;
  opacity:.65!important;
  border:0!important;
}
.accounts-r34-shot.neith-cinematic-surface > .neith-cinematic-corner{
  background:transparent!important;
  opacity:.46!important;
  padding:0!important;
  width:15px!important;
  height:15px!important;
  filter:drop-shadow(0 0 3px rgba(68,220,255,.14))!important;
}
.accounts-r34-shot.neith-cinematic-surface > .neith-cinematic-corner--tl{left:8px!important;right:auto!important;top:8px!important;bottom:auto!important}
.accounts-r34-shot.neith-cinematic-surface > .neith-cinematic-corner--tr{left:auto!important;right:8px!important;top:8px!important;bottom:auto!important}
.accounts-r34-shot.neith-cinematic-surface > .neith-cinematic-corner--bl{left:8px!important;right:auto!important;top:auto!important;bottom:8px!important}
.accounts-r34-shot.neith-cinematic-surface > .neith-cinematic-corner--br{left:auto!important;right:8px!important;top:auto!important;bottom:8px!important}
.accounts-r34-shot.neith-cinematic-surface::after{
  background:radial-gradient(circle at var(--neith-cap-mx) var(--neith-cap-my),rgba(73,225,255,.055),transparent 31%)!important;
  opacity:.58!important;
}
.accounts-r34-shot.neith-cinematic-surface img{
  filter:brightness(1.035) saturate(1.025)!important;
}
@media (hover:hover) and (pointer:fine){
.accounts-r34-shot.neith-cinematic-surface:hover img{
  filter:brightness(1.075) saturate(1.045)!important;
}
.accounts-r34-shot.neith-cinematic-surface:hover > .neith-cinematic-corner{opacity:.72!important}
}


/* R62 — allocate a compositor layer only while the user is interacting. */
@media (hover:hover) and (pointer:fine){
  .neith-cinematic-surface.neith-cinematic-active{
    will-change:transform;
  }
}

/* Offscreen surfaces should never keep expensive overlay filters alive. */
[data-neith-perf-zone]:not(.neith-zone-active) .neith-cinematic-corner{
  filter:none!important;
}