body.is-mobile {
  background: #0f1115 url("../images/uploads/2026-04-13/13b68ff85f31ca68c8107354c9272d7f.jpg") top center no-repeat;
  background-size: 100% auto;
}

body.is-mobile .container {
  width: 100%;
  max-width: 100%;
  padding: 10px;
}

body.is-mobile .header {
  position: sticky;
  top: 0;
}

body.is-mobile .header-inner {
  min-height: 50px;
}

body.is-mobile .brand {
  font-size: 16px;
}

body.is-mobile .pc-brand-sub,
body.is-mobile .pc-main-nav,
body.is-mobile .pc-top-tools,
body.is-mobile .head-user-chip,
body.is-mobile #pc-category-bar,
body.is-mobile .pc-login-wrap,
body.is-mobile .pc-global-side {
  display: none;
}
body.is-mobile .pc-reco-strip {
  display: none;
}

body.is-mobile .pc-frame {
  width: 100%;
  max-width: 100%;
  display: block;
}

body.is-mobile .mobile-only {
  display: inline-flex;
}

body.is-mobile .hero {
  min-height: 132px;
  border-radius: 10px;
}

body.is-mobile .hero-bg {
  height: 140px;
}

body.is-mobile .hero-content h1 {
  font-size: 16px;
}

body.is-mobile .hero-content p {
  font-size: 12px;
}

body.is-mobile .main-tabs {
  display: none;
}

body.is-mobile .layout {
  grid-template-columns: 1fr;
}

body.is-mobile .layout > aside {
  display: none;
}

body.is-mobile .game-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

body.is-mobile .game-cover {
  height: 105px;
}

body.is-mobile .panel {
  border-radius: 10px;
  padding: 10px;
}

body.is-mobile .mobile-nav {
  display: grid;
}