/* Match the original intro before page boot. No class is added without JS. */
html.sy-launch-wait { background:#071123; }
html.sy-launch-wait::before {
  content:""; position:fixed; inset:0; z-index:1150;
  background-color:#071123;
  background-image:linear-gradient(rgba(66,133,220,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(66,133,220,.08) 1px,transparent 1px);
  background-size:28px 28px; pointer-events:none;
}
html.sy-launch-wait::after {
  content:"SySpace"; position:fixed; z-index:1151; left:0; width:100%;
  top:min(40vh,360px); transform:translateY(-54px); box-sizing:border-box; height:150px; padding-top:116px;
  background-image:url('/assets/img/syspace-logo-96.png'),radial-gradient(circle at 50% 54px,transparent 52.5px,#5686ff 53px,#5686ff 54px,transparent 54.5px);
  background-size:68px 68px,100% 110px; background-position:center 20px,center top; background-repeat:no-repeat;
  color:#fff; text-align:center; font:bold 23px/28px Verdana,Arial,sans-serif; pointer-events:none;
}
@media(prefers-reduced-motion:reduce) {
  html.sy-launch-wait::before,html.sy-launch-wait::after { display:none; }
}