/* B · Sternenstaub. Nur an der vorhandenen Vorlage für den öffentlichen Login.
   Ein rein dekoratives <span class="rs-login-dust" aria-hidden="true"></span>
   vor .entry-brand in die .rs-surface einsetzen. Form-/Kartenmaße bleiben im Bestand. */
:is(html:not([data-skin]),html[data-skin=supernova]) body[data-start-entry].entry-login-wide .b3-card>.rs-surface{position:relative;isolation:isolate}
.rs-login-dust{display:none}
:is(html:not([data-skin]),html[data-skin=supernova]) body[data-start-entry].entry-login-wide .rs-login-dust{
  display:block;position:absolute;z-index:-1;pointer-events:none;overflow:hidden;
  grid-column:1/2;inset-block:0;inset-inline:-16px;
  --nebula:url('/assets/retrospace/scene/web/rs-fernebene-1440-v001.webp');
  background:radial-gradient(ellipse at 50% 50%,#101528 0%,#13192c 53%,#202337 100%);
  mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent);
}
.rs-login-dust::before,.rs-login-dust::after{
  content:"";position:absolute;top:0;bottom:0;width:50%;display:block;
  background-image:linear-gradient(180deg,rgba(22,24,45,.35),rgba(19,24,43,.46) 52%,rgba(24,21,42,.57)),var(--nebula);
  background-position:center,1.1% 49%;background-size:100% 100%,440% auto;background-repeat:no-repeat;
  mask-image:linear-gradient(90deg,#000 0 42%,rgba(0,0,0,.86) 69%,rgba(0,0,0,.38) 84%,transparent 99%);
}
.rs-login-dust::before{left:0}
.rs-login-dust::after{right:0;transform:scaleX(-1)}
@media(max-width:820px){
  /* Gleiche einspaltige Stapelung wie im Bestand; nur der Logozeile gehört das Material. */
  :is(html:not([data-skin]),html[data-skin=supernova]) body[data-start-entry].entry-login-wide .b3-card>.rs-surface{
    display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:0;
  }
  :is(html:not([data-skin]),html[data-skin=supernova]) body[data-start-entry].entry-login-wide .rs-login-dust{
    grid-row:1/2;inset-inline:-40px;inset-block:-28px 2px;
    mask-image:linear-gradient(to bottom,#000 0 76%,transparent 98%),linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-composite:intersect;
  }
  .rs-login-dust::before,.rs-login-dust::after{background-size:100% 100%,490% auto}
}
@media(max-width:650px){:is(html:not([data-skin]),html[data-skin=supernova]) body[data-start-entry].entry-login-wide .rs-login-dust{inset-inline:-25px;inset-block-start:-24px}}
@media(max-width:359px){:is(html:not([data-skin]),html[data-skin=supernova]) body[data-start-entry].entry-login-wide .rs-login-dust{inset-inline:-18px}}
@media(forced-colors:active){:is(html:not([data-skin]),html[data-skin=supernova]) body[data-start-entry].entry-login-wide .rs-login-dust{display:none}}