.coming-shell{background:var(--red)}
/* The pixel transition starts below the viewport; keep the copy centered in the visible video. */
.coming-stage{--coming-edge-height:clamp(64px,10vw,144px);position:relative;isolation:isolate;display:grid;place-items:center;height:calc(100dvh - var(--header-height) + var(--coming-edge-height));min-height:calc(420px + var(--coming-edge-height));padding:24px 24px calc(24px + var(--coming-edge-height) * 1.55);overflow:hidden;background:#080c13}
.coming-video,.coming-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2;object-fit:cover;object-position:center}
.coming-video{top:calc(-1 * clamp(24px,2vw,40px));height:calc(100% + clamp(24px,2vw,40px));bottom:auto}
.coming-shade{z-index:-1;background:#00000012}
.coming-copy{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(100%,550px);text-align:center}
.coming-logo{position:relative;overflow:hidden;aspect-ratio:2600/755;width:clamp(180px,15.5vw,300px);max-width:65%}
.coming-logo img{position:absolute;width:120.192308%;height:413.907285%;max-width:none;left:-9.346154%;top:-156.953642%}
.coming-copy h1{font-family:Minecrafter,sans-serif;font-synthesis:none;font-weight:400;font-size:clamp(46px,5.4vw,104px);line-height:1.1;margin:0;white-space:nowrap;text-shadow:none;animation:portal-word-float 7s ease-in-out infinite}
.coming-countdown{display:block;margin-top:8px;white-space:nowrap}
.coming-countdown[hidden]{display:none}
.coming-countdown-value{font-family:Minecraft,monospace;font-size:clamp(34px,3.2vw,58px);line-height:1.15;font-variant-numeric:tabular-nums;letter-spacing:.08em;color:#fff}
.coming-edge{position:absolute;bottom:-1px;left:0;width:100%;height:var(--coming-edge-height);object-fit:fill;pointer-events:none}
.coming-main>.community{padding:clamp(36px,6vw,90px) 24px clamp(32px,5vw,72px)}
.coming-main>.community .display-heading{font-size:clamp(32px,5vw,72px);line-height:1.1}
.coming-main>.community>p{font-size:clamp(16px,2vw,24px);line-height:1.5;min-height:0;max-width:640px;margin:18px auto 0}
.coming-main .socials{margin-top:12px;margin-bottom:0}
@keyframes portal-word-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes portal-word-sheen{from{background-position:200% 50%}to{background-position:-20% 50%}}
@supports(background-clip:text){.coming-copy h1{background:linear-gradient(110deg,#fff 32%,#d1fff3 46%,#fff 58%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:portal-word-float 7s ease-in-out infinite,portal-word-sheen 9s linear infinite}}
.coming-stage[data-motion-paused] .coming-copy h1{animation-play-state:paused}
@media(max-width:599px){
  .coming-stage{--coming-edge-height:64px;height:calc(100dvh - var(--header-height) + var(--coming-edge-height));min-height:calc(420px + var(--coming-edge-height));padding:24px 20px calc(96px + var(--coming-edge-height))}
  .coming-video{top:-8%;height:108%;object-position:50% 50%}
  .coming-shade{background:linear-gradient(180deg,#0002,#0000000a 45%,#0003)}
  .coming-copy{width:100%;max-width:420px;gap:12px}
  .coming-logo{width:clamp(144px,40vw,200px);max-width:65%}
  .coming-copy h1{font-size:clamp(40px,12vw,64px);line-height:1.1}
  .coming-countdown{margin-top:8px}
  .coming-countdown-value{font-size:clamp(32px,9vw,46px);letter-spacing:.07em}
  .coming-main>.community{padding:42px 20px 32px}
  .coming-main>.community .display-heading{max-width:16ch;margin-inline:auto;font-size:clamp(30px,8.5vw,44px)}
  .coming-main>.community>p{max-width:32ch;font-size:16px;margin-top:16px}
  .coming-main .socials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;aspect-ratio:auto!important;max-width:420px;margin:28px auto 0}
  .coming-main .socials>.social-mascot{position:relative;left:auto;top:auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;transform:none;transform-origin:center;background:#0002;border-bottom:4px solid #0003}
  .coming-main .socials>.social-mascot>.source-image{width:min(100%,150px);flex-shrink:0}
  .coming-main .socials>.social-mascot:after{content:attr(aria-label);font-size:15px;line-height:1.5}
  .coming-main .socials>.social-mascot:active{background:#0004}
}
@media(max-height:500px) and (orientation:landscape){
  .coming-stage{height:calc(100dvh - var(--header-height) + var(--coming-edge-height));min-height:calc(300px + var(--coming-edge-height));padding:16px 20px calc(88px + var(--coming-edge-height));--coming-edge-height:48px}
  .coming-copy{gap:8px}.coming-logo{width:156px}.coming-copy h1{font-size:44px}.coming-countdown{margin-top:4px}.coming-countdown-value{font-size:32px}
}
@media(prefers-reduced-motion:reduce){.coming-copy h1{animation:none;transform:none;background:none;color:#fff}}