.world-home .world-community{
  position:relative!important;
  min-height:56.25vw!important;
  padding-top:0!important;
  padding-bottom:0!important;
}

.world-home .world-community .community-social-block{
  position:absolute!important;
  z-index:4!important;
  left:50%!important;
  bottom:clamp(168px,9.2vw,188px)!important;
  width:min(720px,calc(100% - 44px))!important;
  transform:translateX(-50%)!important;
  text-align:center!important;
}

/* Cleaner, shorter copy — closer to a real game-site CTA and less slogan-heavy. */
.world-home .world-community .community-social-block h2{
  margin:0 auto 7px!important;
  max-width:560px!important;
  color:transparent!important;
  font-size:0!important;
  line-height:1!important;
  text-shadow:none!important;
}
.world-home .world-community .community-social-block h2::after{
  content:"Follow the build"!important;
  display:block!important;
  color:#79d7ff!important;
  font-family:"Rowdies",system-ui,sans-serif!important;
  font-size:clamp(25px,1.65vw,30px)!important;
  font-weight:700!important;
  letter-spacing:-.006em!important;
  line-height:1.05!important;
}

.world-home .world-community .community-social-block .community-copy{
  margin:0 auto 15px!important;
  max-width:520px!important;
  color:transparent!important;
  font-size:0!important;
  line-height:1!important;
  text-shadow:none!important;
}
.world-home .world-community .community-social-block .community-copy::after{
  content:"Updates, first looks and playtests."!important;
  display:block!important;
  color:#93ddfb!important;
  font-family:"Rowdies",system-ui,sans-serif!important;
  font-size:clamp(12px,.8vw,14px)!important;
  font-weight:400!important;
  letter-spacing:.003em!important;
  line-height:1.25!important;
}

.world-home .world-community .community-social-block .community-links{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:14px!important;
  width:auto!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:0!important;
  text-align:center!important;
}

/* Secondary CTA system: same geometry as the primary, but now fully opaque. */
.world-home .world-community .community-social-block .community-links>a,
.world-home .world-community .community-social-block .community-links>a:nth-child(1),
.world-home .world-community .community-social-block .community-links>a:nth-child(2),
.world-home .world-community .community-social-block .community-links>a:nth-child(3){
  box-sizing:border-box!important;
  position:relative!important;
  isolation:isolate!important;
  display:grid!important;
  place-items:center!important;
  width:150px!important;
  min-width:150px!important;
  height:48px!important;
  min-height:48px!important;
  padding:0!important;
  overflow:visible!important;
  border:1px solid rgba(134,213,245,.78)!important;
  outline:0!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#4c9cf4 0%,#3289e0 100%)!important;
  box-shadow:0 8px 18px rgba(5,12,46,.14),inset 0 1px 0 rgba(255,255,255,.18)!important;
  color:#f8faff!important;
  text-decoration:none!important;
  transform:none!important;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}

.world-home .world-community .community-social-block .community-links>a:hover{
  background:linear-gradient(180deg,#54a9f7 0%,#3794ea 100%)!important;
  border-color:rgba(151,224,255,.96)!important;
  outline:0!important;
  box-shadow:0 10px 22px rgba(5,12,46,.18),0 0 0 1px rgba(134,213,245,.06),inset 0 1px 0 rgba(255,255,255,.22)!important;
  transform:translateY(-1px)!important;
}

.world-home .world-community .community-social-block .community-links>a:focus-visible{
  outline:2px solid #86d5f5!important;
  outline-offset:4px!important;
}

/* Fine inner line mirrors the primary button without using the old decorative frame. */
.world-home .world-community .community-social-block .community-links>a::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:3px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:11px!important;
  pointer-events:none!important;
}

.world-home .world-community .community-social-block .community-links>a::after{
  content:none!important;
  display:none!important;
}

.world-home .world-community .community-social-block .community-links>a>svg{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  fill:#fff!important;
  color:#fff!important;
  overflow:visible!important;
  pointer-events:none!important;
}
.world-home .world-community .community-social-block .community-links>a.youtube-link>svg{width:22px!important;height:17px!important}
.world-home .world-community .community-social-block .community-links>a.x-link>svg{width:18px!important;height:18px!important}
.world-home .world-community .community-social-block .community-links>a.tiktok-link>svg{width:19px!important;height:20px!important}

@media(max-width:760px){
  .world-home .world-community .community-social-block{
    bottom:108px!important;
    width:calc(100% - 28px)!important;
  }
  .world-home .world-community .community-social-block h2::after{font-size:24px!important}
  .world-home .world-community .community-social-block .community-copy{margin-bottom:12px!important}
  .world-home .world-community .community-social-block .community-copy::after{font-size:12px!important}
  .world-home .world-community .community-social-block .community-links{gap:9px!important}
  .world-home .world-community .community-social-block .community-links>a{
    width:auto!important;
    min-width:0!important;
    flex:1 1 0!important;
    max-width:118px!important;
    height:42px!important;
    min-height:42px!important;
    border-radius:13px!important;
  }
  .world-home .world-community .community-social-block .community-links>a::before{
    border-radius:9px!important;
  }
}

/* Replace the old TikTok path with a cleaner compact mark. The previous SVG had
   a thin protruding stroke at this display size, which looked like a stray line. */
.world-home .world-community .community-social-block .community-links>a.tiktok-link>svg{
  display:none!important;
}
.world-home .world-community .community-social-block .community-links>a.tiktok-link::after{
  content:""!important;
  display:block!important;
  position:relative!important;
  z-index:1!important;
  width:19px!important;
  height:20px!important;
  background:#fff!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M14.6%203.2c.4%202.1%201.7%203.5%203.8%203.9v2.4c-1.4-.1-2.7-.5-3.8-1.2v6.1a5%205%200%201%201-4.3-5v2.5a2.6%202.6%200%201%200%201.9%202.5V3.2h2.4Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M14.6%203.2c.4%202.1%201.7%203.5%203.8%203.9v2.4c-1.4-.1-2.7-.5-3.8-1.2v6.1a5%205%200%201%201-4.3-5v2.5a2.6%202.6%200%201%200%201.9%202.5V3.2h2.4Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;
  pointer-events:none!important;
}
