/* MYTT MOBILE HOME TITLE — compact single-line phone treatment */
@media (max-width:860px){
  .hero-home-final .hero-top-banner{
    margin:0 0 5px !important;
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
  }

  .hero-home-final .hero-top-banner .kicker-centered{
    display:none !important;
  }

  body #home .hero-home-final .hero-top-banner h1.hero-title-row{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 auto !important;
    padding:2px 4px !important;
    font-size:0 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
    overflow:visible !important;
  }

  body #home .hero-home-final .hero-top-banner h1.hero-title-row > span{
    display:none !important;
  }

  body #home .hero-home-final .hero-top-banner h1.hero-title-row::before,
  body #home .hero-home-final .hero-top-banner h1.hero-title-row::after{
    display:inline-block !important;
    flex:0 0 auto !important;
    margin:0 !important;
    padding:0 !important;
    font-family:inherit !important;
    font-style:italic !important;
    font-weight:900 !important;
    line-height:1.05 !important;
    letter-spacing:-1.35px !important;
    white-space:nowrap !important;
    transform:scaleY(1.04) !important;
    transform-origin:center !important;
  }

  body #home .hero-home-final .hero-top-banner h1.hero-title-row::before{
    content:"PLAY. COMPETE. IMPROVE." !important;
    color:#fff !important;
    font-size:24px !important;
  }

  body #home .hero-home-final .hero-top-banner h1.hero-title-row::after{
    content:"RANK." !important;
    color:#ff4d4d !important;
    font-size:24px !important;
  }

  .hero-home-final .hero-neon-divider{
    margin-top:9px !important;
  }

  .hero-home-final .hero-rank-card-v5.hero-rank-card-final{
    margin-top:7px !important;
  }

  .hero-home-final .cta-grid-home-final{
    margin-top:12px !important;
  }
}

@media (max-width:390px){
  body #home .hero-home-final .hero-top-banner h1.hero-title-row{
    gap:3px !important;
    padding:2px 3px !important;
  }
  body #home .hero-home-final .hero-top-banner h1.hero-title-row::before,
  body #home .hero-home-final .hero-top-banner h1.hero-title-row::after{
    font-size:22px !important;
    line-height:1.05 !important;
    letter-spacing:-1.3px !important;
    transform:scaleY(1.04) !important;
  }
}

@media (max-width:350px){
  body #home .hero-home-final .hero-top-banner h1.hero-title-row{
    gap:2px !important;
    padding:2px 2px !important;
  }
  body #home .hero-home-final .hero-top-banner h1.hero-title-row::before,
  body #home .hero-home-final .hero-top-banner h1.hero-title-row::after{
    font-size:19.5px !important;
    line-height:1.05 !important;
    letter-spacing:-1.2px !important;
    transform:scaleY(1.04) !important;
  }
}