/* ── SPLASH SCREEN ── */
#sSplash{
  background:#000000;
  padding:0;
  overflow:hidden;
  display:block;
}

/* Stack tower fills the canvas vertically, centered */
.splash-tower{
  position:absolute;
  left:50%;
  bottom:0;
  width:1040px;
  height:auto;
  pointer-events:none;
  user-select:none;
  z-index:2;
  transform-origin:50% 100%;
  animation:tower-sway 3.4s ease-in-out infinite;
}

/* Bottom explosion, full width */
.splash-explosion{
  position:absolute;
  left:50%;
  bottom:0;
  width:1080px;
  height:auto;
  pointer-events:none;
  user-select:none;
  z-index:3;
  transform-origin:50% 80%;
  animation:explosion-pulse 1.1s ease-in-out infinite;
  filter:drop-shadow(0 0 36px rgba(238,255,65,.55));
}

@keyframes tower-sway{
  0%   {transform:translateX(-50%) rotate(-1.2deg) translateY(0);}
  50%  {transform:translateX(-50%) rotate(1.2deg)  translateY(-8px);}
  100% {transform:translateX(-50%) rotate(-1.2deg) translateY(0);}
}

@keyframes explosion-pulse{
  0%,100% {transform:translateX(-50%) scale(1)    rotate(0deg);}
  50%     {transform:translateX(-50%) scale(1.06) rotate(1.5deg);}
}

/* STACK text on top, full width */
.splash-text{
  position:absolute;
  left:50%;
  top:60px;
  width:1000px;
  height:auto;
  pointer-events:none;
  user-select:none;
  z-index:4;
  transform-origin:50% 50%;
  animation:stack-breathe 2.6s ease-in-out infinite;
}

@keyframes stack-breathe{
  0%,100% {transform:translateX(-50%) scale(1);}
  50%     {transform:translateX(-50%) scale(1.025);}
}

/* Yellow CTA */
.splash-cta{
  position:absolute;
  left:0;right:0;
  top:1080px;
  text-align:center;
  color:#EEFF41;
  font-family:'Inter Tight',system-ui,'Segoe UI',Arial,sans-serif;
  font-size:36px;
  font-weight:600;
  letter-spacing:.01em;
  z-index:4;
  animation:splash-cta-pulse 1.4s ease-in-out infinite;
}

@keyframes splash-cta-pulse{
  0%,100%{opacity:1;}
  50%{opacity:.55;}
}