/* AOM Traders V90 — smoother page changes
   1) Cross-fade between pages (Chrome / Edge / Opera; other browsers keep the normal behaviour)
   2) AOM Account boot screen for signed-in members: no flash of the public header,
      the console appears in one piece once it is ready. */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}
@supports (view-transition-name:none){
  #main{animation:none!important}
  body.aom-page-leaving #main{opacity:1!important;transition:none!important}
}
html.v90-boot{background:#05070b!important}
html.v90-boot body.page-aom_account{padding-top:0!important;background:
  radial-gradient(1200px 600px at 85% -10%,rgba(139,147,255,.10),transparent 60%),
  radial-gradient(900px 500px at 10% 110%,rgba(63,227,255,.07),transparent 60%),
  radial-gradient(rgba(150,190,225,.07) 1px,transparent 1.2px) 0 0/22px 22px,#05070b!important}
html.v90-boot body.page-aom_account :is(.site-shell,.footer,.aom-wallpaper,.aom-wallpaper-overlay,.v59-fx,.v59-spot,.mobile-nav){display:none!important}
html.v90-boot body.page-aom_account #main{opacity:0!important}
html.v90-boot body.page-aom_account::after{content:"";position:fixed;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;
  border:2px solid rgba(72,214,244,.18);border-top-color:#48d6f4;border-radius:50%;opacity:0;
  animation:v90-spin .8s linear infinite,v90-show .2s ease-out .35s forwards;pointer-events:none;z-index:9999}
body.page-aom_account #main{transition:opacity .2s ease-out}
@keyframes v90-spin{to{transform:rotate(360deg)}}
@keyframes v90-show{to{opacity:1}}
@media (prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  body.page-aom_account #main{transition:none}
}
