#start-screen.front-approved-art-ready,
.front-loading-screen.front-approved-art-ready{
  position:fixed!important;
  inset:0!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:#02030a!important;
}
.front-approved-art,
.front-approved-tint,
.front-approved-effects{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  pointer-events:none;
}
.front-approved-art{
  z-index:0;
  object-fit:fill;
  image-rendering:pixelated;
  transform:scale(1.002);
  transform-origin:center;
  animation:approved-art-drift 18s steps(72,end) infinite alternate;
}
.front-approved-tint{
  z-index:1;
  background:var(--front-accent);
  opacity:.025;
  mix-blend-mode:color;
  animation:approved-tint-pulse 4.2s steps(8,end) infinite;
}
.front-approved-effects{
  z-index:2;
  image-rendering:pixelated;
  mix-blend-mode:screen;
}
.front-approved-art-ready>.front-scene-canvas{display:none!important}

html[data-front-theme="violet-orbit"] .front-approved-art{filter:none}
html[data-front-theme="solar-foundry"] .front-approved-art{
  filter:hue-rotate(118deg) saturate(1.35) brightness(.94) contrast(1.04);
}
html[data-front-theme="solar-foundry"] .front-approved-tint{opacity:.075;mix-blend-mode:soft-light}
html[data-front-theme="cyan-rift"] .front-approved-art{
  filter:hue-rotate(270deg) saturate(1.22) brightness(.93) contrast(1.04);
}
html[data-front-theme="cyan-rift"] .front-approved-tint{opacity:.055}
html[data-front-theme="crimson-citadel"] .front-approved-art{
  filter:hue-rotate(88deg) saturate(1.5) brightness(.83) contrast(1.1);
}
html[data-front-theme="crimson-citadel"] .front-approved-tint{opacity:.09;mix-blend-mode:soft-light}

#start-screen.front-approved-art-ready:before{
  z-index:3!important;
  opacity:.08!important;
}
#start-screen.front-approved-art-ready:after,
.front-loading-screen.front-approved-art-ready:after{
  z-index:8!important;
  opacity:.13!important;
}
#start-screen.front-approved-art-ready .start-shell{
  z-index:4!important;
}
#start-screen.front-approved-art-ready .menu-view{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:100vh!important;
  min-height:0!important;
}
#start-screen.front-approved-art-ready .start-heading,
#start-screen.front-approved-art-ready .menu-list,
#start-screen.front-approved-art-ready .start-footer,
#start-screen.front-approved-art-ready .front-pixel-utility{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  opacity:0!important;
  pointer-events:none!important;
}

#start-screen.front-approved-art-ready .front-pixel-menu{
  position:absolute!important;
  top:32.45%!important;
  right:2.05%!important;
  z-index:6!important;
  display:grid!important;
  grid-template-rows:repeat(4,1fr)!important;
  gap:2.25%!important;
  width:22.25%!important;
  height:31.55%!important;
  padding:0!important;
}
#start-screen.front-approved-art-ready .front-pixel-button{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  padding:0!important;
  border:2px solid transparent!important;
  color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
  clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px)!important;
  opacity:1!important;
  cursor:pointer!important;
  transform:none!important;
  filter:none!important;
}
#start-screen.front-approved-art-ready .front-pixel-button:before,
#start-screen.front-approved-art-ready .front-pixel-button:after,
#start-screen.front-approved-art-ready .front-pixel-button>span,
#start-screen.front-approved-art-ready .front-pixel-button strong{
  opacity:0!important;
}
#start-screen.front-approved-art-ready .front-pixel-button:not(:disabled):hover,
#start-screen.front-approved-art-ready .front-pixel-button:not(:disabled):focus-visible{
  border-color:#a8f4ff!important;
  background:rgba(43,211,255,.08)!important;
  box-shadow:0 0 0 3px rgba(0,0,0,.75),0 0 18px rgba(88,225,255,.55),inset 0 0 16px rgba(83,224,255,.12)!important;
  outline:0!important;
  animation:approved-hit-flash .75s steps(4,end) infinite alternate!important;
}
#start-screen.front-approved-art-ready .front-pixel-button:not(:disabled):active{
  border-color:#fff!important;
  background:rgba(120,235,255,.2)!important;
}
#start-screen.front-approved-art-ready .front-start-button{
  position:absolute!important;
  top:75.82%!important;
  right:2.05%!important;
  z-index:6!important;
  width:22.25%!important;
  height:7.9%!important;
  min-height:0!important;
}
#start-screen.front-approved-art-ready .front-pixel-build{
  position:absolute!important;
  right:0!important;
  bottom:0!important;
  z-index:7!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-end!important;
  width:17.2%!important;
  min-width:174px!important;
  height:8.2%!important;
  padding:0 2.4vw 2.3vh 12px!important;
  color:rgba(168,156,238,.66)!important;
  background:linear-gradient(90deg,transparent 0%,rgba(2,3,11,.82) 34%,rgba(2,3,11,.98) 100%)!important;
  font:700 10px/1.35 ui-monospace,"SFMono-Regular",monospace!important;
  letter-spacing:.11em!important;
  text-align:right!important;
}

