/* $BabyT token callout lives directly inside the panorama. */
.world-home .world-panorama .token-callout{
  position:absolute!important;
  z-index:6!important;
  top:clamp(98px,7.1vw,136px)!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:min(760px,calc(100% - 48px))!important;
  margin:0!important;
  transform:translateX(-50%)!important;
  text-align:center!important;
  pointer-events:auto!important;
}

/* Uploaded coin emblem. Its PNG carries a little more internal empty space than
   the ecosystem SVG, so the visible gap is compensated here rather than by
   changing the global heading rhythm. */
.world-home .world-panorama .token-callout::before{
  content:""!important;
  display:block!important;
  width:82px!important;
  height:82px!important;
  margin:0 auto 2px!important;
  background:url('./ChatGPT%20Image%2013.%20Sept.%202026,%2021_24_52.png?v=1') center/contain no-repeat!important;
  pointer-events:none!important;
}

.world-home .world-panorama .token-callout-title{
  margin:0!important;
  color:#86d5f5!important;
  font-family:"Rowdies",system-ui,sans-serif!important;
  font-size:clamp(34px,3.15vw,58px)!important;
  font-weight:700!important;
  line-height:1.06!important;
  letter-spacing:.012em!important;
  text-shadow:none!important;
}

.world-home .world-panorama .token-callout-title .token-symbol{
  color:#f7f4ee!important;
}

.world-home .world-panorama .token-callout-copy{
  margin:13px auto 22px!important;
  max-width:610px!important;
  color:#b2dcf0!important;
  font-family:"Nunito",system-ui,sans-serif!important;
  font-size:clamp(14px,.98vw,16px)!important;
  font-weight:700!important;
  line-height:1.52!important;
  letter-spacing:.004em!important;
  text-shadow:none!important;
}

/* Primary CTA uses the same visual language as the social buttons,
   with a fully opaque fill so the artwork does not show through. */
.world-home .world-panorama .token-dex-link{
  box-sizing:border-box!important;
  position:relative!important;
  isolation:isolate!important;
  z-index:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  min-width:0!important;
  height:48px!important;
  min-height:48px!important;
  padding:0 24px!important;
  border:1px solid #86d5f5!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,.16),inset 0 1px 0 rgba(255,255,255,.18)!important;
  color:#f8faff!important;
  font-family:"Rowdies","Nunito",system-ui,sans-serif!important;
  font-size:clamp(15px,.9vw,16px)!important;
  font-weight:700!important;
  letter-spacing:.002em!important;
  line-height:1!important;
  text-transform:none!important;
  text-decoration:none!important;
  text-shadow:none!important;
  transform:none!important;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}

.world-home .world-panorama .token-dex-link::before{
  content:""!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-panorama .token-dex-link::after{
  content:none!important;
  display:none!important;
}

.world-home .world-panorama .token-dex-link .external-mark{
  display:none!important;
}

.world-home .world-panorama .token-dex-link:hover{
  background:linear-gradient(180deg,#54a9f7 0%,#3794ea 100%)!important;
  border-color:#97e0ff!important;
  box-shadow:0 10px 22px rgba(5,12,46,.20),0 0 0 1px rgba(134,213,245,.05),inset 0 1px 0 rgba(255,255,255,.22)!important;
  transform:translateY(-1px)!important;
}
.world-home .world-panorama .token-dex-link:focus,
.world-home .world-panorama .token-dex-link:focus-visible,
.world-home .world-panorama .token-dex-link:active{
  outline:0!important;
}
.world-home .world-panorama .token-dex-link:active{
  transform:translateY(0)!important;
}
.world-home .world-panorama .token-dex-link:focus-visible{
  outline:2px solid #86d5f5!important;
  outline-offset:4px!important;
}

@media(max-width:1000px){
  .world-home .world-panorama .token-callout::before{
    width:72px!important;
    height:72px!important;
    margin-bottom:2px!important;
  }
}

@media(max-width:680px){
  .world-home .world-panorama .token-callout{
    top:63px!important;
    width:calc(100% - 30px)!important;
  }
  .world-home .world-panorama .token-callout::before{
    width:62px!important;
    height:62px!important;
    margin-bottom:2px!important;
  }
  .world-home .world-panorama .token-callout-title{
    font-size:clamp(28px,8.5vw,40px)!important;
  }
  .world-home .world-panorama .token-callout-copy{
    margin:10px auto 17px!important;
    max-width:92%!important;
    font-size:13px!important;
  }
  .world-home .world-panorama .token-dex-link{
    height:42px!important;
    min-height:42px!important;
    padding:0 19px!important;
    border-radius:13px!important;
    font-size:14px!important;
  }
  .world-home .world-panorama .token-dex-link::before{
    border-radius:9px!important;
  }
}