@media (max-width: 768px) {
	html,
	body {
		width: 100%;
		max-width: 100%;
		overflow-x: hidden;
	}

	body {
		padding-top: 56px;
		padding-bottom: 0;
		min-width: 0;
	}

	.pcgh-main {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		padding-bottom: 0;
	}

	.pcgh-container {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		padding-left: 16px;
		padding-right: 16px;
	}

	.pcgh-header,
	.pcgh-footer,
	.pcgh-layout,
	.pcgh-single__layout,
	.pcgh-community-layout,
	.pcgh-uc-layout,
	.pcgh-home-layout,
	.pcgh-header,
	.pcgh-footer,
	.pcgh-main {
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	.pcgh-header *,
	.pcgh-main *,
	.pcgh-footer * {
		min-width: 0;
	}

	.pcgh-header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 1000;
		transition: transform .25s ease, opacity .2s ease;
		will-change: transform;
	}

	html.pcgh-mobile-scroll-hide-enabled.pcgh-mobile-bars-hidden .pcgh-header {
		transform: translateY(-110%);
		opacity: 0;
		pointer-events: none;
	}

	.pcgh-main > *,
	.pcgh-header > *,
	.pcgh-footer > *,
	img,
	video,
	iframe,
	canvas,
	svg,
	table,
	pre,
	code,
	input,
	select,
	textarea {
		max-width: 100%;
	}

	pre,
	code,
	table {
		overflow-x: auto;
	}

	input,
	select,
	textarea,
	button {
		font-size: 16px;
	}

	.pcgh-header__inner {
		padding-left: 16px;
		padding-right: 16px;
		height: 56px;
		gap: 8px;
		overflow: visible;
	}

	.pcgh-logo {
		flex: 0 0 auto;
	}

	.pcgh-header .pcgh-nav {
		flex: 1 1 auto;
		min-width: 0;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.pcgh-header .pcgh-nav::-webkit-scrollbar {
		display: none;
	}

	.pcgh-header .pcgh-nav__list {
		flex-wrap: nowrap;
		gap: 2px;
		width: max-content;
		min-width: 0;
		white-space: nowrap;
	}

	.pcgh-header .pcgh-nav__list > li {
		flex: 0 0 auto;
	}

	.pcgh-header .pcgh-nav__list > li > a {
		height: 32px;
		padding: 0 9px;
		font-size: 12px;
		border-radius: 7px;
	}

	.pcgh-header .pcgh-nav__list > li.menu-item-has-children > a::after {
		display: none;
	}

	.pcgh-header .pcgh-nav__list > li > .sub-menu {
		display: none;
	}

	.pcgh-header .pcgh-search,
	.pcgh-header .pcgh-header-vip {
		display: none !important;
	}

	.pcgh-header__actions {
		flex: 0 0 auto;
		margin-left: auto;
		gap: 4px;
		white-space: nowrap;
	}

	.pcgh-header__actions .pcgh-icon-btn,
	.pcgh-header__actions .pcgh-avatar {
		width: 40px;
		height: 40px;
		border-radius: 8px;
		flex: 0 0 40px;
		-webkit-tap-highlight-color: transparent;
	}

	.pcgh-header__actions .pcgh-icon-btn:active,
	.pcgh-header__actions .pcgh-icon-btn:focus,
	.pcgh-header__actions .pcgh-avatar:active,
	.pcgh-header__actions .pcgh-avatar:focus {
		background: transparent;
		box-shadow: none;
		outline: none;
	}

	.pcgh-header__actions .pcgh-icon-btn i[data-lucide],
	.pcgh-header__actions .pcgh-icon-btn svg {
		width: 20px;
		height: 20px;
	}

	.pcgh-mobile-search-btn {
		display: inline-flex !important;
	}

	.pcgh-theme-switch__menu {
		position: fixed;
		top: 58px;
		right: 12px;
		z-index: 1001;
		width: min(176px,calc(100vw - 24px));
		max-width: calc(100vw - 24px);
		max-height: calc(100vh - 76px);
		overflow-y: auto;
	}

	.pcgh-header__login-btn {
		display: none;
	}

	.pcgh-header__login-btn span {
		display: none;
	}

	.pcgh-header__login-btn i[data-lucide],
	.pcgh-header__login-btn svg {
		display: block;
		width: 24px;
		height: 24px;
	}

	.pcgh-header__login-btn:focus-visible,
	.pcgh-header__login-btn:hover {
		background: transparent;
		box-shadow: none;
		transform: none;
		color: var(--pcgh-text);
	}

	@media (max-width: 420px) {
		.pcgh-header__actions > button[data-pcgh-login]:not(.pcgh-header__login-btn):not(.pcgh-mobile-search-btn) {
			display: none;
		}

		.pcgh-header__login-btn {
			width: 40px;
			min-width: 0;
			padding: 0;
		}
	}

	.pcgh-footer__inner {
		justify-content: center;
		gap: 14px;
		padding: 22px 16px 18px;
		text-align: center;
	}

	.pcgh-footer__bottom-inner {
		justify-content: center;
		gap: 8px 14px;
		padding-left: 16px;
		padding-right: 16px;
		text-align: center;
	}

	.pcgh-footer.is-mobile-hide-links .pcgh-footer__links {
		display: none;
	}

	.pcgh-footer {
		margin-top: clamp(24px,8vw,44px);
		margin-bottom: 0;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}

	.pcgh-mobile-tabbar {
		position: fixed;
		left: 14px;
		right: 14px;
		bottom: 14px;
		bottom: calc(14px + constant(safe-area-inset-bottom));
		bottom: calc(14px + env(safe-area-inset-bottom));
		z-index: 999;
		display: grid;
		grid-template-columns: repeat(auto-fit,minmax(0,1fr));
		align-items: center;
		gap: 6px;
		width: auto;
		height: 68px;
		margin: 0;
		padding: 8px 10px;
		background: rgba(255,255,255,.94);
		border: 1px solid rgba(226,232,240,.92);
		border-radius: 24px;
		box-shadow: 0 16px 46px rgba(15,23,42,.18), 0 2px 10px rgba(15,23,42,.06);
		-webkit-backdrop-filter: blur(18px);
		backdrop-filter: blur(18px);
		transition: transform .24s ease, opacity .24s ease, visibility .24s ease;
		will-change: transform;
	}

	html.pcgh-mobile-scroll-hide-enabled.pcgh-mobile-bars-hidden .pcgh-mobile-tabbar {
		transform: translateY(calc(100% + 28px + env(safe-area-inset-bottom)));
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}

	@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
		.pcgh-mobile-tabbar {
			background: #fff
		}
	}

	.pcgh-mobile-tabbar__item {
		position: relative;
		min-width: 0;
		height: 52px;
		border-radius: 16px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 4px;
		text-align: center;
		color: #64748b;
		text-decoration: none;
		font-size: 11px;
		line-height: 1;
		transition: color .18s, background .18s, transform .18s, box-shadow .18s;
	}

	.pcgh-mobile-tabbar__item::before {
		content: '';
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		border-radius: 999px;
		background: transparent;
		opacity: 0;
		transform: scale(.94);
		transition: .18s
	}

	.pcgh-mobile-tabbar__item::after {
		content: '';
		position: absolute;
		left: 50%;
		bottom: 4px;
		width: 18px;
		height: 3px;
		border-radius: 999px;
		background: transparent;
		opacity: 0;
		transform: translateX(-50%);
		transition: .18s
	}

	.pcgh-mobile-tabbar__item > i,
	.pcgh-mobile-tabbar__item > svg,
	.pcgh-mobile-tabbar__item > span,
	.pcgh-mobile-tabbar__badge {
		position: relative;
		z-index: 1
	}

	.pcgh-mobile-tabbar__item i[data-lucide],
	.pcgh-mobile-tabbar__item svg,
	.pcgh-mobile-tabbar__item svg.lucide {
		width: var(--pcgh-tab-icon-size, 22px);
		height: var(--pcgh-tab-icon-size, 22px);
		stroke-width: 2;
	}

	.pcgh-mobile-tabbar .pcgh-mobile-tabbar__item > i[data-lucide],
	.pcgh-mobile-tabbar .pcgh-mobile-tabbar__item > svg,
	.pcgh-mobile-tabbar .pcgh-mobile-tabbar__item > svg.lucide {
		width: var(--pcgh-tab-icon-size, 22px) !important;
		height: var(--pcgh-tab-icon-size, 22px) !important;
		min-width: var(--pcgh-tab-icon-size, 22px);
		min-height: var(--pcgh-tab-icon-size, 22px);
	}

	.pcgh-mobile-tabbar__item span {
		display: block;
		max-width: 100%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		text-align: center;
	}

	.pcgh-mobile-tabbar__badge {
		position: absolute;
		top: 4px;
		right: 18%;
		min-width: 16px;
		height: 16px;
		padding: 0 5px;
		border-radius: 999px;
		background: #ef4444;
		color: #fff;
		font-size: 10px;
		font-style: normal;
		font-weight: 700;
		line-height: 16px;
		text-align: center;
		box-shadow: 0 4px 10px rgba(239,68,68,.35);
	}

	.pcgh-mobile-tabbar__item:hover,
	.pcgh-mobile-tabbar__item:focus {
		color: #3b82f6;
		background: rgba(59,130,246,.08);
	}

	.pcgh-mobile-tabbar__item.is-active {
		color: #fff;
		background: linear-gradient(180deg,#4f8df8,#2563eb);
		transform: none;
		box-shadow: 0 8px 18px rgba(37,99,235,.30);
	}

	.pcgh-mobile-tabbar__item.is-active::before {
		background: transparent;
		opacity: 1;
		box-shadow: none
	}


	.pcgh-mobile-tabbar__item.is-active i[data-lucide],
	.pcgh-mobile-tabbar__item.is-active svg {
		color: #fff;
		stroke: #fff;
		filter: none;
	}

	.pcgh-mobile-tabbar__item.is-active span {
		color: #fff;
		font-weight: 700;
	}

	html:not([data-pcgh-theme-resolved="light"]) .pcgh-mobile-tabbar__item.is-active :where(i,svg,.ti) {
		color: #fff;
		stroke: #fff
	}

	html:not([data-pcgh-theme-resolved="light"]) .pcgh-mobile-tabbar__item.is-active i,
	html:not([data-pcgh-theme-resolved="light"]) .pcgh-mobile-tabbar__item.is-active svg,
	html:not([data-pcgh-theme-resolved="light"]) .pcgh-mobile-tabbar__item.is-active .ti {
		color: #fff;
		stroke: #fff
	}

	html:not([data-pcgh-theme-resolved="light"]) .pcgh-mobile-tabbar {
		background: rgba(15,23,42,.94);
		border-color: rgba(51,65,85,.86);
		box-shadow: 0 18px 48px rgba(0,0,0,.46), 0 2px 10px rgba(0,0,0,.28)
	}

	html:not([data-pcgh-theme-resolved="light"]) .pcgh-mobile-tabbar__item {
		color: #94a3b8
	}

	html:not([data-pcgh-theme-resolved="light"]) .pcgh-mobile-tabbar__item:hover,
	html:not([data-pcgh-theme-resolved="light"]) .pcgh-mobile-tabbar__item:focus {
		color: #bfdbfe;
		background: rgba(59,130,246,.12)
	}

	html[data-pcgh-theme-resolved="light"] .pcgh-mobile-tabbar {
		background: rgba(255,255,255,.94);
		border-color: rgba(226,232,240,.92);
		box-shadow: 0 16px 46px rgba(15,23,42,.18), 0 2px 10px rgba(15,23,42,.06);
		color: var(--pcgh-text-2);
	}

	@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
		html[data-pcgh-theme-resolved="light"] .pcgh-mobile-tabbar {
			background: #fff
		}
	}

	html[data-pcgh-theme-resolved="light"] .pcgh-mobile-tabbar__item {
		color: var(--pcgh-text-3);
	}

	html[data-pcgh-theme-resolved="light"] .pcgh-mobile-tabbar__item :where(i,svg,.ti),
	html[data-pcgh-theme-resolved="light"] .pcgh-mobile-tabbar__item span {
		color: var(--pcgh-text-3);
	}

	html[data-pcgh-theme-resolved="light"] .pcgh-mobile-tabbar__item i,
	html[data-pcgh-theme-resolved="light"] .pcgh-mobile-tabbar__item svg,
	html[data-pcgh-theme-resolved="light"] .pcgh-mobile-tabbar__item .ti {
		color: var(--pcgh-text-3)
	}

	html[data-pcgh-theme-resolved="light"] .pcgh-mobile-tabbar__item:hover,
	html[data-pcgh-theme-resolved="light"] .pcgh-mobile-tabbar__item:focus {
		color: var(--pcgh-primary);
		background: rgba(var(--pcgh-primary-rgb),.08);
	}

	html[data-pcgh-theme-resolved="light"] .pcgh-mobile-tabbar__item.is-active {
		color: #fff;
		background: linear-gradient(180deg,#4f8df8,#2563eb);
		transform: none;
		box-shadow: 0 8px 18px rgba(37,99,235,.28);
	}

	html[data-pcgh-theme-resolved="light"] .pcgh-mobile-tabbar__item.is-active::before {
		background: transparent;
		opacity: 1;
		box-shadow: none
	}


	html[data-pcgh-theme-resolved="light"] .pcgh-mobile-tabbar__item.is-active :where(i,svg,.ti),
	html[data-pcgh-theme-resolved="light"] .pcgh-mobile-tabbar__item.is-active span {
		color: #fff;
		stroke: #fff;
		font-weight: 700;
	}

	html[data-pcgh-theme-resolved="light"] .pcgh-mobile-tabbar__item.is-active i,
	html[data-pcgh-theme-resolved="light"] .pcgh-mobile-tabbar__item.is-active svg,
	html[data-pcgh-theme-resolved="light"] .pcgh-mobile-tabbar__item.is-active .ti {
		color: #fff;
		stroke: #fff
	}

	html[data-pcgh-theme-resolved="light"] .pcgh-mobile-tabbar__badge {
		background: #ef4444;
		color: #fff;
		box-shadow: 0 4px 10px rgba(239,68,68,.25);
	}

	html[data-pcgh-theme-resolved="light"] .pcgh-rank-row {
		background: var(--pcgh-surface);
		border-top-color: var(--pcgh-border);
		box-shadow: none;
		color: var(--pcgh-text)
	}

	html[data-pcgh-theme-resolved="light"] .pcgh-rank-row__game strong {
		color: var(--pcgh-text)
	}

	html[data-pcgh-theme-resolved="light"] .pcgh-rank-row__game small,
	html[data-pcgh-theme-resolved="light"] .pcgh-rank-row__downloads {
		color: var(--pcgh-text-2)
	}

	.pcgh-home-search-section {
		padding: 38px 0 20px;
	}

	.pcgh-home-search h1 {
		font-size: 28px;
	}

	.pcgh-home-search__badges {
		gap: 10px;
		flex-wrap: wrap;
	}

	.pcgh-home-search__form {
		height: auto;
		min-height: 54px;
		margin-top: 22px;
		flex-wrap: wrap;
		padding: 8px;
	}

	.pcgh-home-search__form input {
		height: 42px;
		font-size: 14px;
	}

	.pcgh-home-search__form button {
		width: 100%;
		height: 44px;
	}

	.pcgh-home-search__hot {
		justify-content: flex-start;
	}

	.pcgh-home-services {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.pcgh-vip-new-hero {
		padding: 38px 0 30px;
	}

	.pcgh-vip-new-hero h1 {
		font-size: 30px;
	}

	.pcgh-vip-new-hero__badges {
		gap: 8px;
	}

	.pcgh-vip-new-head {
		align-items: flex-start;
		flex-direction: column;
	}

	.pcgh-vip-new-plans {
		grid-template-columns: 1fr;
	}

	.pcgh-vip-new-plan {
		min-height: auto;
	}

	.pcgh-vip-new-privileges {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}

	.pcgh-vip-new-faqs {
		grid-template-columns: 1fr;
	}

	.pcgh-vip-new-table {
		margin: 0 -16px;
		border-radius: 0;
	}

	.pcgh-search-page {
		padding-top: 22px;
	}

	.pcgh-search-hero {
		margin-bottom: 18px;
	}

	.pcgh-search-hero h1 {
		font-size: 28px;
	}

	.pcgh-search-page__form {
		height: auto;
		padding: 10px;
		flex-wrap: wrap;
	}

	.pcgh-search-page__form input {
		height: 38px;
	}

	.pcgh-search-page__form button {
		width: 100%;
	}

	.pcgh-search-tabs {
		margin-bottom: 16px;
		gap: 8px;
	}

	.pcgh-search-tabs a {
		padding: 8px 12px;
	}

	.pcgh-search-results {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.pcgh-search-results .pcgh-game-card {
		display: flex;
		flex-direction: column;
	}

	.pcgh-search-results .pcgh-game-card__cover {
		min-height: 0;
		aspect-ratio: 16/9;
	}

	.pcgh-search-results .pcgh-game-card__body {
		padding: 12px;
	}

	.pcgh-search-results .pcgh-game-card__title {
		font-size: 14px;
	}

	.pcgh-404-page {
		padding: 20px 0 34px;
		min-height: calc(100vh - 120px);
	}

	.pcgh-404-hero {
		min-height: auto;
		grid-template-columns: 1fr;
		padding: 34px 18px;
		gap: 18px;
	}

	.pcgh-404-hero__content > strong {
		letter-spacing: -4px;
	}

	.pcgh-404-hero h1 {
		font-size: 24px;
	}

	.pcgh-404-hero__scene {
		min-height: 170px;
	}

	.pcgh-404-hero__scene:before {
		width: 96px;
		height: 140px;
	}

	.pcgh-404-hero__scene span {
		right: 12px;
		top: 6px;
		font-size: 28px;
	}

	.pcgh-404-hero__scene em {
		right: 18px;
		bottom: 8px;
		padding: 10px 12px;
		font-size: 11px;
	}

	.pcgh-404-actions .pcgh-btn {
		width: 100%;
		justify-content: center;
	}

	.pcgh-404-games {
		display: flex;
		overflow-x: auto;
		gap: 12px;
		padding-bottom: 4px;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}

	.pcgh-404-games::-webkit-scrollbar {
		display: none;
	}

	.pcgh-404-games .pcgh-404-game {
		flex: 0 0 172px;
		scroll-snap-align: start;
	}

	.pcgh-single-related {
		padding: 14px;
	}

	.pcgh-single-related__grid {
		gap: 9px;
		padding-bottom: 4px;
	}

	.pcgh-single-related__item {
		flex-basis: 142px;
	}

	.pcgh-single-related__nav {
		display: none !important;
	}

	.pcgh-single-related__cover {
		aspect-ratio: 2.1/1;
	}

	.pcgh-single-related__body {
		padding: 6px 7px 7px;
	}

	.pcgh-single-related__body strong {
		font-size: 11px;
	}

	.pcgh-gcarousel {
		margin: 0 -2px 14px;
		padding: 10px;
		border-radius: 14px;
		background: linear-gradient(180deg,rgba(15,23,42,.92),rgba(8,13,22,.96));
		border-color: rgba(148,163,184,.12);
		box-shadow: 0 12px 28px rgba(0,0,0,.22);
	}

	.pcgh-gcarousel__thumbsbar {
		gap: 0;
	}

	.pcgh-gcarousel__thumbs {
		gap: 8px;
		padding: 2px 2px 8px;
		scroll-padding-left: 2px;
		-webkit-overflow-scrolling: touch;
		mask-image: linear-gradient(90deg,#000 calc(100% - 22px),transparent);
	}

	.pcgh-gcarousel__thumb {
		flex: 0 0 42%;
		max-width: 42%;
		aspect-ratio: 16/10;
		border-radius: 10px;
		border-width: 1px;
		box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);
	}

	.pcgh-gcarousel__thumb:hover {
		transform: none;
	}

	.pcgh-gcarousel__thumb:active {
		transform: scale(.98);
		border-color: rgba(var(--pcgh-primary-rgb),.55);
	}

	.pcgh-gcarousel__tnav {
		display: none !important;
	}

	.pcgh-gcarousel__thumb-play {
		width: 34px;
		height: 34px;
		background: linear-gradient(135deg,rgba(var(--pcgh-primary-rgb),.96),rgba(124,58,237,.92));
		box-shadow: 0 8px 20px rgba(0,0,0,.45),0 0 0 6px rgba(255,255,255,.08);
	}

	.pcgh-gcarousel__thumb-play i[data-lucide] {
		width: 15px;
		height: 15px;
	}

	.pcgh-gcarousel__thumb-zoom {
		opacity: 1;
		width: 28px;
		height: 28px;
		background: rgba(0,0,0,.42);
		transform: translate(-50%,-50%) scale(1);
	}

	.pcgh-video-lightbox__stage {
		width: calc(100vw - 20px);
		border-radius: 10px;
	}

	.pcgh-video-lightbox__close {
		top: 14px;
		right: 14px;
		width: 38px;
		height: 38px;
	}

	.pcgh-search-page {
		padding: 16px 0 34px;
	}

	.pcgh-search-hero {
		padding: 16px;
		border-radius: 14px;
	}

	.pcgh-search-hero h1 {
		font-size: 21px;
	}

	.pcgh-search-page__form {
		height: auto;
		min-height: 46px;
		flex-wrap: wrap;
		padding: 8px 8px 8px 14px;
	}

	.pcgh-search-page__form button {
		width: 100%;
	}

	.pcgh-search-empty {
		padding: 42px 16px;
	}

	.pcgh-rank-page {
		padding: 16px 0 34px;
	}

	.pcgh-rank-hero {
		min-height: 178px;
		border-radius: 14px;
	}

	.pcgh-rank-hero__content {
		padding: 20px 16px;
	}

	.pcgh-rank-hero h1 {
		font-size: 24px;
	}

	.pcgh-rank-filter {
		padding: 10px;
		gap: 8px;
	}

	.pcgh-rank-filter a {
		padding: 8px 12px;
		font-size: 12px;
	}

	.pcgh-rank-table__head {
		display: none;
	}

	.pcgh-rank-row {
		grid-template-columns: 34px minmax(0,1fr) auto;
		gap: 10px;
		padding: 12px;
	}

	.pcgh-rank-row__type,
	.pcgh-rank-row__size {
		display: none;
	}

	.pcgh-rank-row__game img {
		width: 62px;
		height: 44px;
	}

	.pcgh-rank-row__downloads {
		grid-column: 2 / 3;
		font-size: 12px;
		color: var(--pcgh-text-2);
	}

	.pcgh-rank-row__btn {
		grid-column: 3 / 4;
		grid-row: 1 / 3;
		width: 58px;
		height: 32px;
		font-size: 12px;
	}
}