@media (max-width: 1080px) {
	.header-actions {
		display: none;
	}

	.site-header__inner {
		gap: 14px;
	}

	.hero-grid,
	.app-grid {
		grid-template-columns: 1fr;
	}

	.lobby-visual {
		max-width: 620px;
		width: 100%;
	}

	.game-grid,
	.promo-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.footer-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 860px) {
	body {
		padding-bottom: 92px;
	}

	.top-bar__inner {
		align-items: flex-start;
		flex-direction: column;
		gap: 4px;
		padding: 8px 0;
	}

	.top-bar__left,
	.top-bar__right {
		flex-wrap: wrap;
		gap: 10px;
	}

	.site-header__inner {
		min-height: 68px;
	}

	.primary-nav {
		position: fixed;
		inset: 92px 12px auto 12px;
		display: none;
		padding: 14px;
		border: 1px solid rgba(41, 230, 255, 0.22);
		border-radius: var(--radius);
		background:
			linear-gradient(135deg, rgba(8, 18, 44, 0.96), rgba(22, 11, 44, 0.98)),
			rgba(13, 13, 16, 0.98);
		box-shadow: 0 30px 90px rgba(0, 0, 0, 0.6), 0 0 36px rgba(36, 124, 255, 0.16), 0 0 30px rgba(140, 92, 255, 0.12);
	}

	.primary-nav.is-open {
		display: block;
	}

	.primary-nav__list {
		display: grid;
		gap: 10px;
		justify-content: stretch;
	}

	.primary-nav a {
		display: block;
		min-height: 48px;
		padding: 13px 14px;
		border: 1px solid rgba(255, 255, 255, 0.08);
		border-radius: var(--radius);
		background: linear-gradient(90deg, rgba(41, 230, 255, 0.08), rgba(140, 92, 255, 0.08));
	}

	.menu-toggle {
		display: block;
		margin-left: auto;
	}

	.hero-section {
		padding: 50px 0 38px;
	}

	.hero-stats,
	.quick-grid,
	.feature-grid,
	.support-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.section-heading--split {
		align-items: flex-start;
		flex-direction: column;
	}

	.mobile-cta {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 100;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
		padding: 12px 14px calc(12px + env(safe-area-inset-bottom));
		border-top: 1px solid rgba(41, 230, 255, 0.18);
		background:
			linear-gradient(90deg, rgba(36, 124, 255, 0.14), rgba(8, 8, 18, 0.96), rgba(140, 92, 255, 0.12)),
			rgba(8, 8, 9, 0.96);
		backdrop-filter: blur(16px);
	}

	.mobile-cta .btn {
		min-height: 50px;
		padding-inline: 10px;
	}
}

@media (max-width: 640px) {
	.container {
		width: min(100% - 24px, var(--container));
	}

	h1 {
		font-size: clamp(2.7rem, 15vw, 4.3rem);
	}

	.home-section {
		padding: 60px 0;
	}

	.brand__name {
		font-size: 1.08rem;
	}

	.brand--image .custom-logo {
		max-width: 112px;
		max-height: 40px;
	}

	.brand__mark {
		width: 38px;
		height: 38px;
	}

	.brand {
		min-height: 48px;
		padding-right: 8px;
	}

	.lobby-panel {
		padding: 16px;
		border-radius: 14px;
		outline-offset: -5px;
	}

	.section-glow::before {
		opacity: 0.78;
	}

	.lobby-mini-grid,
	.hero-stats,
	.quick-grid,
	.game-grid,
	.promo-grid,
	.feature-grid,
	.support-grid,
	.footer-grid {
		grid-template-columns: 1fr;
	}

	.game-card,
	.promo-card,
	.feature-card,
	.support-card,
	.quick-card,
	.content-frame,
	.error-frame,
	.support-panel {
		padding: 20px;
	}

	.quick-card {
		grid-template-columns: 48px minmax(0, 1fr);
		min-height: 112px;
	}

	.game-card {
		min-height: auto;
	}

	.game-card__visual {
		min-height: 78px;
		margin-bottom: 18px;
	}

	.game-card p,
	.promo-card p,
	.feature-card p {
		min-height: 0;
	}

	.download-list a {
		flex: 1 1 100%;
	}

	.phone-frame {
		width: min(270px, 100%);
	}

	.phone-screen {
		min-height: 360px;
	}

	.site-footer {
		padding-bottom: 142px;
	}
}

@media (max-width: 420px) {
	.top-bar {
		font-size: 0.78rem;
	}

	.brand__name {
		font-size: 1rem;
	}

	.brand--image .custom-logo {
		max-width: 92px;
	}

	.button-row .btn {
		flex: 1 1 100%;
	}

	.hero-stats {
		gap: 10px;
	}

	.hero-stats div {
		padding: 11px 13px;
	}

	.hero-stats strong {
		font-size: 1.05rem;
	}
}