#start-screen.front-approved-art-ready .setup-view{
  position:relative!important;
  z-index:6!important;
  min-height:100vh!important;
  background:linear-gradient(90deg,rgba(2,4,12,.96),rgba(2,4,12,.82) 63%,rgba(2,4,12,.58))!important;
}
#start-screen.front-approved-art-ready .start-panel{z-index:20!important}

.front-loading-screen.front-approved-art-ready>.front-approved-art,
.front-loading-screen.front-approved-art-ready>.front-approved-tint,
.front-loading-screen.front-approved-art-ready>.front-approved-effects{z-index:0}
.front-loading-screen.front-approved-art-ready>.front-approved-tint{z-index:1}
.front-loading-screen.front-approved-art-ready>.front-approved-effects{z-index:2}
.front-loading-screen.front-approved-art-ready .front-loading-brand,
.front-loading-screen.front-approved-art-ready .front-loading-meta{
  display:none!important;
}
.front-loading-screen.front-approved-art-ready .front-loading-status,
.front-loading-screen.front-approved-art-ready .front-loading-progress,
.front-loading-screen.front-approved-art-ready .front-loading-detail,
.front-loading-screen.front-approved-art-ready .front-loading-tip{
  z-index:5!important;
}
.front-loading-screen.front-approved-art-ready .front-loading-status{
  top:70.75vh!important;
  box-sizing:border-box!important;
  padding:3px 18px!important;
  color:#aaf4ff!important;
  background:linear-gradient(90deg,transparent,rgba(2,4,12,.62) 20%,rgba(2,4,12,.62) 80%,transparent)!important;
}
.front-loading-screen.front-approved-art-ready .front-loading-progress{
  top:75.05vh!important;
  width:min(830px,73vw)!important;
}
.front-loading-screen.front-approved-art-ready .front-loading-track{
  height:25px!important;
  background:rgba(1,4,13,.92)!important;
}
.front-loading-screen.front-approved-art-ready .front-loading-detail{
  top:81.85vh!important;
  padding:3px 20px!important;
  color:#c4a8ff!important;
  background:linear-gradient(90deg,transparent,rgba(2,4,12,.7) 23%,rgba(2,4,12,.7) 77%,transparent)!important;
}
.front-loading-screen.front-approved-art-ready .front-loading-tip{
  top:85.45vh!important;
  width:min(850px,77vw)!important;
  min-height:78px!important;
  background:linear-gradient(180deg,rgba(5,10,28,.97),rgba(2,5,16,.98))!important;
}

@keyframes approved-art-drift{
  0%{transform:translate3d(-.18%,0,0) scale(1.006)}
  50%{transform:translate3d(.12%,-.13%,0) scale(1.009)}
  100%{transform:translate3d(.22%,.08%,0) scale(1.006)}
}
@keyframes approved-tint-pulse{
  0%,100%{opacity:.025}
  50%{opacity:.055}
}
@keyframes approved-hit-flash{
  0%{filter:brightness(1)}
  100%{filter:brightness(1.35)}
}

@media(max-aspect-ratio:3/2){
  #start-screen.front-approved-art-ready .front-pixel-menu{
    top:32.2%!important;
    right:1.8%!important;
    width:22.8%!important;
    height:31.8%!important;
  }
  #start-screen.front-approved-art-ready .front-start-button{
    top:75.7%!important;
    right:1.8%!important;
    width:22.8%!important;
  }
  .front-loading-screen.front-approved-art-ready .front-loading-progress{width:min(780px,77vw)!important}
  .front-loading-screen.front-approved-art-ready .front-loading-tip{width:min(820px,82vw)!important}
}
@media(prefers-reduced-motion:reduce){
  .front-approved-art,
  .front-approved-tint,
  #start-screen.front-approved-art-ready .front-pixel-button{animation:none!important}
}