/* Home-page reconstruction based on the user's current Lovable page screenshots/video. */
.home-lovable-match{--home-container:1024px;--home-sky:#d9efff;--home-sky-strong:#b8e0ff;--home-sky-soft:#cce8fb;--home-check:#c8e4f8}.home-lovable-match .container{width:min(calc(100% - 32px),var(--home-container))}.home-lovable-match .site-header{border-bottom-width:3px}.home-lovable-match .nav-inner{min-height:58px;padding-top:8px;padding-bottom:8px}.home-lovable-match .brand{font-size:10px;padding:8px 11px}.home-lovable-match .nav-link,.home-lovable-match .book-btn,.home-lovable-match .hud{font-size:9px}.home-lovable-match .book-btn{padding:9px 13px}.home-lovable-match .icon-btn{width:34px;height:34px}.home-lovable-match .mobile-actions{display:flex;align-items:center;gap:8px}.home-lovable-match .mobile-theme{display:flex}.home-lovable-match .mobile-menu-btn{width:34px;height:34px;background:var(--gold)}.home-lovable-match .mobile-menu-btn .icon{width:16px;height:16px}
.home-lovable-match .home-world{background:var(--home-sky)}.home-lovable-match .exact-hero{background:var(--home-sky);isolation:isolate}.home-lovable-match .exact-hero .hero-blob{position:absolute;z-index:-2;border-radius:50%;background:rgba(123,190,242,.32);pointer-events:none}.home-lovable-match .hero-blob-a{width:760px;height:610px;left:-260px;top:-100px}.home-lovable-match .hero-blob-b{width:680px;height:560px;right:-210px;top:-60px}.home-lovable-match .exact-hero .cloud{z-index:-1}.home-lovable-match .hero-grid{min-height:720px;grid-template-columns:minmax(0,1fr) 320px;gap:76px;padding-top:76px;padding-bottom:82px}.home-lovable-match .hero-copy{align-self:center}.home-lovable-match .world-tag{padding:7px 12px;font-size:8px;letter-spacing:.02em}.home-lovable-match .hero-copy h1{max-width:590px;margin-top:24px;font-size:43px;line-height:1.36;letter-spacing:-.03em}.home-lovable-match .hero-copy h1 span{box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:1px 8px 3px}.home-lovable-match .hero-copy>p{max-width:560px;margin-top:22px;font-size:14px;line-height:1.72}.home-lovable-match .hero-buttons{margin-top:26px;gap:15px}.home-lovable-match .arcade-btn{min-height:48px;justify-content:center;padding:12px 22px;font-size:9px}.home-lovable-match .stats{margin-top:30px;gap:30px}.home-lovable-match .stat{gap:8px}.home-lovable-match .stat-value{font-size:14px}.home-lovable-match .stat-label{font-size:9px}.home-lovable-match .stat-icon .icon{width:16px;height:16px}.home-lovable-match .avatar-wrap{max-width:300px;align-self:center}.home-lovable-match .floating-blocks{top:-54px;right:8px;gap:9px}.home-lovable-match .floating-blocks div{width:48px;height:48px;font-size:11px}.home-lovable-match .player-card{padding:10px}.home-lovable-match .player-info{padding:10px 6px 5px;margin-top:8px}.home-lovable-match .player-info p:first-child{font-size:9px}.home-lovable-match .player-info p:last-child{font-size:8px}.home-lovable-match .pipe{left:0;bottom:-54px}.home-lovable-match .pipe div:first-child{width:70px;height:24px}.home-lovable-match .pipe div:last-child{width:58px;height:48px;margin-left:6px;border-top:0}.home-lovable-match .exact-hero>.ground-strip{margin-top:0;height:13px;border-top-width:3px}.home-lovable-match .hero-bricks{height:30px;border-bottom-width:3px;background-size:32px 32px;background-position:0 0,16px 0,16px -16px,0 16px}
.home-lovable-match .exact-levels{background:var(--home-sky);padding:96px 0 110px}.home-lovable-match .levels-heading{text-align:left;max-width:620px}.home-lovable-match .levels-heading h2{margin:0;font-size:19px;line-height:1.5}.home-lovable-match .levels-heading p{margin:10px 0 0;font-size:11px;line-height:1.6;color:var(--muted)}.home-lovable-match .levels-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:34px}.home-lovable-match .level-card a{min-height:158px;padding:18px 20px}.home-lovable-match .level-card h3{margin-top:11px;font-size:13px;color:var(--foreground)}.home-lovable-match .level-card p{margin-top:8px;font-size:10px;line-height:1.55}.home-lovable-match .level-no{display:inline-block;align-self:flex-start;color:var(--dark);font-size:7px;padding:5px 8px;border:2px solid var(--dark);box-shadow:2px 2px 0 var(--dark)}.home-lovable-match .level-one{background:var(--gold)}.home-lovable-match .level-two{background:var(--green);color:#fff}.home-lovable-match .level-three{background:var(--red);color:#fff}.home-lovable-match .boss{background:var(--brick);color:#fff}.home-lovable-match .enter{font-size:8px;color:var(--red)}
.home-lovable-match .exact-cta-zone{border-top:3px solid var(--dark);padding:68px 0 72px}.home-lovable-match .cta-card{background:#fff;max-width:100%;margin:auto;padding:38px 34px 34px;text-align:center}.home-lovable-match .cta-card h2{margin:0;font-size:19px;line-height:1.55}.home-lovable-match .cta-card p{max-width:510px;margin:14px auto 0;font-size:10px;line-height:1.7;color:var(--muted)}.home-lovable-match .cta-card .arcade-btn{margin-top:26px;min-width:176px}.home-lovable-match .footer-sky{height:220px;background:var(--home-sky);border-top:3px solid var(--dark)}
.home-lovable-match .exact-footer .ground-strip{height:13px;border-top-width:3px}.home-lovable-match .exact-footer .footer-bricks{height:31px;border-bottom-width:3px;background-size:32px 32px;background-position:0 0,16px 0,16px -16px,0 16px}.home-lovable-match .exact-footer .footer-main{padding:48px 0 18px;border-bottom:3px solid var(--dark)}.home-lovable-match .footer-columns{display:grid;grid-template-columns:1.15fr .8fr 1fr;gap:72px;align-items:start}.home-lovable-match .footer-columns h3{margin:0;color:var(--foreground)}.home-lovable-match .footer-title{font-size:10px}.home-lovable-match .footer-label{font-size:8px}.home-lovable-match .footer-columns p,.home-lovable-match .footer-map,.home-lovable-match .footer-email{font-size:9px;line-height:1.7;color:var(--muted)}.home-lovable-match .footer-columns p{margin:14px 0 0}.home-lovable-match .location-line{display:flex;align-items:center;gap:8px}.home-lovable-match .location-line .pixel{font-size:7px;color:var(--foreground)}.home-lovable-match .footer-map{display:flex;flex-direction:column;gap:7px;margin-top:15px}.home-lovable-match .footer-map a:hover{color:var(--red)}.home-lovable-match .footer-email{display:inline-block;margin-top:14px}.home-lovable-match .social-buttons{display:flex;gap:12px;margin-top:15px}.home-lovable-match .social-buttons a{background:#fff;padding:7px 10px;font-size:7px}.home-lovable-match .footer-bottom{border-top:1px solid rgba(26,26,26,.18);margin-top:40px;padding-top:17px;text-align:center;font-size:6px;color:var(--muted)}
/* animation fidelity: hero enters from the sides; level cards rise in a stagger; buttons have the original small arcade press */
.home-lovable-match .level-card{transition:transform .15s ease}.home-lovable-match .level-card:hover{transform:translateY(-4px)}.home-lovable-match .avatar-wrap,.home-lovable-match .hero-copy{will-change:transform,opacity}
body.dark.home-lovable-match .home-world,body.dark.home-lovable-match .exact-hero,body.dark.home-lovable-match .exact-levels,body.dark.home-lovable-match .footer-sky{background:#0f172a}body.dark.home-lovable-match .exact-hero .hero-blob{background:rgba(51,65,85,.45)}body.dark.home-lovable-match .cta-card{background:#1e293b}
@media (max-width:767px){.home-lovable-match .container{width:min(calc(100% - 20px),1024px)}.home-lovable-match .site-header{border-bottom-width:3px}.home-lovable-match .nav-inner{min-height:57px;padding-top:8px;padding-bottom:8px}.home-lovable-match .brand{font-size:8px;padding:7px 9px}.home-lovable-match .mobile-actions{display:flex}.home-lovable-match .mobile-theme,.home-lovable-match .mobile-menu-btn{width:32px;height:32px}.home-lovable-match .mobile-menu-btn{display:flex}.home-lovable-match .hero-blob-a{width:390px;height:380px;left:-235px;top:92px}.home-lovable-match .hero-blob-b{width:330px;height:350px;right:-235px;top:315px}.home-lovable-match .hero-grid{min-height:auto;display:flex;flex-direction:column;gap:58px;padding-top:42px;padding-bottom:58px}.home-lovable-match .hero-copy{width:100%}.home-lovable-match .world-tag{font-size:6px;padding:6px 8px}.home-lovable-match .hero-copy h1{max-width:100%;font-size:23px;line-height:1.5;letter-spacing:-.02em;margin-top:19px}.home-lovable-match .hero-copy h1 span{padding:1px 5px 2px}.home-lovable-match .hero-copy>p{font-size:11px;line-height:1.7;margin-top:18px}.home-lovable-match .hero-buttons{display:grid;grid-template-columns:1fr;gap:9px;margin-top:22px}.home-lovable-match .hero-buttons .arcade-btn{width:100%;min-height:46px;font-size:7px}.home-lovable-match .stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;margin-top:22px}.home-lovable-match .stat:nth-child(3){grid-column:1}.home-lovable-match .stat-value{font-size:10px}.home-lovable-match .stat-label{font-size:7px}.home-lovable-match .stat-icon .icon{width:13px;height:13px}.home-lovable-match .avatar-wrap{max-width:270px;margin-top:5px}.home-lovable-match .floating-blocks{top:-43px;right:18px;gap:7px}.home-lovable-match .floating-blocks div{width:40px;height:40px;font-size:9px}.home-lovable-match .player-card{padding:9px}.home-lovable-match .player-info p:first-child{font-size:8px}.home-lovable-match .player-info p:last-child{font-size:7px}.home-lovable-match .pipe{display:block;left:7px;bottom:-48px}.home-lovable-match .pipe div:first-child{width:64px;height:22px}.home-lovable-match .pipe div:last-child{width:54px;height:44px;margin-left:5px}.home-lovable-match .exact-hero>.ground-strip{margin-top:8px}.home-lovable-match .hero-bricks{height:28px}.home-lovable-match .exact-levels{padding:54px 0 64px}.home-lovable-match .levels-heading h2{font-size:16px}.home-lovable-match .levels-heading p{font-size:9px;line-height:1.65}.home-lovable-match .levels-grid{grid-template-columns:1fr;gap:14px;margin-top:30px}.home-lovable-match .level-card a{min-height:0;padding:17px 16px 18px}.home-lovable-match .level-card h3{font-size:11px}.home-lovable-match .level-card p{font-size:8.5px;line-height:1.65}.home-lovable-match .enter{font-size:7px}.home-lovable-match .exact-cta-zone{padding:54px 0}.home-lovable-match .cta-card{padding:28px 16px 26px}.home-lovable-match .cta-card h2{font-size:15px;line-height:1.55}.home-lovable-match .cta-card p{font-size:8.5px}.home-lovable-match .cta-card .arcade-btn{min-width:0;width:auto;margin-top:22px;font-size:7px}.home-lovable-match .footer-sky{height:78px}.home-lovable-match .exact-footer .footer-main{padding:34px 0 14px}.home-lovable-match .footer-columns{grid-template-columns:1fr;gap:30px}.home-lovable-match .footer-title{font-size:9px}.home-lovable-match .footer-label{font-size:7px}.home-lovable-match .footer-columns p,.home-lovable-match .footer-map,.home-lovable-match .footer-email{font-size:8px}.home-lovable-match .location-line .pixel{font-size:6px}.home-lovable-match .social-buttons a{font-size:6px}.home-lovable-match .footer-bottom{margin-top:28px;padding-top:14px;font-size:5px;line-height:1.6}.home-lovable-match .cloud{display:none}}
@media (min-width:768px){.home-lovable-match .mobile-actions{display:none}.home-lovable-match .desktop-nav,.home-lovable-match .nav-actions{display:flex}.home-lovable-match .mobile-panel,.home-lovable-match .mobile-menu-btn{display:none}.home-lovable-match .cloud{display:block}.home-lovable-match .pipe{display:block}}
@media (min-width:768px) and (max-width:1100px){.home-lovable-match .hero-grid{grid-template-columns:minmax(0,1fr) 280px;gap:44px}.home-lovable-match .hero-copy h1{font-size:37px}.home-lovable-match .footer-columns{gap:38px}}
@media (prefers-reduced-motion:reduce){.home-lovable-match .hero-blob,.home-lovable-match .cloud{animation:none!important}}

/* Desktop fix: remove the intentionally empty sky band above the Home footer. */
@media (min-width:768px){
  .home-lovable-match .footer-sky{display:none}
}

/* =====================================================================
   MOBILE HOME — pixel-perfect reconstruction from the user's segmented
   Photoshop/Lovable mobile reference screenshots. Desktop is untouched.
   ===================================================================== */
.home-lovable-match .mobile-only-break{display:none}

@media (max-width:767px){
  /* --- MOBILE HEADER --- */
  .home-lovable-match .container{width:calc(100% - 32px);max-width:none}
  .home-lovable-match .site-header{border-bottom:4px solid var(--dark)}
  .home-lovable-match .nav-inner{min-height:62px;padding:11px 0}
  .home-lovable-match .brand{
    font-size:9px;
    line-height:1;
    padding:11px 13px 10px;
    border-width:3px;
    box-shadow:5px 5px 0 var(--shadow)
  }
  .home-lovable-match .mobile-actions{gap:0}
  .home-lovable-match .mobile-theme{display:none!important}
  .home-lovable-match .mobile-menu-btn{
    width:42px;height:42px;
    border-width:3px;
    box-shadow:5px 5px 0 var(--shadow);
    background:var(--gold)
  }
  .home-lovable-match .mobile-menu-btn .icon{width:20px;height:20px}
  .home-lovable-match .mobile-panel.open{border-top-width:4px}
  .home-lovable-match .mobile-panel.open .mobile-nav{padding:18px 16px 20px;gap:10px}
  .home-lovable-match .mobile-link,.home-lovable-match .mobile-book{font-size:8px;padding:12px}

  /* --- HERO --- */
  .home-lovable-match .exact-hero{overflow:hidden}
  .home-lovable-match .hero-blob-a{
    width:470px;height:470px;left:-235px;top:95px;
    background:rgba(123,190,242,.34)
  }
  .home-lovable-match .hero-blob-b{
    width:430px;height:430px;right:-250px;top:370px;
    background:rgba(123,190,242,.28)
  }
  .home-lovable-match .hero-grid{
    display:block;
    min-height:0;
    padding-top:64px;
    padding-bottom:66px
  }
  .home-lovable-match .hero-copy{width:100%;max-width:none}
  .home-lovable-match .world-tag{
    font-size:7px;
    line-height:1.45;
    padding:9px 11px 8px;
    border-width:3px;
    box-shadow:5px 5px 0 var(--shadow)
  }
  .home-lovable-match .mobile-only-break{display:inline}
  .home-lovable-match .hero-copy h1{
    max-width:100%;
    margin-top:31px;
    font-size:clamp(20px,6.05vw,24px);
    line-height:1.42;
    letter-spacing:-.015em
  }
  .home-lovable-match .hero-copy h1 span{
    padding:1px 6px 3px;
    box-decoration-break:clone;
    -webkit-box-decoration-break:clone
  }
  .home-lovable-match .hero-copy>p{
    max-width:none;
    margin-top:34px;
    font-size:clamp(12.5px,3.55vw,14px);
    line-height:1.83;
    color:#4b5568
  }
  .home-lovable-match .hero-buttons{
    display:grid;
    grid-template-columns:1fr;
    gap:14px;
    margin-top:39px
  }
  .home-lovable-match .hero-buttons .arcade-btn{
    width:100%;
    min-height:56px;
    padding:14px 18px;
    font-size:clamp(8px,2.45vw,10px);
    border-width:3px;
    box-shadow:6px 6px 0 var(--shadow)
  }
  .home-lovable-match .hero-buttons .arcade-btn .icon{width:18px;height:18px}
  .home-lovable-match .stats{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:22px;
    row-gap:31px;
    margin-top:42px
  }
  .home-lovable-match .stat{gap:10px;align-items:flex-start}
  .home-lovable-match .stat:nth-child(3){grid-column:1}
  .home-lovable-match .stat-icon{margin-top:2px}
  .home-lovable-match .stat-icon .icon{width:18px;height:18px}
  .home-lovable-match .stat-value{font-size:clamp(12px,3.8vw,15px);line-height:1.2}
  .home-lovable-match .stat-label{margin-top:5px;font-size:clamp(9px,2.65vw,10.5px);line-height:1.35}
  .home-lovable-match .cloud{display:none!important}
  .home-lovable-match .avatar-wrap,.home-lovable-match .floating-blocks,.home-lovable-match .pipe{display:none!important}

  /* ground exactly separates Hero and level selection */
  .home-lovable-match .exact-hero>.ground-strip{
    margin-top:0;
    height:16px;
    border-top:4px solid var(--dark)
  }
  .home-lovable-match .hero-bricks{
    height:37px;
    border-bottom:4px solid var(--dark);
    background-size:36px 36px;
    background-position:0 0,18px 0,18px -18px,0 18px
  }

  /* --- CHOOSE YOUR LEVEL --- */
  .home-lovable-match .exact-levels{padding:78px 0 30px}
  .home-lovable-match .levels-heading{max-width:none;text-align:left}
  .home-lovable-match .levels-heading h2{
    font-size:clamp(16px,4.7vw,18px);
    line-height:1.45
  }
  .home-lovable-match .levels-heading p{
    max-width:100%;
    margin-top:22px;
    font-size:clamp(11.5px,3.45vw,13px);
    line-height:1.75;
    color:#525266
  }
  .home-lovable-match .levels-grid{
    grid-template-columns:1fr;
    gap:24px;
    margin-top:52px
  }
  .home-lovable-match .level-card{
    border-width:4px;
    box-shadow:6px 6px 0 var(--shadow)
  }
  .home-lovable-match .level-card a{
    min-height:202px;
    padding:25px 24px 24px
  }
  .home-lovable-match .level-no{
    font-size:8px;
    line-height:1;
    padding:8px 10px 7px;
    border-width:3px;
    box-shadow:4px 4px 0 var(--shadow)
  }
  .home-lovable-match .level-card h3{
    margin-top:27px;
    font-size:clamp(12px,3.65vw,14px);
    line-height:1.35;
    color:var(--foreground)
  }
  .home-lovable-match .level-card p{
    margin-top:24px;
    font-size:clamp(10.5px,3.2vw,12px);
    line-height:1.75;
    color:#525260
  }
  .home-lovable-match .enter{
    margin-top:28px;
    font-size:clamp(8px,2.75vw,10px);
    gap:9px;
    color:var(--red)
  }
  .home-lovable-match .enter .icon{width:18px;height:18px}

  /* --- FINAL CTA --- */
  .home-lovable-match .exact-cta-zone{
    border-top:4px solid var(--dark);
    padding:69px 0 86px
  }
  .home-lovable-match .cta-card{
    width:100%;
    padding:34px 25px 35px;
    border-width:4px;
    box-shadow:6px 6px 0 var(--shadow)
  }
  .home-lovable-match .cta-card h2{
    font-size:clamp(15px,4.35vw,17px);
    line-height:1.55
  }
  .home-lovable-match .cta-card p{
    max-width:320px;
    margin:25px auto 0;
    font-size:clamp(11px,3.4vw,13px);
    line-height:1.75;
    color:#555564
  }
  .home-lovable-match .cta-card .arcade-btn{
    width:auto;
    min-width:0;
    min-height:50px;
    margin-top:32px;
    padding:13px 19px;
    font-size:clamp(8px,2.6vw,10px);
    border-width:3px;
    box-shadow:5px 5px 0 var(--shadow)
  }
  .home-lovable-match .footer-sky{display:none!important}

  /* --- FOOTER --- */
  .home-lovable-match .exact-footer .ground-strip{
    height:16px;
    border-top:4px solid var(--dark)
  }
  .home-lovable-match .exact-footer .footer-bricks{
    height:38px;
    border-bottom:4px solid var(--dark);
    background-size:36px 36px;
    background-position:0 0,18px 0,18px -18px,0 18px
  }
  .home-lovable-match .exact-footer .footer-main{
    padding:49px 0 19px;
    border-bottom:4px solid var(--dark);
    background-color:#fff;
    background-image:
      linear-gradient(45deg,#f1f1f1 25%,transparent 25%),
      linear-gradient(-45deg,#f1f1f1 25%,transparent 25%),
      linear-gradient(45deg,transparent 75%,#f1f1f1 75%),
      linear-gradient(-45deg,transparent 75%,#f1f1f1 75%);
    background-size:24px 24px;
    background-position:0 0,0 12px,12px -12px,-12px 0
  }
  .home-lovable-match .footer-columns{
    grid-template-columns:1fr;
    gap:48px
  }
  .home-lovable-match .footer-title{font-size:11px;line-height:1.4}
  .home-lovable-match .footer-label{font-size:9px;line-height:1.4}
  .home-lovable-match .footer-columns p{
    margin-top:22px;
    font-size:clamp(11.5px,3.3vw,12.5px);
    line-height:1.8;
    color:#51515e
  }
  .home-lovable-match .location-line{margin-top:21px!important;gap:11px}
  .home-lovable-match .location-line .status-dot{width:8px;height:16px;border-radius:50%;border:2px solid var(--dark);background:var(--gold)}
  .home-lovable-match .location-line .pixel{font-size:8px;line-height:1.6;color:var(--foreground)}
  .home-lovable-match .footer-map{
    gap:18px;
    margin-top:22px;
    font-size:clamp(11.5px,3.3vw,12.5px);
    line-height:1.45;
    color:var(--foreground)
  }
  .home-lovable-match .footer-email{
    margin-top:22px;
    font-size:clamp(11.5px,3.3vw,12.5px);
    line-height:1.5;
    color:var(--foreground)
  }
  .home-lovable-match .social-buttons{gap:14px;margin-top:24px}
  .home-lovable-match .social-buttons a{
    padding:10px 13px;
    font-size:8px;
    border-width:3px;
    box-shadow:4px 4px 0 var(--shadow)
  }
  .home-lovable-match .footer-bottom{
    margin-top:47px;
    padding:22px 0 4px;
    border-top:4px solid var(--dark);
    font-size:7px;
    line-height:1.85;
    color:#5a5a68
  }
}

/* Tiny-phone correction: preserve the composition instead of scaling it down blindly. */
@media (max-width:360px){
  .home-lovable-match .container{width:calc(100% - 28px)}
  .home-lovable-match .hero-grid{padding-top:55px;padding-bottom:58px}
  .home-lovable-match .world-tag{font-size:6.3px;padding:8px 9px 7px}
  .home-lovable-match .hero-copy h1{font-size:20px}
  .home-lovable-match .hero-copy>p{font-size:12.5px}
  .home-lovable-match .hero-buttons .arcade-btn{font-size:8px}
  .home-lovable-match .level-card a{padding-left:21px;padding-right:21px}
  .home-lovable-match .cta-card{padding-left:20px;padding-right:20px}
}

/* =====================================================================
   FULL-SCREEN HERO — keep the Home hero at least one complete viewport
   tall on every device. Dynamic viewport units account for mobile browser
   chrome; content is never clipped if a short screen needs more space.
   ===================================================================== */
.home-lovable-match .exact-hero{
  min-height:calc(100vh - 61px);
  min-height:calc(100svh - 61px);
  min-height:calc(100dvh - 61px);
  display:flex;
  flex-direction:column;
}
.home-lovable-match .exact-hero .hero-grid{
  flex:1 0 auto;
}

@media (max-width:767px){
  .home-lovable-match .exact-hero{
    min-height:calc(100vh - 66px);
    min-height:calc(100svh - 66px);
    min-height:calc(100dvh - 66px);
  }
  .home-lovable-match .exact-hero .hero-grid{
    flex:1 0 auto;
  }
}

/* =====================================================================
   MOBILE HERO STATS VISIBILITY FIX
   Keep the three stat items fully visible inside the full-screen Hero.
   This only tightens the vertical space around the stats on phones.
   ===================================================================== */
@media (max-width:767px){
  .home-lovable-match .hero-grid{
    padding-bottom:28px;
  }
  .home-lovable-match .stats{
    margin-top:24px;
    row-gap:24px;
  }
}

/* Short phones need a little more vertical compression so the last stat
   never gets cut by the ground strip / viewport edge. */
@media (max-width:767px) and (max-height:760px){
  .home-lovable-match .hero-grid{
    padding-top:46px;
    padding-bottom:18px;
  }
  .home-lovable-match .hero-copy h1{margin-top:24px}
  .home-lovable-match .hero-copy>p{margin-top:25px}
  .home-lovable-match .hero-buttons{margin-top:27px}
  .home-lovable-match .stats{
    margin-top:18px;
    row-gap:18px;
  }
}

/* MOBILE: tiny visual nudge requested for the Hero stats only. */
@media (max-width:767px){
  .home-lovable-match .stats{transform:translateY(6px)}
}

/* Keep the yellow highlight only on the actual 'play to win' text.
   Mobile line-break spans must stay transparent so no yellow block appears beside 'build'. */
.home-lovable-match .hero-copy h1 > span:not(.mobile-only-break){background:var(--gold)!important;}
.home-lovable-match .hero-copy h1 .mobile-only-break{background:transparent!important;padding:0!important;}