/* Axie-style illustrated welcome panel built from the uploaded frame artwork. */
.world-home .world-paper-chapter .world-welcome{
  width:min(1460px,calc(100% - 92px))!important;
  max-width:1460px!important;
}

.world-home .welcome-card{
  position:relative!important;
  isolation:isolate!important;
  min-height:575px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Keep the uploaded frame in its original proportions; never stretch it. */
.world-home .welcome-card::before{
  content:"";
  position:absolute;
  z-index:5;
  inset:0;
  pointer-events:none;
  background-image:url('./assets/world/brainrot-welcome-panel.png?v=2');
  background-repeat:no-repeat;
  background-position:left top;
  background-size:auto 100%;
}

/* BabyT sketch sits above everything at the upper-left edge. */
.world-home .welcome-card::after{
  content:"";
  position:absolute;
  z-index:12;
  left:-56px;
  top:-68px;
  width:205px;
  height:248px;
  pointer-events:none;
  background:url('./assets/brand/babyt-sketch-corner.png?v=4') center/contain no-repeat;
  filter:brightness(1.12) contrast(.72) saturate(.88) drop-shadow(0 4px 4px rgba(86,53,20,.05));
}

.world-home .welcome-card-bar{
  position:absolute!important;
  z-index:11!important;
  top:44px!important;
  left:7%!important;
  right:39%!important;
  min-height:76px!important;
  padding:0 40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff6dc!important;
  font-family:Rowdies,Nunito,system-ui,sans-serif!important;
  font-size:clamp(28px,2.2vw,40px)!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
  line-height:1!important;
  text-align:center!important;
  text-shadow:0 2px 0 rgba(77,95,72,.10)!important;
}

.world-home .welcome-card-bar .alpha-stamp{display:none!important}

.world-home .welcome-card-body{
  position:relative!important;
  z-index:auto!important;
  display:block!important;
  min-height:575px!important;
  overflow:visible!important;
}

.world-home .welcome-copy{
  position:relative!important;
  z-index:10!important;
  width:59%!important;
  max-width:760px!important;
  padding:154px 54px 56px 78px!important;
}

.world-home .welcome-copy .world-kicker{
  margin:0 0 14px!important;
  color:#7b4d1f!important;
  font-family:Nunito,system-ui,sans-serif!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}

.world-home .welcome-copy h2{
  margin:0 0 18px!important;
  max-width:600px!important;
  color:#714619!important;
  font-family:Rowdies,Nunito,system-ui,sans-serif!important;
  font-size:clamp(38px,3.05vw,53px)!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
  line-height:1.02!important;
}

.world-home .welcome-copy p:not(.world-kicker){
  max-width:610px!important;
  margin:8px 0 10px!important;
  color:#815725!important;
  font-family:Nunito,system-ui,sans-serif!important;
  font-size:clamp(14px,1.08vw,17px)!important;
  font-weight:700!important;
  line-height:1.43!important;
}

.world-home .welcome-copy .world-button{
  min-width:178px!important;
  min-height:58px!important;
  margin-top:20px!important;
  padding:13px 24px!important;
  gap:22px!important;
  border:4px solid #bd8737!important;
  border-radius:15px!important;
  background:#7b4719!important;
  box-shadow:inset 0 0 0 2px #e1b660,0 4px 0 #6b3d14!important;
  color:#fff6dd!important;
  font-family:Rowdies,Nunito,system-ui,sans-serif!important;
  font-size:15px!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  letter-spacing:.01em!important;
}

.world-home .welcome-copy .world-button:hover{
  background:#8c541f!important;
  transform:translateY(-2px)!important;
}

.world-home .welcome-note{
  margin-top:14px!important;
  color:#87653c!important;
  font-size:11px!important;
  font-weight:800!important;
}

/* The previous rectangular party image is intentionally removed. */
.world-home .welcome-party{
  display:none!important;
}

/* New transparent character composition. Keep the original proportions. */
.world-home .welcome-card-body::after{
  content:"";
  position:absolute;
  z-index:7;
  right:9%;
  bottom:-18%!important;
  width:clamp(470px,36vw,640px);
  aspect-ratio:1086 / 1448;
  pointer-events:none;
  background-image:url('./assets/world/babyt-adventure-party.png?v=1');
  background-repeat:no-repeat;
  background-position:center bottom;
  background-size:contain;
}

/* Desktop composition: match the Axie reference's tighter top gap and visual height.
   The left-side panel cluster is moved inward by the same visual amount as the
   reference screenshot. The right party keeps its original scale and proportions. */
@media(min-width:1121px){
  .world-home .world-paper-chapter{padding-top:170px!important}
  .world-home .world-paper-chapter .world-welcome{
    width:min(1500px,calc(100% - 96px))!important;
    max-width:1500px!important;
    --welcome-reference-inset:clamp(44px,3.2vw,60px);
  }
  .world-home .welcome-card,
  .world-home .welcome-card-body{min-height:605px!important}
  .world-home .welcome-card::before,
  .world-home .welcome-card::after,
  .world-home .welcome-copy{
    transform:translateX(var(--welcome-reference-inset))!important;
  }
  .world-home .welcome-card-bar{
    transform:none!important;
    left:4.4%!important;
    right:41.6%!important;
  }
  .world-home .welcome-copy{padding-top:162px!important}
  .world-home .welcome-card-body::after{
    width:clamp(500px,36vw,640px);
    right:10%;
    bottom:-20%!important;
  }
}

@media(min-width:1750px){
  .world-home .world-paper-chapter{padding-top:205px!important}
  .world-home .world-paper-chapter .world-welcome{max-width:1500px!important}
  .world-home .welcome-card,.world-home .welcome-card-body{min-height:640px!important}
  .world-home .welcome-copy{padding-top:173px!important}
  .world-home .welcome-card-body::after{width:640px;right:11%;bottom:-22%!important}
}

@media(max-width:1120px){
  .world-home .world-paper-chapter .world-welcome{width:min(1040px,calc(100% - 50px))!important}
  .world-home .welcome-card,.world-home .welcome-card-body{min-height:500px!important}
  .world-home .welcome-card::after{left:-36px;top:-44px;width:150px;height:182px}
  .world-home .welcome-card-bar{top:35px!important;left:7%!important;right:36%!important;min-height:66px!important;font-size:clamp(24px,3vw,32px)!important}
  .world-home .welcome-copy{width:61%!important;padding:125px 36px 40px 48px!important}
  .world-home .welcome-copy h2{font-size:clamp(32px,4vw,44px)!important}
  .world-home .welcome-card-body::after{width:clamp(400px,52vw,520px);right:3%;bottom:-12%!important}
}

@media(max-width:760px){
  .world-home .world-paper-chapter .world-welcome{width:calc(100% - 24px)!important}
  .world-home .welcome-card{
    min-height:0!important;
    padding:22px 0 0!important;
  }
  .world-home .welcome-card::before{
    background-size:100% auto!important;
    background-position:left top!important;
  }
  .world-home .welcome-card::after{display:none!important}
  .world-home .welcome-card-bar{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    min-height:58px!important;
    margin:18px 34px 0!important;
    padding:0 14px!important;
    font-size:clamp(22px,7.2vw,30px)!important;
  }
  .world-home .welcome-card-body{min-height:0!important;display:flex!important;flex-direction:column!important}
  .world-home .welcome-copy{
    order:1!important;
    width:100%!important;
    max-width:none!important;
    padding:28px 34px 8px!important;
    text-align:left!important;
  }
  .world-home .welcome-copy .world-kicker{font-size:9px!important}
  .world-home .welcome-copy h2{font-size:clamp(31px,9vw,42px)!important;margin-bottom:15px!important}
  .world-home .welcome-copy p:not(.world-kicker){font-size:14px!important;max-width:none!important}
  .world-home .welcome-copy .world-button{width:auto!important;min-width:165px!important;margin-top:16px!important}
  .world-home .welcome-note{text-align:left!important}
  .world-home .welcome-card-body::after{
    position:relative;
    order:2;
    right:auto;
    bottom:auto!important;
    width:min(92vw,500px);
    align-self:center;
    margin:-20px auto -30px;
  }
}

/* Final desktop text alignment: keep every text block inside the illustrated panel,
   matching the vertical rhythm of the Axie reference instead of floating over the frame. */
@media(min-width:1121px){
  .world-home .welcome-card-bar{
    top:166px!important;
  }
  .world-home .welcome-copy{
    padding:204px 54px 44px 78px!important;
  }
  .world-home .welcome-copy .world-kicker{
    margin:0 0 12px!important;
  }
  .world-home .welcome-copy h2{
    margin:0 0 12px!important;
    font-size:clamp(38px,2.75vw,48px)!important;
  }
  .world-home .welcome-copy p:not(.world-kicker){
    margin:6px 0 8px!important;
    font-size:clamp(14px,.95vw,16px)!important;
    line-height:1.38!important;
  }
  .world-home .welcome-copy .world-button{
    min-height:56px!important;
    margin-top:12px!important;
  }
  .world-home .welcome-note{
    display:none!important;
  }
}

@media(min-width:1750px){
  .world-home .welcome-card-bar{
    top:174px!important;
  }
  .world-home .welcome-copy{
    padding-top:212px!important;
  }
}

/* Reference-style subheading above the body copy. */
.world-home .welcome-copy::before{
  content:"EXPLORE · COLLECT · BATTLE";
  display:block;
  max-width:610px;
  margin:0 0 18px;
  color:#714619;
  font-family:Rowdies,Nunito,system-ui,sans-serif;
  font-size:clamp(20px,1.45vw,27px);
  font-weight:700;
  letter-spacing:-.015em;
  line-height:1.05;
  text-transform:uppercase;
}

@media(max-width:760px){
  .world-home .welcome-copy::before{
    margin-bottom:14px;
    font-size:clamp(18px,5.2vw,22px);
    line-height:1.08;
  }
}