/* The approved Crafter winter artwork, composed as a live responsive scene.
   Desktop and tablets fill the viewport; phones retain the approved portrait.
   No stretch, letterboxing, extra bitmap downloads or fake progress labels. */
@media (min-width:600px) {
  #splash.splash.splash-approved {
    position:fixed!important;inset:0!important;
    width:100vw!important;height:100dvh!important;min-height:100dvh!important;
    margin:0!important;padding:0!important;overflow:hidden!important;
    background:
      radial-gradient(ellipse 40% 50% at 72% 45%,#31587582 0%,transparent 80%),
      radial-gradient(ellipse 57% 77% at 32% 54%,#183c5c80 0%,transparent 75%),
      linear-gradient(160deg,#071625 0%,#0d2135 49%,#07111f 100%)!important;
  }
  #splash.splash-approved .splash-approved-poster,
  #splash.splash-approved .splash-approved-status {display:none!important}
  #splash.splash-approved .splash-frame{
    display:grid!important;position:relative!important;z-index:5!important;
    width:min(96vw,1150px)!important;max-width:1150px!important;
    height:min(82dvh,780px)!important;
    min-height:0!important;
    margin:10dvh auto 0!important;
    padding:0 15px!important;
    transform:none!important;
    grid-template-columns:minmax(230px,.82fr) minmax(300px,1.18fr);
    grid-template-rows:minmax(0,1fr) auto;
    column-gap:clamp(18px,3.5vw,65px);row-gap:0;
    align-items:center;justify-items:center;
  }
  #splash.splash-approved .splash-brand{
    display:block!important;grid-column:1;grid-row:1;
    align-self:end!important;justify-self:center;
    margin:0 0 12px!important;
    font-size:clamp(42px,5.2vw,76px)!important;
    font-weight:850;
    text-align:center;
  }
  #splash.splash-approved .splash-art{
    display:block!important;grid-column:2;grid-row:1/3;
    align-self:center!important;justify-self:center;
    width:min(42vw,67dvh,540px)!important;
    height:auto!important;max-height:73dvh!important;
    aspect-ratio:1;
    margin:0!important;
  }
  #splash.splash-approved .splash-status{
    display:flex!important;grid-column:1;grid-row:2;
    justify-self:center;align-self:start;
    position:relative!important;z-index:7!important;
    margin:12px auto min(19dvh,92px)!important;
    font-size:12px;
  }
  #splash.splash-approved .splash-progress{width:min(43vw,240px)!important;height:5px!important}
  #splash.splash-approved .splash-winter-sky,
  #splash.splash-approved .splash-winter-snowbank,
  #splash.splash-approved .splash-holiday-lights{display:block!important}
  #splash.splash-approved .splash-holiday-lights{
    position:absolute!important;left:0!important;top:0!important;
    width:100%!important;max-width:none!important;height:clamp(66px,10dvh,110px)!important;
    object-fit:cover!important;
    transform:none!important;
    opacity:.86!important;
  }
  #splash.splash-approved .splash-winter-snowbank{
    bottom:-4%!important;
    width:110%!important;height:24%!important;opacity:.55!important;
  }
}
@media (min-width:600px) and (max-width:1023.98px){
  #splash.splash-approved .splash-frame{
    width:min(100vw - 20px,700px)!important;
    height:min(91dvh,860px)!important;
    margin:6dvh auto 0!important;
    display:flex!important;flex-direction:column!important;
    align-items:center!important;justify-content:center!important;
    gap:clamp(5px,1dvh,13px)!important;
  }
  #splash.splash-approved .splash-brand{
    font-size:clamp(34px,6vw,56px)!important;
    margin:0!important;align-self:center!important;
  }
  #splash.splash-approved .splash-art{
    display:block!important;width:min(60vw,56dvh,475px)!important;
    height:auto!important;max-height:none!important;
    flex:0 1 auto!important;margin:0!important;
  }
  #splash.splash-approved .splash-status{
    margin:0!important;align-self:center!important;
    font-size:10px!important;
  }
  #splash.splash-approved .splash-progress{width:min(55vw,200px)!important}
}
@media (min-width:1024px) and (max-height:550px) {
  #splash.splash-approved .splash-frame{
    height:92dvh!important;margin:4dvh auto 0!important;
    grid-template-columns:.9fr 1.1fr;row-gap:0!important;
  }
  #splash.splash-approved .splash-art{
    width:min(38vw,82dvh,410px)!important;max-height:none!important;
  }
  #splash.splash-approved .splash-brand{font-size:clamp(31px,5.5vw,52px)!important}
  #splash.splash-approved .splash-status{margin:0!important}
}
@media(min-width:1024px) and (min-aspect-ratio:21/9){
  #splash.splash-approved .splash-frame{width:min(68vw,1180px)!important}
  #splash.splash-approved .splash-art{width:min(33vw,70dvh,500px)!important}
}
/* All fullscreen visuals honor reduced motion and never become click targets. */
#splash.splash-approved .splash-winter-sky,
#splash.splash-approved .splash-art,
#splash.splash-approved .splash-winter-snowbank,
#splash.splash-approved .splash-holiday-lights{pointer-events:none}