/* Prevent first-paint flashes while the stable UI/auth state is resolving. */

body.rules-page main .rules-hero,
body.palmares-page main .palmares-page-hero{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  margin:0!important;
  margin-left:0!important;
  margin-right:0!important;
  padding:18px 4px 4px!important;
  overflow:visible!important;
  isolation:auto!important;
  box-sizing:border-box!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:inherit!important;
  text-align:left!important;
}

body.rules-page main .rules-hero::before,
body.palmares-page main .palmares-page-hero::before{
  display:none!important;
  content:none!important;
}

body.rules-page main .rules-hero h1,
body.palmares-page main .palmares-page-hero h1{
  position:static!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  margin-left:0!important;
  margin-right:auto!important;
  padding:0!important;
  transform:none!important;
  color:var(--primary-dark)!important;
  font-family:'Montserrat',sans-serif!important;
  font-size:clamp(2rem,4vw,3rem)!important;
  font-style:italic!important;
  font-weight:900!important;
  letter-spacing:-.045em!important;
  line-height:1!important;
  text-align:left!important;
  text-transform:none!important;
}

body.rules-page main .rules-hero .pb-page-intro-subtitle,
body.palmares-page main .palmares-page-hero .pb-page-intro-subtitle{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:10px 0 0!important;
  margin-left:0!important;
  margin-right:auto!important;
  padding:0!important;
  transform:none!important;
  color:#63748b!important;
  font-family:'Lato',sans-serif!important;
  font-size:1rem!important;
  font-style:normal!important;
  font-weight:700!important;
  letter-spacing:0!important;
  line-height:1.35!important;
  text-align:left!important;
  text-transform:none!important;
}

/* Hide only the public app shell until its JS-enhanced state is ready. */
body:not(.pb-ui-ready) .site-header,
body:not(.pb-ui-ready) .main-content,
body:not(.pb-ui-ready) .site-footer,
body:not(.pb-ui-ready) .bottom-nav,
body:not(.pb-ui-ready) .pb-alert,
body:not(.pb-ui-ready) .app-drawer,
body:not(.pb-ui-ready) .drawer-backdrop{
  visibility:hidden!important;
}

body:not(.pb-ui-ready){
  min-height:100vh;
}

body:not(.pb-ui-ready)::before{
  content:"";
  position:fixed;
  z-index:2147483000;
  top:50%;
  left:50%;
  width:30px;
  height:30px;
  margin:-15px 0 0 -15px;
  border:3px solid rgba(20,42,74,.14);
  border-top-color:#142a4a;
  border-radius:50%;
  animation:pb-ui-boot-spin .72s linear infinite;
  pointer-events:none;
}

body.pb-ui-ready::before{
  content:none;
}

@keyframes pb-ui-boot-spin{
  to{transform:rotate(360deg)}
}

@media (prefers-reduced-motion:reduce){
  body:not(.pb-ui-ready)::before{
    animation:none;
    border-top-color:rgba(20,42,74,.14);
    background:#142a4a;
    box-shadow:inset 0 0 0 9px #fff;
  }
}