@media(max-width:860px){
  body{background:linear-gradient(180deg,rgba(4,8,15,.86),rgba(4,8,15,.96)),url("../images/home/home-game-poster-bg-mobile.jpg") center top / cover scroll no-repeat,#05080f!important}
  .container{width:calc(100% - 24px)}
  .header-inner{min-height:60px}
  .logo{max-width:calc(100% - 76px)}
  .logo img{width:36px;height:36px}
  .logo-text{font-size:16px;max-width:100%}
  .menu-toggle{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;width:58px;min-height:40px;border:1px solid var(--line-soft);border-radius:13px;background:rgba(255,255,255,.07);color:#fff;font-weight:900}
  .nav{display:none;position:fixed;top:64px;left:12px;right:12px;z-index:100;flex-direction:column;align-items:stretch;gap:8px;padding:12px;background:rgba(5,9,16,.98);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);white-space:normal}
  .nav.open{display:flex}
  .nav a{justify-content:flex-start;min-height:44px;background:rgba(255,255,255,.045)}
  .home-hero-layout{padding:12px 0 12px}
  .home-hero-grid,.quick-grid,.data-hero-card,.data-radar,.home-content-grid,.grid-3,.grid-4,.grid-2,.page-hero-grid,.footer-grid{grid-template-columns:1fr}
  .hero-carousel-panel{height:auto;border-radius:22px}
  .hero-carousel-slide{position:relative;display:none;opacity:1}
  .hero-carousel-slide.active{display:block}
  .hero-carousel-image{position:relative}
  .hero-carousel-image img{height:auto;aspect-ratio:16/10;object-fit:cover}
  .hero-carousel-caption{position:relative;max-width:none;padding:20px;background:linear-gradient(180deg,rgba(5,10,18,.96),rgba(8,15,28,.98))}
  .hero-carousel-caption h1{font-size:26px;line-height:1.22;margin:12px 0 10px}
  .hero-carousel-caption p{font-size:15px;line-height:1.68}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .btn{width:100%}
  .hero-carousel-arrows{display:none}
  .hero-carousel-dots{position:relative;left:auto;bottom:auto;transform:none;justify-content:center;padding:10px 20px 14px;background:rgba(5,9,16,.94)}
  .quick-panel{padding:18px}
  .guide-panel a{min-height:54px}
  .data-hero-section,.data-radar-section,.home-content-section,.section{padding:14px 0}
  .data-hero-card{display:block}
  .data-hero-copy{padding:20px}
  .data-hero-copy h2{font-size:24px}
  .data-hero-visual{min-height:190px}
  .data-radar{padding:16px}
  .radar-card{min-height:96px}
  .home-block{padding:16px}
  .match-row{grid-template-columns:54px 1fr;gap:10px}
  .match-row strong,.match-row em{display:none}
  .news-row{grid-template-columns:96px 1fr;gap:10px}
  .news-row img{width:96px}
  .section-head{display:block;margin-bottom:14px}
  .section-head h2{font-size:23px;line-height:1.25}
  .section-head p{font-size:14px;line-height:1.6}
  .article-card img,.game-card img,.page-cover img,.article-main img.cover{aspect-ratio:16/10}
  .card-body{padding:15px}
  .card-body h3{font-size:18px}
  .page-title{font-size:29px}
  .page-cover img{min-height:0}
  .article-main{padding:18px}
  .article-main h1{font-size:28px}
  .article-main h2{font-size:22px}
  .article-main .lead{font-size:16px}
  .article-layout{display:block}
  .sidebar{position:relative;top:auto;margin-top:16px}
  .related-list a{grid-template-columns:86px 1fr}
  .related-list img{width:86px;height:56px}
  .risk-banner{grid-template-columns:1fr;padding:18px}
}
@media(max-width:430px){.container{width:calc(100% - 22px)}.hero-carousel-caption h1{font-size:25px}}
@media(max-width:380px){.hero-carousel-caption h1{font-size:24px}}

/* FINAL VISIBLE CAROUSEL MOBILE */
@media(max-width:860px){
  .hero-carousel-slide.active{display:block!important}
  .hero-carousel-image{position:relative!important;display:block!important;height:auto!important;min-height:0!important}
  .hero-carousel-image img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/10!important;object-fit:cover!important;opacity:1!important}
  .hero-carousel-caption{position:relative!important;width:auto!important;height:auto!important;padding:20px!important}
}