
/* CityWar v3.1.1 — mobile landing page repair.
   Loaded last so it safely overrides the legacy home rules without affecting desktop. */
@media (max-width: 950px){
  html,body.cw-home{max-width:100%;overflow-x:hidden}
  .cw-home .cw-nav{
    height:auto!important;min-height:62px;padding:10px 14px!important;
    gap:10px!important;flex-wrap:nowrap!important;position:relative!important
  }
  .cw-home .cw-logo{font-size:22px!important;flex:0 0 auto}
  .cw-home .cw-crown{font-size:23px!important;margin-right:5px!important}
  .cw-home .cw-actions{margin-left:auto!important;gap:7px!important;min-width:0}
  .cw-home .cw-login,.cw-home .cw-play{
    height:40px!important;padding:0 13px!important;font-size:10px!important
  }

  .cw-home .cw-hero{height:510px!important;min-height:510px!important}
  .cw-home .cw-hero .cw-art{
    background-size:auto 100%!important;background-position:61% center!important
  }
  .cw-home .cw-hero .cw-overlay{
    background:linear-gradient(180deg,rgba(1,6,10,.58) 0%,rgba(1,6,10,.50) 42%,rgba(1,6,10,.92) 100%)!important
  }
  .cw-home .cw-copy{
    left:18px!important;right:18px!important;top:auto!important;bottom:24px!important;
    width:auto!important;max-width:none!important;text-align:left!important
  }
  .cw-home .cw-kicker{font-size:10px!important;margin-bottom:6px!important}
  .cw-home .cw-copy h1{
    font-size:48px!important;line-height:.9!important;margin-bottom:10px!important;
    white-space:nowrap!important;gap:3px!important
  }
  .cw-home .cw-copy h2{font-size:16px!important;line-height:1.18!important;margin-bottom:9px!important}
  .cw-home .cw-copy p{font-size:12px!important;line-height:1.45!important;margin-bottom:13px!important}
  .cw-home .cw-copy p br{display:none}
  .cw-home .cw-buttons{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .cw-home .cw-buttons>a{width:100%!important;padding:0 9px!important;font-size:10px!important}
  .cw-home .cw-checks{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px 12px!important;
    font-size:9px!important;margin-top:12px!important
  }

  .cw-home .cw-stats{
    width:calc(100% - 24px)!important;margin:12px auto!important;
    grid-template-columns:1fr 1fr!important;border-radius:7px!important;overflow:hidden!important
  }
  .cw-home .cw-stats>div{
    min-width:0!important;padding:12px!important;gap:10px!important;border-bottom:1px solid #29414e
  }
  .cw-home .cw-stats>div:last-child{grid-column:1/-1!important}
  .cw-home .cw-stats strong{font-size:13px!important}
  .cw-home .cw-stats small{font-size:9px!important}
  .cw-home .cw-main{width:calc(100% - 24px)!important}
  .cw-home .cw-features{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;height:auto!important;border-radius:7px!important;overflow:hidden
  }
  .cw-home .cw-features div{
    min-height:112px!important;padding:17px 8px!important;border-bottom:1px solid #263e4b!important
  }
  .cw-home .cw-features div:last-child{grid-column:1/-1!important}
  .cw-home .cw-grid{grid-template-columns:1fr!important;gap:10px!important}
  .cw-home .cw-grid article{min-width:0!important;height:auto!important;min-height:0!important;padding:14px!important}
  .cw-home .cw-shots{grid-template-columns:1fr 1fr!important}
  .cw-home .cw-shots figure{height:130px!important}
  .cw-home .cw-feed p,.cw-home .cw-ranking li{font-size:10px!important}
  .cw-home .cw-cta{margin-top:12px!important;padding:24px 16px!important}
  .cw-home .cw-cta h2{font-size:22px!important}
  .cw-home .cw-footer{gap:14px!important;padding:20px 16px!important}
  .cw-home .cw-footer nav{line-height:2!important}
}

@media (max-width: 520px){
  .cw-home .cw-nav{padding:9px 11px!important}
  .cw-home .cw-logo{font-size:20px!important}
  .cw-home .cw-actions{gap:5px!important}
  .cw-home .cw-login{width:42px!important;padding:0!important;font-size:0!important}
  .cw-home .cw-login::before{content:"♟";font-size:18px!important}
  .cw-home .cw-play{padding:0 10px!important;font-size:9px!important}
  .cw-home .cw-hero{height:500px!important;min-height:500px!important}
  .cw-home .cw-hero .cw-art{background-position:62% center!important}
  .cw-home .cw-copy{left:15px!important;right:15px!important;bottom:20px!important}
  .cw-home .cw-copy h1{font-size:43px!important}
  .cw-home .cw-copy h2{font-size:14px!important;letter-spacing:.8px!important}
  .cw-home .cw-buttons{grid-template-columns:1fr!important}
  .cw-home .cw-buttons>a{height:43px!important}
  .cw-home .cw-checks{font-size:8.5px!important}
  .cw-home .cw-stats{width:calc(100% - 20px)!important}
  .cw-home .cw-main{width:calc(100% - 20px)!important}
}

@media (max-width: 360px){
  .cw-home .cw-logo{font-size:18px!important}
  .cw-home .cw-crown{display:none!important}
  .cw-home .cw-play{padding:0 8px!important}
  .cw-home .cw-copy h1{font-size:38px!important}
  .cw-home .cw-checks{grid-template-columns:1fr!important}
}
