/* Mobile home — meat74-style layout (≤991.98px) */

.b16-mobile-home {
	display: none;
}

@media (max-width: 991.98px) {
	.b16-layout--home .b16-home__desktop {
		display: none !important;
	}

	.b16-mobile-home {
		display: flex;
		flex-direction: column;
		gap: 12px;
		padding: 4px 0 8px;
	}

	.b16-mhome-card {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		width: 100%;
		padding: 16px;
		border: 0;
		border-radius: 16px;
		background: #1a1a22;
		text-align: left;
		text-decoration: none !important;
		color: #fff;
		cursor: pointer;
	}

	.b16-mhome-card__title {
		display: block;
		font-size: 16px;
		font-weight: 800;
		line-height: 1.2;
		margin-bottom: 4px;
	}

	.b16-mhome-card__sub {
		display: block;
		font-size: 12px;
		font-weight: 500;
		color: rgba(255, 255, 255, 0.5);
		line-height: 1.35;
	}

	.b16-mhome-card__art {
		flex-shrink: 0;
		width: 52px;
		height: 52px;
		border-radius: 14px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		font-size: 28px;
		background: rgba(124, 92, 255, 0.15);
		color: #a78bfa;
	}

	.b16-mhome-card--missions .b16-mhome-card__art {
		background: rgba(59, 130, 246, 0.18);
		color: #60a5fa;
	}

	.b16-mhome-card--rules .b16-mhome-card__art {
		background: rgba(255, 255, 255, 0.06);
		color: #e5e7eb;
	}

	.b16-mhome-card--casino {
		position: relative;
		min-height: 92px;
		padding: 16px 16px 14px;
		overflow: hidden;
		border-color: rgba(192, 132, 252, 0.28);
	}

	.b16-mhome-card__casino-img {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center 30%;
		opacity: 0.55;
	}

	.b16-mhome-card__casino-shade {
		position: absolute;
		inset: 0;
		background: linear-gradient(90deg, rgba(10, 8, 18, 0.92) 0%, rgba(10, 8, 18, 0.55) 100%);
	}

	.b16-mhome-card--casino .b16-mhome-card__text {
		position: relative;
		z-index: 1;
	}

	.b16-mhome-card__age {
		display: inline-block;
		margin-left: 6px;
		padding: 1px 6px;
		border-radius: 6px;
		border: 1px solid rgba(251, 191, 36, 0.45);
		color: #fbbf24;
		font-style: normal;
		font-size: 11px;
		font-weight: 800;
		vertical-align: middle;
	}

	.b16-mhome-card__btn {
		flex-shrink: 0;
		padding: 10px 14px;
		border: 0;
		border-radius: 12px;
		font-size: 12px;
		font-weight: 700;
		cursor: pointer;
	}

	.b16-mhome-card__btn--voice {
		background: #22c55e;
		color: #04140a;
	}

	.b16-mhome-card--cshost {
		position: relative;
		overflow: hidden;
		border: 1px solid rgba(124, 92, 255, 0.28);
		background:
			radial-gradient(ellipse 70% 140% at 0% 50%, rgba(124, 92, 255, 0.22), transparent 55%),
			linear-gradient(135deg, #1a1a24 0%, #14141c 100%);
	}

	.b16-mhome-card--cshost .b16-mhome-card__title {
		letter-spacing: 0.14em;
		color: #c4b5fd;
	}

	.b16-mhome-card__btn--cshost {
		background: linear-gradient(135deg, #7c5cff 0%, #5b8cff 100%);
		color: #fff;
		box-shadow: 0 4px 14px rgba(124, 92, 255, 0.35);
	}

	.b16-mhome-modes {
		margin: 2px -4px 0;
	}

	.b16-mhome-modes__track {
		display: flex;
		gap: 12px;
		overflow-x: auto;
		padding: 2px 4px 8px;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.b16-mhome-modes__track::-webkit-scrollbar {
		display: none;
	}

	.b16-mhome-mode {
		position: relative;
		flex: 0 0 148px;
		max-width: 148px;
		min-height: 0;
		height: auto;
		aspect-ratio: 9 / 16;
		border: 0;
		border-radius: 16px;
		overflow: hidden;
		padding: 0;
		display: block;
		scroll-snap-align: start;
		background: #0e0e12;
		cursor: pointer;
		isolation: isolate;
	}

	.b16-mhome-mode__media {
		position: absolute;
		inset: 0;
		background: #0e0e12;
	}

	.b16-mhome-mode__img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center center;
	}

	.b16-mhome-mode__online,
	.b16-mhome-mode__title {
		position: relative;
		z-index: 1;
	}

	.b16-mhome-mode__online {
		position: absolute;
		top: 8px;
		left: 8px;
		display: inline-flex;
		align-items: center;
		gap: 6px;
		padding: 4px 8px;
		border-radius: 999px;
		background: rgba(0, 0, 0, 0.55);
		font-size: 11px;
		font-weight: 700;
		color: #fff;
	}

	.b16-mhome-mode__dot {
		width: 7px;
		height: 7px;
		border-radius: 50%;
		background: #22c55e;
		box-shadow: 0 0 8px rgba(34, 197, 94, 0.8);
	}

	.b16-mhome-mode__title {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 28px 10px 10px;
		font-size: 12px;
		font-weight: 900;
		color: #fff;
		text-transform: uppercase;
		line-height: 1.2;
		background: linear-gradient(180deg, transparent 0%, rgba(8, 8, 12, 0.85) 100%);
	}

	.b16-mhome-actions {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 10px;
	}

	.b16-mhome-action {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 8px;
		padding: 14px 8px;
		border-radius: 16px;
		background: #1a1a22;
		text-decoration: none !important;
		color: #fff;
	}

	.b16-mhome-action__icon {
		width: 48px;
		height: 48px;
		border-radius: 14px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		font-size: 26px;
	}

	.b16-mhome-action__icon--money {
		background: rgba(34, 197, 94, 0.15);
		color: #4ade80;
	}

	.b16-mhome-action__icon--gift {
		background: rgba(59, 130, 246, 0.15);
		color: #60a5fa;
	}

	.b16-mhome-action__icon--case {
		background: rgba(124, 92, 255, 0.15);
		color: #a78bfa;
	}

	.b16-mhome-action__label {
		font-size: 12px;
		font-weight: 700;
	}

	.b16-mhome-stats {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
	}

	.b16-mhome-stat {
		position: relative;
		display: flex;
		align-items: center;
		gap: 10px;
		padding: 14px;
		border: 0;
		border-radius: 16px;
		background: #1a1a22;
		color: #fff;
		cursor: pointer;
		text-align: left;
	}

	.b16-mhome-stat__icon {
		width: 36px;
		height: 36px;
		border-radius: 50%;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		font-size: 18px;
	}

	.b16-mhome-stat__icon--on {
		background: rgba(34, 197, 94, 0.15);
		color: #4ade80;
	}

	.b16-mhome-stat__icon--visit {
		background: rgba(239, 68, 68, 0.15);
		color: #f87171;
	}

	.b16-mhome-stat__label {
		font-size: 13px;
		font-weight: 700;
	}

	.b16-mhome-stat__badge {
		margin-left: auto;
		min-width: 28px;
		padding: 4px 8px;
		border-radius: 999px;
		background: #7c5cff;
		font-size: 12px;
		font-weight: 800;
		text-align: center;
	}

	.b16-mhome-fav,
	.b16-mhome-events {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.b16-mhome-fav__head,
	.b16-mhome-events__head {
		font-size: 13px;
		font-weight: 800;
		color: rgba(255, 255, 255, 0.55);
		text-transform: uppercase;
		letter-spacing: 0.04em;
		display: flex;
		align-items: center;
		gap: 8px;
	}

	.b16-mhome-events__icon {
		width: 28px;
		height: 28px;
		border-radius: 8px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		background: rgba(124, 92, 255, 0.2);
		color: #c4b5fd;
		font-size: 16px;
	}

	.b16-mhome-fav__promo {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		width: 100%;
		padding: 16px;
		border: 0;
		border-radius: 16px;
		background: linear-gradient(135deg, #2a1848 0%, #1a1a22 70%);
		color: #fff;
		text-align: left;
		cursor: pointer;
	}

	.b16-mhome-fav__promo-text strong {
		display: block;
		font-size: 14px;
		font-weight: 800;
		margin-bottom: 4px;
	}

	.b16-mhome-fav__promo-text small {
		font-size: 12px;
		color: rgba(255, 255, 255, 0.5);
	}

	.b16-mhome-fav__promo-art {
		width: 48px;
		height: 48px;
		border-radius: 14px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		background: rgba(239, 68, 68, 0.18);
		color: #f87171;
		font-size: 26px;
	}

	.b16-mhome-fav__list:empty {
		display: none;
	}

	.b16-mhome-fav__list .servers-info-block,
	.b16-mhome-fav__list .b16-home-fav-monitoring .servers-info-block {
		width: 100% !important;
		min-width: 0 !important;
		margin-bottom: 8px;
	}

	.b16-mhome-events__list {
		display: flex;
		flex-direction: column;
		gap: 8px;
	}

	.b16-mhome-events__list .new,
	.b16-mhome-events__list .news,
	.b16-mhome-events__list a {
		display: block;
		padding: 12px 14px;
		border-radius: 14px;
		background: #1a1a22;
		color: #fff;
		text-decoration: none !important;
	}

	.b16-mhome-events__empty {
		padding: 16px;
		border-radius: 14px;
		background: #1a1a22;
		color: rgba(255, 255, 255, 0.45);
		font-size: 13px;
		text-align: center;
	}

	/* Bottom nav order visual: home services rules chat profile — reorder via flex order */
	.b16-mobile-nav {
		display: flex;
	}

	.b16-mobile-nav__item[data-b16-nav="home"] { order: 1; }
	.b16-mobile-nav__item[data-b16-nav="services"] { order: 2; }
	.b16-mobile-nav__item[data-b16-nav="rules"] { order: 3; }
	.b16-mobile-nav__item[data-b16-nav="chat"] { order: 4; }
	.b16-mobile-nav__item[data-b16-nav="profile"] { order: 5; }
}