/* Connection cinema v1. Only the verification overlay is in scope. */
#verifyOverlay{
  padding:22px 16px!important;background:radial-gradient(ellipse at 50% 37%,#182033 0,#090e1b 48%,#03060d 100%)!important;
  color:#edf4ff!important;isolation:isolate;
}
#verifyOverlay:before{inset:0!important;background:radial-gradient(ellipse at 50% 37%,#ff9e2510,transparent 58%)!important;animation:none!important}
#verifyOverlay .verify-stage{max-width:340px!important;width:100%;min-height:390px;perspective:none!important}
#verifyOverlay .orb-stage{transition:opacity .42s ease,transform .6s cubic-bezier(.2,.8,.2,1)!important}
#verifyOverlay.verify .orb-stage{opacity:0;transform:translateY(-24px) scale(.86)!important;filter:none!important}
#verifyOverlay .verify-label{font-size:15px!important;line-height:1.4;letter-spacing:.065em!important;color:#ffe4b2!important;text-shadow:0 0 22px #ff9f3538!important}
#verifyOverlay .verify-sub{font-size:14px!important;line-height:1.5;color:#aab8cf!important;margin-top:8px!important}
#verifyOverlay .otp-stage{inset:50% 0 auto!important;transform:translateY(-46%) scale(.94)!important;transition:opacity .42s ease,transform .5s ease!important}
#verifyOverlay.verify .otp-stage{transform:translateY(-50%) scale(1)!important}
#verifyOverlay .otp-stage h3{font-size:22px!important;line-height:1.3;color:#edf5ff!important;text-shadow:none!important}
#verifyOverlay .otp-stage p{font-size:14px!important;line-height:1.5;color:#b4c4da!important;margin:8px 0 17px!important;min-height:21px}
#verifyOverlay .otp-boxes{gap:9px!important}
#verifyOverlay .otp-box{width:48px!important;height:48px!important;border-radius:12px!important;background:linear-gradient(145deg,#14233b,#080f1c)!important;border:1px solid #536a884d!important;box-shadow:inset 0 1px 0 #d5eaff14!important;transform:none!important}
#verifyOverlay .otp-box.active{border-color:#8bdfff!important;box-shadow:0 0 18px #5ccfff38,inset 0 1px #c6f0ff44!important;transform:translateY(-3px)!important}
#verifyOverlay .otp-box.done{color:#9eead9!important;border-color:#66c6b475!important;background:linear-gradient(145deg,#153332,#0a1c23)!important}
#verifyOverlay .verify-line{width:min(220px,85%)!important;margin-top:18px!important;height:2px!important;background:#b8dcff16!important}
#verifyOverlay .verify-line i{background:linear-gradient(90deg,#758ffc,#8ce8eb,#e4f8ff)!important;box-shadow:0 0 9px #65d8ff77!important}
#verifyOverlay[data-cinema="webgl"] .energy-orb,
#verifyOverlay[data-cinema="webgl"] .verify-lock{
  display:block!important;position:relative!important;inset:auto!important;min-height:0!important;padding:0!important;
  background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important;
  animation:none!important;transform:none!important;overflow:visible!important;isolation:auto!important;
}
#verifyOverlay[data-cinema="webgl"] .energy-orb{width:min(320px,100%)!important;height:auto!important;aspect-ratio:1;margin:0 auto 8px!important}
#verifyOverlay[data-cinema="webgl"] .verify-lock{width:min(320px,100%)!important;height:252px!important;margin:-12px auto 0!important}
#verifyOverlay[data-cinema="webgl"] .energy-orb:before,
#verifyOverlay[data-cinema="webgl"] .energy-orb:after,
#verifyOverlay[data-cinema="webgl"] .verify-lock:before,
#verifyOverlay[data-cinema="webgl"] .verify-lock:after{content:none!important;animation:none!important}
#verifyOverlay[data-cinema="webgl"] .energy-orb>:not(.connection-render-surface):not(.connection-render-still),
#verifyOverlay[data-cinema="webgl"] .verify-lock>:not(.connection-render-surface){display:none!important}
#verifyOverlay .connection-render-surface,#verifyOverlay .connection-render-still{display:block!important;width:100%!important;height:100%!important;pointer-events:none!important;outline:0}
#verifyOverlay .unlock-wave{
  z-index:4!important;top:40%!important;width:34px!important;height:34px!important;border-radius:50%!important;
  background:radial-gradient(ellipse,#fff9de 0 3%,#9feaffc9 8%,#5bbbf460 18%,#4667db25 31%,transparent 62%)!important;
  box-shadow:none!important;filter:blur(1px)!important;
}
#verifyOverlay.discharge .unlock-wave{animation:cinemaLightRelease 1.25s cubic-bezier(.2,.65,.22,1) both!important}
#verifyOverlay.discharge .verify-stage{animation:cinemaSceneExit 1.2s ease both!important}
@keyframes cinemaLightRelease{0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}14%{opacity:.9}65%{opacity:.65;transform:translate(-50%,-50%) scale(17,12)}100%{opacity:0;transform:translate(-50%,-50%) scale(35,28)}}
@keyframes cinemaSceneExit{0%,24%{opacity:1;transform:none;filter:none}100%{opacity:0;transform:translateY(-8px) scale(1.025);filter:none}}
@media(max-width:350px){#verifyOverlay .verify-stage{min-height:358px}#verifyOverlay[data-cinema="webgl"] .verify-lock{height:226px!important}#verifyOverlay .otp-stage h3{font-size:20px!important}#verifyOverlay .verify-label{font-size:14px!important}}
@media(prefers-reduced-motion:reduce){
  #verifyOverlay:before,#verifyOverlay .energy-orb,#verifyOverlay .verify-lock,#verifyOverlay .unlock-wave,#verifyOverlay.discharge .verify-stage{animation:none!important}
  #verifyOverlay .orb-stage,#verifyOverlay .otp-stage{transition:opacity .15s!important}
  #verifyOverlay.discharge .unlock-wave{display:none!important}
}
