@media (max-width: 700px) {
  :root {
    --mobile-edge: clamp(1.15rem, 4.4vw, 1.55rem);
    --mobile-card: rgba(8, 8, 8, 0.78);
    --mobile-line: rgba(248, 248, 244, 0.26);
  }

  html,
  body {
    min-height: 100%;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: #020202;
  }

  body {
    background:
      radial-gradient(circle at 50% 18%, rgba(255,255,255,0.055), transparent 18rem),
      linear-gradient(180deg, #000 0%, #030303 60%, #000 100%) !important;
  }

  .noise {
    opacity: 0.055;
  }

  .ticker-bg {
    inset: 0 !important;
    display: grid !important;
    grid-template-rows: repeat(8, 1fr) !important;
    gap: clamp(0.03rem, 0.18vw, 0.08rem) !important;
    opacity: 0.04 !important;
  }

  .ticker-row {
    width: 100% !important;
    font-size: initial !important;
    word-spacing: 0 !important;
  }

  .ticker-row span {
    font-family: var(--font-logo);
    font-size: clamp(4.6rem, 22vw, 8.4rem);
    line-height: 0.78;
    word-spacing: -0.36em;
  }

  .page-shell {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    width: min(100%, 560px) !important;
    height: auto !important;
    min-height: 100svh !important;
    flex-direction: column !important;
    overflow: visible !important;
    margin: 0 auto !important;
    padding:
      max(2.45rem, calc(env(safe-area-inset-top) + 1.35rem))
      var(--mobile-edge)
      max(1.2rem, env(safe-area-inset-bottom)) !important;
  }

  .site-header,
  .takeover-top,
  .section-label,
  .spot-frame,
  .stats-grid,
  .battle-actions,
  .technical-reset,
  .site-footer {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
  }

  .site-header {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    gap: 0.9rem !important;
    width: 100% !important;
    margin: 0 0 0.85rem !important;
  }

  .brand {
    display: block !important;
    width: clamp(7.1rem, 30vw, 8.2rem) !important;
  }

  .nav-links {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto !important;
    align-items: stretch !important;
    gap: 0.42rem !important;
  }

  .nav-links button {
    min-height: 2.55rem !important;
    border: 1px solid var(--mobile-line) !important;
    border-radius: 8px !important;
    background: rgba(8,8,8,0.7) !important;
    padding: 0.18rem 0.38rem 0 !important;
    color: var(--text) !important;
    font-size: clamp(0.56rem, 2.45vw, 0.74rem) !important;
    line-height: 1 !important;
    text-align: center !important;
  }

  .telegram-menu {
    width: 2.55rem !important;
  }

  .telegram-link {
    width: 2.55rem !important;
    height: 2.55rem !important;
    border: 1px solid var(--mobile-line) !important;
    border-radius: 8px !important;
    background: rgba(8,8,8,0.7) !important;
  }

  .telegram-dropdown {
    left: auto !important;
    right: 0 !important;
  }

  .hero {
    display: flex !important;
    width: 100% !important;
    flex-direction: column !important;
  }

  .section-label {
    order: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.8rem !important;
    width: 100% !important;
    margin: 0.78rem 0 0.48rem !important;
    font-size: 0.82rem !important;
  }

  .section-label span {
    width: auto !important;
    height: auto !important;
    background: transparent !important;
  }

  .section-label::after {
    content: "One spot. Infinite attention.";
    max-width: 8rem;
    text-align: right;
    color: var(--text);
    font-size: clamp(0.56rem, 2.25vw, 0.74rem);
    line-height: 1.12;
    text-transform: lowercase;
  }

  .spot-frame {
    order: 2 !important;
    display: grid !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3 / 4 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    place-items: center !important;
    border: 1px solid var(--mobile-line) !important;
    border-radius: 8px !important;
    background:
      linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px),
      rgba(8,8,8,0.82) !important;
    background-size: 22px 22px !important;
    box-shadow: inset 0 0 60px rgba(0,0,0,0.58), 0 26px 60px rgba(0,0,0,0.5) !important;
  }

  .corner {
    display: none !important;
  }

  .spot-surface {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .spot-surface::before {
    background:
      repeating-linear-gradient(90deg, transparent 0 24px, rgba(255,54,54,0.22) 25px 26px),
      repeating-linear-gradient(0deg, transparent 0 24px, rgba(255,54,54,0.18) 25px 26px) !important;
    opacity: 0;
  }

  .spot-surface.under-attack::before {
    opacity: 1 !important;
  }

  .spot-media {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .spot-media.is-mobile-poster {
    inset: 0 !important;
    height: 100% !important;
    object-fit: cover !important;
    filter: none !important;
  }

  .spot-copy {
    width: 88% !important;
  }

  .spot-copy h1 {
    font-size: clamp(2.05rem, 10.6vw, 4rem) !important;
    line-height: 0.9 !important;
    text-align: center !important;
  }

  .spot-copy button,
  .takeover-top {
    border: 1px solid var(--text) !important;
    border-radius: 8px !important;
    background: var(--text) !important;
    color: #050505 !important;
    box-shadow: 0 0 0 rgba(255, 255, 255, 0) !important;
    animation: claim-pulse 2.4s ease-in-out infinite !important;
  }

  .spot-copy button {
    width: min(9.4rem, 42vw) !important;
    min-width: 8.4rem !important;
    min-height: 3.08rem !important;
    padding: 0.92rem 0.95rem !important;
    font-size: 0.78rem !important;
  }

  .battle-overlay {
    padding: 1rem !important;
    color: var(--red) !important;
    background:
      radial-gradient(circle at 50% 46%, rgba(255,54,54,0.18), transparent 42%),
      linear-gradient(90deg, rgba(255,54,54,0.08), transparent 20%, transparent 80%, rgba(255,54,54,0.08)),
      repeating-linear-gradient(90deg, transparent 0 24px, rgba(255,54,54,0.22) 25px 26px),
      repeating-linear-gradient(0deg, transparent 0 24px, rgba(255,54,54,0.18) 25px 26px),
      rgba(0,0,0,0.42) !important;
  }

  .battle-panel {
    gap: 0.78rem !important;
  }

  .battle-panel h3 {
    font-size: clamp(1.7rem, 8vw, 3.2rem) !important;
    line-height: 0.95 !important;
  }

  .battle-versus {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.3rem !important;
    width: 100% !important;
  }

  .battle-versus strong {
    color: var(--text) !important;
    font-family: var(--font-logo) !important;
    font-size: clamp(1rem, 4.5vw, 1.85rem) !important;
    overflow-wrap: anywhere !important;
  }

  .battle-versus span {
    color: var(--red) !important;
    font-family: var(--font-logo) !important;
    font-size: 1.6rem !important;
  }

  .battle-timer {
    width: clamp(12.8rem, 58vw, 17.4rem) !important;
    min-width: clamp(12.8rem, 58vw, 17.4rem) !important;
    border: 1px solid rgba(255,54,54,0.3) !important;
    border-radius: 8px !important;
    background: rgba(0,0,0,0.28) !important;
    padding: 0.22rem 0.8rem !important;
    font-size: clamp(2rem, 10vw, 3.4rem) !important;
  }

  .takeover-top {
    order: 3 !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: grid !important;
    width: 100% !important;
    min-height: 3.65rem !important;
    place-items: center !important;
    margin: 0.78rem 0 0 !important;
    padding: 0.18rem 0.98rem 0 !important;
    transform: none !important;
    font-size: clamp(0.95rem, 4.4vw, 1.24rem) !important;
    line-height: 1 !important;
  }

  .takeover-top .button-arrow {
    display: none !important;
  }

  .takeover-top.is-owned,
  .takeover-top.is-battle {
    border-color: rgba(248, 248, 244, 0.38) !important;
    background: rgba(8, 8, 8, 0.28) !important;
    color: rgba(248, 248, 244, 0.54) !important;
    box-shadow: none !important;
    animation: none !important;
  }

  .takeover-top.is-battle {
    border-color: rgba(255, 54, 54, 0.64) !important;
    background: rgba(255, 54, 54, 0.06) !important;
    color: var(--red) !important;
  }

  .stats-grid {
    order: 4 !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: grid !important;
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: 1fr !important;
    gap: 0.48rem !important;
    margin: 0.64rem 0 0.86rem !important;
    padding: 0 !important;
  }

  .stats-grid .stat-card,
  .stats-grid .stat-card.is-open {
    height: auto !important;
    min-height: 5.35rem !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0.34rem !important;
    overflow: hidden !important;
    border: 1px solid var(--mobile-line) !important;
    border-radius: 8px !important;
    background:
      linear-gradient(135deg, rgba(248,248,244,0.05), rgba(248,248,244,0.015)),
      var(--mobile-card) !important;
    padding: 0.64rem 0.78rem !important;
    transform: none !important;
    box-shadow: none !important;
  }

  .stats-grid .stat-card::after {
    content: none !important;
  }

  .stats-grid .stat-card h2,
  .stats-grid .stat-card strong,
  .stats-grid .stat-card p {
    position: static !important;
    inset: auto !important;
    display: block !important;
    min-height: 0 !important;
    margin: 0 !important;
    opacity: 1 !important;
    transform: none !important;
    text-align: left !important;
  }

  .stats-grid .stat-card h2 {
    color: var(--muted) !important;
    font-size: clamp(0.62rem, 2.45vw, 0.78rem) !important;
    line-height: 1 !important;
  }

  .stats-grid .stat-card strong,
  .stats-grid .owner-card strong {
    max-width: 100% !important;
    color: var(--text) !important;
    font-family: var(--font-main) !important;
    font-size: clamp(1.18rem, 5.7vw, 1.88rem) !important;
    line-height: 0.98 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  .stats-grid .stat-card strong.money,
  .stats-grid .stat-card strong.number {
    font-family: var(--font-number) !important;
    font-size: clamp(1.55rem, 7.4vw, 2.25rem) !important;
    white-space: nowrap !important;
  }

  .stats-grid .stat-card p {
    color: var(--muted) !important;
    font-size: clamp(0.66rem, 2.55vw, 0.82rem) !important;
    line-height: 1.15 !important;
  }

  .battle-actions {
    order: 5 !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    display: grid !important;
    width: 100% !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0.52rem !important;
    margin: 0.1rem 0 0 !important;
  }

  .battle-actions button {
    min-height: 3.25rem !important;
    border-radius: 8px !important;
  }

  .technical-reset {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    align-self: flex-start !important;
    min-height: 2.55rem !important;
    margin: 1rem 0 0 !important;
    border-radius: 8px !important;
    padding: 0.12rem 0.9rem 0 !important;
    font-size: 0.72rem !important;
  }

  .site-footer {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    margin: 1.05rem 0 0 !important;
    font-size: clamp(0.78rem, 3.5vw, 1rem) !important;
    line-height: 1.2 !important;
  }

  .modal {
    width: calc(100vw - 1.4rem) !important;
    max-height: calc(100svh - 1.4rem) !important;
    border-radius: 8px !important;
    padding: 1.55rem 1.05rem 2.2rem !important;
  }

  .modal-close,
  .takeover-form input,
  .wallet-button,
  .terms-link,
  .modal-action,
  .crop-button {
    border-radius: 8px !important;
  }
}