/* Startup splash · same PL24 Exchange visual language as the public login.
   The active Theme Builder supplies accent, loading background and text. */
.startup-loader {
  --loader-bg: var(--skin-loading-bg, #101816);
  --loader-ink: var(--skin-loading-text, #d4dcd8);
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  padding: 26px 18px;
  overflow: hidden;
  background: linear-gradient(135deg, color-mix(in srgb,var(--loader-bg) 92%,#070a0d),var(--loader-bg) 58%,color-mix(in srgb,var(--loader-bg) 89%,#020506));
  color: var(--loader-ink);
  font-family: Inter,Arial,sans-serif;
}
.startup-loader *, .startup-loader *::before, .startup-loader *::after { box-sizing: border-box; }
.startup-loader::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse at 50% 38%,color-mix(in srgb,var(--gold,#ffb80c) 8%,transparent),transparent 55%);
}
.startup-loader-content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: min(100%,380px);
  gap: 22px;
  padding: clamp(29px,6vw,44px);
  border: 1px solid color-mix(in srgb,var(--loader-ink) 20%,transparent);
  border-radius: 25px;
  background: linear-gradient(155deg,color-mix(in srgb,var(--loader-bg) 86%,#1c2329),color-mix(in srgb,var(--loader-bg) 92%,#04090d));
  box-shadow: 0 25px 75px rgba(0,0,0,.28),inset 0 1px color-mix(in srgb,var(--loader-ink) 7%,transparent);
  text-align: center;
  isolation: isolate;
}
.startup-loader-content::before {
  content: "";
  position: absolute;
  top: 0;
  right: 14%;
  left: 14%;
  height: 2px;
  background: linear-gradient(90deg,transparent,var(--gold,#ffb80c),transparent);
  pointer-events: none;
}
.startup-loader-brand {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 69px;
  width: 235px;
  max-width: 100%;
  padding: 0;
  background: transparent;
  border: none;
}
.startup-loader-brand::before {
  content: "";
  position: absolute;
  inset: -35px -20px;
  border-radius: 50%;
  background: radial-gradient(ellipse,color-mix(in srgb,var(--gold,#ffb80c) 8%,transparent),transparent 69%);
  pointer-events: none;
}
.startup-loader-brand img {
  position: relative;
  display: block;
  width: 214px;
  max-width: 100%;
  height: 64px;
  object-fit: contain;
}
.startup-loader-wordmark { position:relative;display:flex;flex-direction:column;gap:3px;max-width:100%;overflow-wrap:anywhere; }
.startup-loader-wordmark strong { font-size:35px;line-height:1.1;color:var(--loader-ink); }
.startup-loader-wordmark>span { font-size:14px;letter-spacing:.08em;color:var(--loader-ink); }
.startup-loader-track { width:120px;height:3px;overflow:hidden;border-radius:6px;background:color-mix(in srgb,var(--loader-ink) 16%,transparent); }
.startup-loader-track>span { display:block;width:52px;height:100%;border-radius:inherit;background:var(--gold,#ffb80c);box-shadow:0 0 11px color-mix(in srgb,var(--gold,#ffb80c) 55%,transparent);animation:startup-travel 1.8s ease-in-out infinite; }
.startup-loader p { margin:0;color:var(--loader-ink);font-size:13px;line-height:1.6;letter-spacing:.015em;overflow-wrap:anywhere; }
.startup-loader-dots { display:inline-block;min-width:12px;text-align:left; }
@keyframes startup-travel { 0%,100%{transform:translateX(-52px);opacity:.65;}50%{transform:translateX(120px);opacity:1;} }
@media(max-width:380px){.startup-loader{padding:15px}.startup-loader-content{border-radius:19px;padding:28px 23px;gap:18px}.startup-loader-brand{width:200px}.startup-loader-dynamic-brand>svg{width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){.startup-loader-track>span{animation:none;transform:none;width:100%;box-shadow:none}}

/* Initial HTML and cached startup brand use the same generated arrows and
 * configurable Name / Subtitle as the React loader, never fixed SVG art. */
.startup-loader-dynamic-brand{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:235px;min-width:0;color:var(--loader-ink,#e8f1ee)}
.startup-loader-dynamic-brand>svg{width:58px;height:58px;flex:0 0 auto;overflow:visible;fill:#fff;filter:drop-shadow(0 1px 2px #000d) drop-shadow(0 0 1.7px #0009)}
.startup-loader-dynamic-copy{display:flex;flex-direction:column;gap:3px;min-width:0;text-align:left;max-width:calc(100% - 64px);line-height:1.08}
.startup-loader-dynamic-copy>strong{font-size:clamp(21px,5vw,33px);font-weight:900;overflow-wrap:anywhere}
.startup-loader-dynamic-copy>small{font-size:12px;letter-spacing:.055em;font-weight:650;opacity:.86;overflow-wrap:anywhere}
.startup-loader-dynamic-brand>svg path:first-child{animation:startup-auto-forward 2.1s ease-in-out infinite}
.startup-loader-dynamic-brand>svg path:last-child{animation:startup-auto-backward 2.1s ease-in-out infinite}
@keyframes startup-auto-forward{0%,100%{transform:translateX(-1px)}50%{transform:translateX(2px)}}
@keyframes startup-auto-backward{0%,100%{transform:translateX(1px)}50%{transform:translateX(-2px)}}
@media(prefers-reduced-motion:reduce){.startup-loader-dynamic-brand>svg path{animation:none!important}}

/* Exchange atmosphere: pure CSS, driven by the active skin's loading,
   accent and bar colours. No remote assets, videos or timers. */
.startup-loader{
  --loader-halo:color-mix(in srgb,var(--gold,#ffb80c) 31%,transparent);
  --loader-grid:color-mix(in srgb,var(--gold,#ffb80c) 11%,transparent);
  background:
    radial-gradient(ellipse 73% 56% at 80% 16%,color-mix(in srgb,var(--gold,#ffb80c) 13%,transparent),transparent 75%),
    radial-gradient(ellipse 63% 55% at 8% 87%,color-mix(in srgb,var(--gold,#ffb80c) 10%,transparent),transparent 79%),
    linear-gradient(132deg,color-mix(in srgb,var(--loader-bg) 81%,#03080c) 0%,var(--loader-bg) 48%,color-mix(in srgb,var(--loader-bg) 76%,#090f17) 100%);
}
.startup-loader-atmosphere{
  position:absolute;inset:-12%;overflow:hidden;z-index:0;
  pointer-events:none;isolation:isolate;
}
.startup-loader-atmosphere::before{
  content:"";position:absolute;inset:-20%;
  background-image:
    linear-gradient(to right,var(--loader-grid) 1px,transparent 1px),
    linear-gradient(to bottom,var(--loader-grid) 1px,transparent 1px);
  background-size:clamp(44px,6vw,75px) clamp(44px,6vw,75px);
  opacity:.55;transform:perspective(760px) rotateX(32deg) rotateZ(-9deg) scale(1.2);
  mask-image:radial-gradient(ellipse at 50% 52%,#000 4%,transparent 72%);
  -webkit-mask-image:radial-gradient(ellipse at 50% 52%,#000 4%,transparent 72%);
  animation:startup-atmosphere-grid 26s linear infinite alternate;
}
.startup-loader-atmosphere::after{
  content:"";position:absolute;inset:-15%;
  background:
    radial-gradient(ellipse 25% 42% at 27% 24%,color-mix(in srgb,var(--gold,#ffb80c) 13%,transparent),transparent 90%),
    radial-gradient(ellipse 28% 45% at 71% 82%,color-mix(in srgb,var(--gold,#ffb80c) 17%,transparent),transparent 88%);
  filter:blur(25px);
  animation:startup-atmosphere-glow 12s ease-in-out infinite alternate;
}
.startup-loader-orbit{
  position:absolute;top:50%;left:50%;
  border-radius:50%;pointer-events:none;
  border:1px solid color-mix(in srgb,var(--gold,#ffb80c) 18%,transparent);
  box-shadow:0 0 35px color-mix(in srgb,var(--gold,#ffb80c) 4%,transparent),inset 0 0 30px color-mix(in srgb,var(--gold,#ffb80c) 4%,transparent);
  transform:translate(-50%,-50%) rotate(-15deg);
  animation:startup-atmosphere-orbit 19s ease-in-out infinite alternate;
}
.startup-loader-orbit::before,.startup-loader-orbit::after{
  content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;
}
.startup-loader-orbit::before{
  border-top:2px solid color-mix(in srgb,var(--gold,#ffb80c) 52%,transparent);
  border-right:1px solid color-mix(in srgb,var(--gold,#ffb80c) 18%,transparent);
  transform:rotate(27deg);
  filter:drop-shadow(0 0 8px var(--gold,#ffb80c));
}
.startup-loader-orbit::after{
  inset:12%;border:1px dashed color-mix(in srgb,var(--loader-ink) 12%,transparent);
}
.startup-loader-orbit--outer{width:min(88vmax,1040px);aspect-ratio:1;opacity:.47;animation-duration:24s}
.startup-loader-orbit--inner{width:min(55vmax,680px);aspect-ratio:1;opacity:.77;animation-duration:16s;animation-direction:alternate-reverse}
.startup-loader-light{
  position:absolute;width:clamp(170px,38vw,480px);height:clamp(170px,38vw,480px);
  border-radius:50%;pointer-events:none;filter:blur(43px);
  background:radial-gradient(circle,color-mix(in srgb,var(--gold,#ffb80c) 27%,transparent),transparent 67%);
  animation:startup-atmosphere-light 10s ease-in-out infinite alternate;
}
.startup-loader-light--left{left:-6%;top:14%;opacity:.58}
.startup-loader-light--right{right:-11%;bottom:-10%;opacity:.68;animation-delay:-6s}
.startup-loader-exchange-traces{
  position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(117deg,transparent 37%,color-mix(in srgb,var(--gold,#ffb80c) 11%,transparent) 38%,transparent 39%),
    linear-gradient(117deg,transparent 66%,color-mix(in srgb,var(--loader-ink) 7%,transparent) 67%,transparent 68%);
  opacity:.37;animation:startup-atmosphere-traces 15s ease-in-out infinite alternate;
}
.startup-loader-content{
  z-index:2;
  width:min(100%,390px);
  overflow:hidden;
  border-color:color-mix(in srgb,var(--gold,#ffb80c) 23%,var(--loader-ink) 13%);
  border-radius:26px;
  background:
    linear-gradient(152deg,color-mix(in srgb,var(--loader-bg) 85%,#303845),color-mix(in srgb,var(--loader-bg) 94%,#03060a) 80%);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:
    0 30px 100px rgba(0,0,0,.36),
    0 0 80px color-mix(in srgb,var(--gold,#ffb80c) 11%,transparent),
    inset 0 1px color-mix(in srgb,var(--loader-ink) 13%,transparent);
  animation:startup-loader-card-rise 750ms cubic-bezier(.2,.7,.25,1) both;
}
.startup-loader-content::after{
  content:"";position:absolute;inset:-60% -110%;z-index:-1;
  pointer-events:none;
  background:linear-gradient(112deg,transparent 44%,color-mix(in srgb,var(--gold,#ffb80c) 8%,transparent) 50%,transparent 56%);
  transform:rotate(-14deg) translateX(-35%);
  animation:startup-loader-card-shine 7s ease-in-out infinite;
}
.startup-loader-content::before{
  z-index:2;height:2px;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--gold,#ffb80c) 55%,white),var(--gold,#ffb80c),transparent);
  filter:drop-shadow(0 0 7px var(--gold,#ffb80c));
}
.startup-loader-brand{z-index:1}
.startup-loader-track{position:relative;z-index:1;width:min(152px,85%);height:4px}
.startup-loader-track>span{background:linear-gradient(90deg,var(--gold,#ffb80c),color-mix(in srgb,var(--gold,#ffb80c) 35%,white));box-shadow:0 0 13px color-mix(in srgb,var(--gold,#ffb80c) 63%,transparent)}
.startup-loader-content>p{position:relative;z-index:1}
@keyframes startup-atmosphere-grid{0%{transform:perspective(760px) rotateX(32deg) rotateZ(-9deg) translateY(0) scale(1.2)}100%{transform:perspective(760px) rotateX(32deg) rotateZ(-9deg) translateY(-32px) scale(1.2)}}
@keyframes startup-atmosphere-glow{0%{opacity:.55;transform:translate(-2%,1%)}100%{opacity:1;transform:translate(4%,-4%)}}
@keyframes startup-atmosphere-orbit{0%{transform:translate(-50%,-50%) rotate(-20deg) scale(.99)}100%{transform:translate(-50%,-50%) rotate(19deg) scale(1.05)}}
@keyframes startup-atmosphere-light{0%{transform:translate(-5%,-3%) scale(.9)}100%{transform:translate(6%,5%) scale(1.13)}}
@keyframes startup-atmosphere-traces{0%{opacity:.17;transform:translateY(8px)}100%{opacity:.46;transform:translateY(-16px)}}
@keyframes startup-loader-card-rise{from{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes startup-loader-card-shine{0%,62%,100%{transform:translateX(-35%) rotate(-14deg);opacity:.28}78%{transform:translateX(31%) rotate(-14deg);opacity:.85}}
@media(max-width:560px){
 .startup-loader-atmosphere{inset:-14%}
 .startup-loader-orbit--outer{width:125vw}
 .startup-loader-orbit--inner{width:83vw}
 .startup-loader-atmosphere::before{background-size:46px 46px}
 .startup-loader-content{width:min(100%,360px);border-radius:22px;box-shadow:0 22px 65px #0006,0 0 60px color-mix(in srgb,var(--gold) 7%,transparent)}
}
@media(prefers-reduced-motion:reduce){
 .startup-loader-atmosphere::before,.startup-loader-atmosphere::after,
 .startup-loader-orbit,.startup-loader-light,.startup-loader-exchange-traces,
 .startup-loader-content,.startup-loader-content::after{
  animation:none!important;transition:none!important;
 }
 .startup-loader-content{opacity:1;transform:none}
}


/* Scene v4 — atmospheric sports photography from the login's OWN local covers.
 * Unlike the earlier near-black splash, the active skin's canvas / accent /
 * navigation-bar colours visibly colour the photo and frosted loader card.
 * Loading text preserves its configured high-contrast colour. */
.startup-loader{
  --loader-scene-base:color-mix(in srgb,var(--bg,#dfe5e5) 58%,var(--gold,#ffb80c) 42%);
  background:
    linear-gradient(117deg,
      color-mix(in srgb,var(--loader-scene-base) 57%,transparent) 0%,
      color-mix(in srgb,var(--gold,#ffb80c) 13%,rgba(8,12,20,.18)) 45%,
      color-mix(in srgb,var(--darkbar,#303030) 48%,transparent) 100%),
    radial-gradient(ellipse 80% 65% at 68% 18%,
      color-mix(in srgb,var(--gold,#ffb80c) 38%,transparent),transparent 77%),
    var(--pl-startup-photo,url('/hero/pl24-stadium-gold.webp')) center center / cover no-repeat,
    var(--loader-scene-base);
}
.startup-loader::before{
  background:
    radial-gradient(ellipse 70% 46% at 50% 44%,rgba(255,255,255,.06),transparent 79%),
    linear-gradient(180deg,rgba(8,15,23,.08),transparent 52%,rgba(8,15,23,.15));
}
.startup-loader-atmosphere::before{opacity:.25;mix-blend-mode:screen}
.startup-loader-atmosphere::after{opacity:.74;mix-blend-mode:screen}
.startup-loader-exchange-traces{opacity:.18;mix-blend-mode:screen}
.startup-loader-orbit{border-color:color-mix(in srgb,var(--gold,#ffb80c) 26%,transparent)}
.startup-loader-content{
  color:var(--loader-ink,#f1f4f0);
  border:1px solid color-mix(in srgb,var(--gold,#ffb80c) 46%,rgba(255,255,255,.35));
  background:linear-gradient(144deg,
    color-mix(in srgb,var(--darkbar,#303030) 44%,rgba(8,16,27,.78)),
    color-mix(in srgb,var(--darkbar,#303030) 22%,rgba(8,16,27,.9)) 90%);
  box-shadow:
    0 22px 80px rgba(4,10,18,.28),
    0 0 78px color-mix(in srgb,var(--gold,#ffb80c) 16%,transparent),
    inset 0 1px rgba(255,255,255,.15);
  backdrop-filter:blur(18px) saturate(1.22);
  -webkit-backdrop-filter:blur(18px) saturate(1.22);
}
.startup-loader-content::before{
  background:linear-gradient(90deg,transparent,
    color-mix(in srgb,var(--gold,#ffb80c) 54%,#fff2d4),
    var(--gold,#ffb80c),transparent);
}
.startup-loader-content>p{color:var(--loader-ink,#f5f5f0);text-shadow:0 1px 3px rgba(0,0,0,.36)}
.startup-loader-brand{filter:drop-shadow(0 2px 5px #0004)}
.startup-loader-dynamic-brand>svg{fill:color-mix(in srgb,var(--gold,#ffb80c) 35%,#fff3d8);filter:drop-shadow(0 1px 2px #000b)}
.startup-loader-dynamic-brand>svg path:last-child{fill:color-mix(in srgb,var(--gold,#ffb80c) 12%,#fff8e8)}
@media(prefers-reduced-motion:reduce){
  .startup-loader-atmosphere>*{animation:none!important}
  .startup-loader::after{animation:none!important}
}

/* Scene v5: derive foreground, photograph tint and translucent card from the
 * ACTUAL active palette. This is shared by first HTML boot, login and the
 * admin preview (where React supplies the draft palette inline). */
.startup-loader {
  --loader-scene-primary:color-mix(in srgb,var(--gold,#ffb80c) 29%,var(--bg,#dfe5e5));
  --loader-scene-deep:color-mix(in srgb,var(--darkbar,#303030) 73%,var(--gold,#ffb80c));
  background:
    linear-gradient(117deg,
      color-mix(in srgb,var(--loader-scene-primary) 67%,transparent) 0%,
      color-mix(in srgb,var(--loader-scene-primary) 36%,transparent) 44%,
      color-mix(in srgb,var(--loader-scene-deep) 55%,transparent) 100%),
    radial-gradient(ellipse 85% 95% at 71% 15%,
      color-mix(in srgb,var(--gold,#ffb80c) 27%,transparent),transparent 86%),
    var(--pl-startup-photo,url("/hero/pl24-stadium-gold.webp")) center / cover no-repeat,
    var(--loader-scene-primary);
}
.startup-loader-content {
  background:linear-gradient(147deg,
    color-mix(in srgb,var(--darkbar,#303030) 34%,rgba(10,19,30,.74)),
    color-mix(in srgb,var(--darkbar,#303030) 20%,rgba(10,19,30,.81)) 95%);
  border-color:color-mix(in srgb,var(--gold,#ffb80c) 39%,rgba(255,255,255,.27));
  box-shadow:0 19px 72px rgba(3,9,18,.31),
    0 0 73px color-mix(in srgb,var(--gold,#ffb80c) 12%,transparent),
    inset 0 1px rgba(255,255,255,.16);
  backdrop-filter:blur(16px) saturate(1.15);
  -webkit-backdrop-filter:blur(16px) saturate(1.15);
}
.startup-loader-brand .pl-auto-brand,
.startup-loader-dynamic-brand {color:var(--loader-ink,#eef2f0)}
.startup-loader-content>p {color:var(--loader-ink,#eef2f0)}
/* Keep preview inside the Theme Builder instead of promoting it to the
 * fullscreen overlay; this also prevents its z-index from covering Admin. */
.startup-loader[data-loader-preview="true"] {
  position:relative;
  inset:auto;
  z-index:0;
  min-height:300px;
  width:100%;
  max-width:100%;
  padding:20px 12px;
  isolation:isolate;
  border-radius:10px;
  contain:layout paint;
}
.startup-loader[data-loader-preview="true"] .startup-loader-content {
  width:min(90%,280px);
  gap:13px;
  padding:20px;
  border-radius:18px;
}
.startup-loader[data-loader-preview="true"] .startup-loader-brand {
  width:min(100%,210px);
  min-height:60px;
}
.startup-loader[data-loader-preview="true"] .startup-loader-brand .pl-auto-brand>svg {
  width:47px;height:47px;
}
.startup-loader[data-loader-preview="true"] .startup-loader-brand .pl-auto-brand-copy>strong {
  font-size:24px;
}
.startup-loader[data-loader-preview="true"] .startup-loader-content>p {
  font-size:11px;
}
@media(max-width:620px) {
  .startup-loader[data-loader-preview="true"] {min-height:266px}
  .startup-loader[data-loader-preview="true"] .startup-loader-content {padding:17px 14px}
}
@media(prefers-reduced-motion:reduce) {
  .startup-loader[data-loader-preview="true"] .startup-loader-content {animation:none}
}


/* Skin-aware preview v6: the loader is a photographic extension of the
   chosen skin, not a permanent dark splash. Overrides only the visual layer. */
.startup-loader{
 --loader-skin-wash:color-mix(in srgb,var(--gold,#ffb80c) 43%,var(--bg,#dfe5e5));
 --loader-skin-bar:color-mix(in srgb,var(--darkbar,#303030) 42%,var(--gold,#ffb80c));
 background:
   linear-gradient(116deg,
     color-mix(in srgb,var(--loader-skin-wash) 76%,transparent),
     color-mix(in srgb,var(--loader-skin-wash) 41%,transparent) 48%,
     color-mix(in srgb,var(--loader-skin-bar) 65%,transparent)),
   radial-gradient(ellipse at 75% 16%,color-mix(in srgb,var(--gold,#ffb80c) 43%,transparent),transparent 73%),
   var(--pl-startup-photo,url("/hero/pl24-stadium-gold.webp")) center / cover no-repeat,
   var(--loader-skin-wash);
}
.startup-loader-content{
 background:linear-gradient(147deg,
   color-mix(in srgb,var(--loader-skin-bar) 30%,rgba(12,21,31,.64)),
   color-mix(in srgb,var(--loader-skin-bar) 22%,rgba(12,21,31,.70)));
 border-color:color-mix(in srgb,var(--gold,#ffb80c) 55%,rgba(255,255,255,.35));
 backdrop-filter:blur(12px) saturate(1.24);
 -webkit-backdrop-filter:blur(12px) saturate(1.24);
}
.startup-loader .pl-auto-brand>svg{
 filter:drop-shadow(0 1px 1px #000b) drop-shadow(0 0 2px #0007);
}
.startup-loader .pl-auto-brand-copy>strong{
 color:color-mix(in srgb,var(--gold,#ffb80c) 18%,#fff9ed);
 text-shadow:0 1px 2px #0008;
}
.startup-loader .pl-auto-brand-copy>small{
 color:color-mix(in srgb,var(--gold,#ffb80c) 11%,#f7f9f5);
}
.startup-loader[data-loader-preview="true"]{
 position:relative!important;inset:auto!important;z-index:0!important;
 width:100%!important;min-height:300px!important;
 max-height:none!important;contain:layout paint;isolation:isolate;
}
.startup-loader[data-loader-preview="true"] .startup-loader-content{
 width:min(90%,280px);max-width:280px;
}

/* Final shared loading surface: real configured colours and a fully opaque
 * central card. This covers initial HTML, React route/session loaders and the
 * Theme Builder preview through the same stylesheet. */
.startup-loader {
 --loader-bg:var(--skin-loading-bg,#101816);
 --loader-ink:var(--skin-loading-text,#d4dcd8);
 --loader-screen-tint:color-mix(in srgb,var(--loader-bg) 85%,var(--gold,#ffb80c));
 background:
   linear-gradient(116deg,
     color-mix(in srgb,var(--loader-screen-tint) 84%,transparent),
     color-mix(in srgb,var(--loader-screen-tint) 72%,transparent) 48%,
     color-mix(in srgb,var(--loader-bg) 88%,transparent)),
   var(--pl-startup-photo,url("/hero/pl24-stadium-gold.webp")) center / cover no-repeat,
   var(--loader-bg);
}
.startup-loader .startup-loader-content {
 background:var(--loader-bg);
 color:var(--loader-ink);
 opacity:1;
 backdrop-filter:none;
 -webkit-backdrop-filter:none;
 animation:startup-loader-solid-rise 400ms cubic-bezier(.2,.7,.25,1) both;
}
.startup-loader .startup-loader-content::after {display:none}
.startup-loader .startup-loader-brand {filter:none}
.startup-loader .startup-loader-content>p,
.startup-loader .startup-loader-content .pl-auto-brand-copy>:is(strong,small),
.startup-loader .startup-loader-content .startup-loader-dynamic-copy>:is(strong,small) {
 color:var(--loader-ink);
 opacity:1;
 text-shadow:none;
}
.startup-loader .startup-loader-track {
 background:color-mix(in srgb,var(--loader-ink) 20%,var(--loader-bg));
}
.startup-loader .startup-loader-track>span {background:var(--gold,#ffb80c)}
@keyframes startup-loader-solid-rise {from{transform:translateY(6px)}to{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce) {.startup-loader .startup-loader-content{animation:none}}