:root {
	--appyn-night: #050b18;
	--appyn-deep: #08142b;
	--appyn-panel: #0d1c37;
	--appyn-panel-raised: #122647;
	--appyn-line: rgba(118, 161, 219, 0.24);
	--appyn-gold: #f5c842;
	--appyn-gold-bright: #ffe36e;
	--appyn-cyan: #38d9f2;
	--appyn-violet: #bd69f4;
	--appyn-green: #2cdda0;
	--appyn-text: #f5f7ff;
	--appyn-muted: #b7c5dc;
}

html {
	scroll-behavior: smooth;
	scrollbar-color: var(--appyn-gold) var(--appyn-night);
	background: var(--appyn-night);
}

body,
.wrapper-inside {
	background: var(--appyn-night) !important;
	color: var(--appyn-text);
}

body {
	font-size: 15px;
	line-height: 1.65;
}

a {
	color: var(--appyn-gold);
}

a:hover,
a:focus-visible {
	color: var(--appyn-gold-bright);
}

button,
input,
select,
textarea {
	font: inherit;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: 3px solid var(--appyn-cyan);
	outline-offset: 3px;
}

.container {
	width: min(1120px, calc(100% - 40px)) !important;
}

#header {
	height: 68px;
	background: rgba(4, 10, 23, 0.97) !important;
	border-bottom: 1px solid var(--appyn-line) !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.26);
	backdrop-filter: blur(14px);
}

#header .container {
	height: 68px;
}

#header .logo a img {
	max-height: 48px;
	height: auto;
}

#header nav a {
	color: var(--appyn-text);
	font-size: 13px;
	transition: color 160ms ease, background-color 160ms ease;
}

#header nav .menu > li > a::before {
	background: rgba(245, 200, 66, 0.16) !important;
	border-radius: 8px;
}

#header nav .menu li.current-menu-item > a,
#header nav .menu li.current_page_item > a {
	color: var(--appyn-gold-bright) !important;
	background: transparent !important;
}

#header nav .menu > li.menu-item-has-children > .sub-menu::before {
	color: var(--appyn-gold);
	border-color: var(--appyn-gold);
}

#header nav .menu > li > .sub-menu,
#header nav .menu .sub-menu li a,
#menu-mobile,
#header nav ul.menu.active {
	background: var(--appyn-deep) !important;
}

#header nav .menu .sub-menu li a,
#header nav ul.menu.active li a,
#menu-mobile ul li a {
	color: var(--appyn-text) !important;
	border-color: var(--appyn-line);
}

#header nav .menu .sub-menu li a:hover,
#menu-mobile ul li a:hover,
#header nav ul.menu.active li a:hover {
	background: var(--appyn-panel-raised) !important;
	color: var(--appyn-gold-bright) !important;
}

#header nav .menu-open {
	color: var(--appyn-gold-bright);
	border-radius: 10px;
}

#menu-mobile {
	border-left: 1px solid var(--appyn-line);
	box-shadow: -16px 0 36px rgba(0, 0, 0, 0.34);
}

#main-site {
	color: var(--appyn-text);
}

.appyn-home-hero {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: 106px 0 54px;
	background:
		radial-gradient(ellipse at 77% 42%, rgba(116, 29, 191, 0.23), transparent 35%),
		radial-gradient(ellipse at 17% 75%, rgba(18, 95, 173, 0.19), transparent 42%),
		linear-gradient(115deg, #060b1b 0%, #0a1530 53%, #09112a 100%);
	border-bottom: 1px solid var(--appyn-line);
}

.appyn-home-hero::before,
.appyn-home-hero::after {
	position: absolute;
	z-index: -1;
	content: "";
	pointer-events: none;
}

.appyn-home-hero::before {
	inset: 0;
	opacity: 0.22;
	background-image: radial-gradient(rgba(255, 226, 112, 0.7) 1px, transparent 1px);
	background-size: 43px 43px;
	mask-image: linear-gradient(90deg, transparent 4%, #000 64%, transparent);
}

.appyn-home-hero::after {
	width: 360px;
	height: 360px;
	right: 5%;
	top: 50%;
	border-radius: 50%;
	transform: translateY(-50%);
	background: rgba(30, 50, 102, 0.2);
	filter: blur(50px);
}

.appyn-home-hero__inner {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
	align-items: center;
	gap: 42px;
	min-height: 340px;
}

.appyn-home-hero__copy {
	max-width: 600px;
}

.appyn-home-hero__eyebrow {
	display: flex;
	align-items: center;
	gap: 9px;
	margin: 0 0 14px;
	color: var(--appyn-gold-bright);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

.appyn-home-hero__eyebrow svg {
	width: 20px;
	height: 20px;
	fill: currentColor;
}

.appyn-home-hero__copy h1 {
	margin: 0;
	color: var(--appyn-text);
	font-size: clamp(38px, 5.4vw, 68px);
	font-weight: 800;
	letter-spacing: -0.045em;
	line-height: 1.04;
}

.appyn-home-hero__copy h1 span {
	color: var(--appyn-gold);
	text-shadow: 0 0 26px rgba(245, 200, 66, 0.18);
}

.appyn-home-hero__description {
	max-width: 520px;
	margin: 18px 0 22px;
	color: var(--appyn-muted);
	font-size: 16px;
}

.appyn-home-search {
	display: flex;
	width: min(100%, 490px);
	min-height: 54px;
	padding: 5px;
	border: 1px solid rgba(245, 200, 66, 0.45);
	border-radius: 13px;
	background: rgba(7, 16, 35, 0.88);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.24);
}

.appyn-home-search input[type="search"] {
	width: 100%;
	min-width: 0;
	padding: 0 14px;
	border: 0;
	border-radius: 9px;
	background: transparent;
	color: var(--appyn-text);
	font-size: 14px;
}

.appyn-home-search input[type="search"]::placeholder {
	color: #90a0bb;
	opacity: 1;
}

.appyn-home-search button {
	flex: none;
	min-width: 104px;
	padding: 0 17px;
	border: 0;
	border-radius: 9px;
	background: linear-gradient(135deg, #f1b928, #ffe777);
	color: #17120a;
	font-size: 14px;
	font-weight: 800;
	cursor: pointer;
	transition: transform 160ms ease, filter 160ms ease;
}

.appyn-home-search button:hover {
	filter: brightness(1.08);
	transform: translateY(-1px);
}

.appyn-home-hero__link {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-top: 18px;
	color: var(--appyn-muted);
	font-size: 13px;
	font-weight: 700;
}

.appyn-home-hero__link span {
	color: var(--appyn-gold);
	font-size: 17px;
}

.appyn-home-hero__art {
	position: relative;
	display: grid;
	min-height: 350px;
	place-items: center;
}

.appyn-home-hero__orbit {
	position: absolute;
	border: 1px solid rgba(90, 169, 237, 0.2);
	border-radius: 50%;
	transform: rotate(-21deg);
}

.appyn-home-hero__orbit--outer {
	width: min(100%, 440px);
	height: 270px;
}

.appyn-home-hero__orbit--inner {
	width: min(82%, 350px);
	height: 215px;
	border-color: rgba(245, 200, 66, 0.24);
	transform: rotate(27deg);
}

.appyn-home-hero__flare {
	position: absolute;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: var(--appyn-cyan);
	box-shadow: 0 0 17px 5px rgba(56, 217, 242, 0.45);
}

.appyn-home-hero__flare--one {
	top: 16%;
	right: 20%;
}

.appyn-home-hero__flare--two {
	bottom: 19%;
	left: 19%;
	background: var(--appyn-gold);
	box-shadow: 0 0 17px 5px rgba(245, 200, 66, 0.4);
}

.appyn-home-hero__emblem {
	position: relative;
	display: flex;
	width: min(72%, 270px);
	min-height: 225px;
	padding: 24px 16px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border: 1px solid rgba(255, 221, 105, 0.54);
	border-radius: 28px;
	background:
		linear-gradient(145deg, rgba(25, 40, 79, 0.95), rgba(7, 14, 32, 0.98)),
		var(--appyn-deep);
	box-shadow:
		0 0 0 8px rgba(245, 200, 66, 0.045),
		0 0 45px rgba(174, 78, 236, 0.23),
		0 22px 55px rgba(0, 0, 0, 0.42);
	text-align: center;
	transform: rotate(-3deg);
}

.appyn-home-hero__emblem svg {
	width: 70px;
	height: 53px;
	margin-bottom: 8px;
	overflow: visible;
	fill: var(--appyn-gold);
	filter: drop-shadow(0 0 10px rgba(245, 200, 66, 0.4));
}

.appyn-home-hero__emblem strong {
	max-width: 100%;
	overflow: hidden;
	color: var(--appyn-text);
	font-size: clamp(19px, 3vw, 27px);
	font-weight: 900;
	letter-spacing: 0.04em;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
}

.appyn-home-hero__emblem span {
	margin-top: 7px;
	color: var(--appyn-muted);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.appyn-home-hero__emblem i {
	color: var(--appyn-gold);
	font-style: normal;
}

.appyn-home-hero__badge {
	position: absolute;
	z-index: 2;
	padding: 9px 13px;
	border: 1px solid var(--appyn-line);
	border-radius: 999px;
	background: rgba(8, 20, 43, 0.94);
	color: var(--appyn-text);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.1em;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}

.appyn-home-hero__badge--top {
	top: 16%;
	left: 2%;
	border-color: rgba(56, 217, 242, 0.46);
}

.appyn-home-hero__badge--bottom {
	right: 1%;
	bottom: 17%;
	border-color: rgba(245, 200, 66, 0.46);
}

.appyn-home-layout {
	display: flex;
	gap: 28px;
	padding-top: 42px;
	padding-bottom: 52px;
}

.appyn-home-sections {
	min-width: 0;
	width: 100%;
	scroll-margin-top: 88px;
}

.section .title-section {
	color: var(--appyn-gold-bright) !important;
	border-color: var(--appyn-line) !important;
	font-size: 22px;
	font-weight: 800;
}

.section .baps {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
	gap: 6px;
	margin: 0;
}

.section .bav1 {
	width: auto !important;
	max-width: none !important;
	padding: 8px !important;
}

.section .bav1 a {
	min-height: 100%;
	overflow: hidden;
	border: 1px solid color-mix(in srgb, var(--tile-accent, var(--appyn-gold)) 52%, transparent) !important;
	border-bottom: 2px solid var(--tile-accent, var(--appyn-gold)) !important;
	border-radius: 13px !important;
	background: linear-gradient(150deg, rgba(18, 37, 72, 0.98), rgba(7, 16, 35, 0.98)) !important;
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.2);
	color: var(--appyn-text) !important;
	transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.section .bav1:nth-child(5n + 2) { --tile-accent: var(--appyn-green); }
.section .bav1:nth-child(5n + 3) { --tile-accent: var(--appyn-cyan); }
.section .bav1:nth-child(5n + 4) { --tile-accent: var(--appyn-violet); }
.section .bav1:nth-child(5n + 5) { --tile-accent: #ff7db7; }

.section .bav1 a:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 30px rgba(0, 0, 0, 0.34), 0 0 16px color-mix(in srgb, var(--tile-accent, var(--appyn-gold)) 22%, transparent);
}

.section .bav1 .bloque-imagen {
	border-radius: 9px;
	background: #17294a !important;
}

.section .bav1 a::before {
	background: rgba(4, 10, 24, 0.25) !important;
}

.section .bav1 a::after {
	background: var(--tile-accent, var(--appyn-gold)) !important;
	color: #101522 !important;
}

.bav .title,
.section .bav1 .title {
	color: var(--appyn-text) !important;
	font-weight: 700;
}

.bav .app-date,
.bav .developer,
.bav .version,
.section .bav1 .px-postmeta {
	color: var(--appyn-muted) !important;
}

.section .bav2 > a {
	border: 1px solid var(--appyn-line) !important;
	border-bottom: 2px solid var(--appyn-gold) !important;
	border-radius: 12px !important;
	background: var(--appyn-panel) !important;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
}

.section .bav2 > a:hover {
	border-color: rgba(245, 200, 66, 0.58) !important;
	background: var(--appyn-panel-raised) !important;
	transform: translateY(-2px);
}

.widget,
.section.blog,
.app-p .box,
.app-s .box,
.app-s .box-versions,
.box-content,
.app-s .data-app {
	border: 1px solid var(--appyn-line) !important;
	border-radius: 14px;
	background: var(--appyn-panel) !important;
	color: var(--appyn-text);
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
}

.widget .widget-title,
.widget_block h2,
.box .box-title,
.section.blog .bloques li a.title,
.app-s .box h1,
.app-p .box h1 {
	color: var(--appyn-gold-bright) !important;
}

.widget a,
.app-p .px-postmeta,
.app-s .px-postmeta,
.app-s .data-app,
.entry,
.box-content {
	color: var(--appyn-muted);
}

.widget ul li,
.section.blog .bloques li {
	border-color: var(--appyn-line) !important;
}

.buttond,
.app-s .readmore,
.section a.more,
.section.blog .bloques li .excerpt .readmore a,
.widget .search-form input[type="submit"],
.widget .wp-block-search .wp-block-search__button,
#comments input[type="submit"],
#box-report input[type="submit"] {
	border: 0 !important;
	border-radius: 9px !important;
	background: linear-gradient(135deg, #f1b928, #ffe777) !important;
	color: #15120a !important;
	font-weight: 800;
}

.app-s .bx-download ul li a,
.app-s .s2 .meta-cats a,
.tags a {
	border-radius: 8px;
	background: var(--appyn-panel-raised) !important;
	color: var(--appyn-text) !important;
}

#footer {
	border-top: 1px solid var(--appyn-line);
	background: #040916 !important;
	color: var(--appyn-muted);
}

#footer a {
	color: var(--appyn-text);
}

.footer-bottom {
	border-color: var(--appyn-line);
}

.app-s .entry img,
.entry img {
	max-width: 100%;
	height: auto;
}

@media (max-width: 900px) {
	.appyn-home-hero__inner {
		grid-template-columns: minmax(0, 1fr) minmax(270px, 0.8fr);
		gap: 20px;
	}

	.appyn-home-hero__art {
		min-height: 300px;
	}

	.appyn-home-hero__emblem {
		width: min(78%, 245px);
		min-height: 205px;
	}
}

@media (max-width: 700px) {
	.container {
		width: min(100% - 28px, 540px) !important;
	}

	#header,
	#header .container {
		height: 62px;
	}

	#header .container {
		padding-right: 12px;
		padding-left: 12px;
	}

	#header nav .menu-open {
		display: block;
		width: 44px;
		height: 44px;
		line-height: 44px;
	}

	.appyn-home-hero {
		padding: 92px 0 32px;
	}

	.appyn-home-hero__inner {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.appyn-home-hero__copy {
		max-width: none;
	}

	.appyn-home-hero__copy h1 {
		font-size: clamp(38px, 11vw, 55px);
	}

	.appyn-home-hero__description {
		margin-top: 14px;
		font-size: 15px;
	}

	.appyn-home-search {
		width: 100%;
		min-height: 50px;
	}

	.appyn-home-search button {
		min-width: 86px;
		padding-right: 12px;
		padding-left: 12px;
	}

	.appyn-home-hero__art {
		min-height: 245px;
		margin-top: 6px;
	}

	.appyn-home-hero__orbit--outer {
		width: min(100%, 360px);
		height: 210px;
	}

	.appyn-home-hero__orbit--inner {
		width: min(82%, 290px);
		height: 175px;
	}

	.appyn-home-hero__emblem {
		width: 218px;
		min-height: 174px;
		padding: 15px;
		border-radius: 22px;
	}

	.appyn-home-hero__emblem svg {
		width: 52px;
		height: 40px;
	}

	.appyn-home-hero__badge {
		padding: 7px 9px;
		font-size: 9px;
	}

	.appyn-home-hero__badge--top {
		left: 0;
	}

	.appyn-home-hero__badge--bottom {
		right: 0;
	}

	.appyn-home-layout {
		display: block;
		padding-top: 28px;
		padding-bottom: 36px;
	}

	.appyn-home-sections {
		width: 100%;
	}

	.section .title-section {
		margin-right: 4px;
		margin-left: 4px;
		font-size: 19px;
	}

	.section .baps {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 4px;
	}

	.section .bav1 {
		padding: 5px !important;
	}

	.section .bav1 a {
		padding: 10px !important;
	}

	#footer .widget {
		width: 100%;
		margin-right: 0 !important;
	}
}

@media (max-width: 380px) {
	.appyn-home-hero__eyebrow {
		font-size: 10px;
	}

	.appyn-home-search input[type="search"] {
		padding-right: 8px;
		padding-left: 10px;
		font-size: 13px;
	}

	.section .bav1 a {
		padding: 8px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}

/* Reference-inspired header and complete homepage layout. */
#header .container {
	gap: 12px;
}

#header .logo {
	flex: 0 0 auto;
}

#header .logo a {
	display: flex;
	align-items: center;
}

#header .logo a img {
	width: 210px;
	max-width: 24vw;
	height: auto;
	max-height: 54px;
}

.appyn-header-actions {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 8px;
}

.appyn-header-actions a {
	display: inline-flex;
	min-height: 36px;
	align-items: center;
	justify-content: center;
	padding: 0 13px;
	border: 1px solid transparent;
	border-radius: 999px;
	color: #fff !important;
	font-size: 11px;
	font-weight: 800;
	white-space: nowrap;
	transition: transform 160ms ease, filter 160ms ease;
}

.appyn-header-actions a:hover {
	filter: brightness(1.12);
	transform: translateY(-1px);
}

.appyn-header-download {
	background: linear-gradient(110deg, #fa368d, #e755d6 48%, #12a4f3);
	box-shadow: 0 4px 16px rgba(221, 60, 187, 0.22);
}

.appyn-header-telegram {
	background: linear-gradient(110deg, #078bc9, #168fe7);
	box-shadow: 0 4px 16px rgba(17, 144, 222, 0.2);
}

.arcade-hero {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: 100px 0 38px;
	border-bottom: 1px solid var(--appyn-line);
	background:
		radial-gradient(ellipse at 17% 53%, rgba(188, 20, 128, 0.29), transparent 31%),
		radial-gradient(ellipse at 75% 34%, rgba(35, 69, 211, 0.28), transparent 39%),
		linear-gradient(112deg, #130827 0%, #091638 52%, #06112a 100%);
}

.arcade-hero::before,
.arcade-hero::after {
	position: absolute;
	z-index: -1;
	content: "";
	pointer-events: none;
}

.arcade-hero::before {
	inset: 0;
	opacity: 0.24;
	background:
		linear-gradient(132deg, transparent 48%, rgba(255, 55, 156, 0.8) 49%, transparent 50%),
		linear-gradient(24deg, transparent 62%, rgba(33, 181, 255, 0.75) 63%, transparent 64%),
		radial-gradient(circle, rgba(255, 212, 67, 0.8) 1px, transparent 2px);
	background-size: 100% 100%, 100% 100%, 44px 44px;
	mask-image: linear-gradient(90deg, #000, transparent 42%, #000);
}

.arcade-hero::after {
	top: 0;
	right: -100px;
	width: 520px;
	height: 100%;
	background: radial-gradient(ellipse, rgba(113, 62, 225, 0.24), transparent 68%);
}

.arcade-hero__inner {
	display: grid;
	grid-template-columns: minmax(210px, 0.82fr) minmax(320px, 1.25fr) minmax(160px, 0.56fr);
	align-items: center;
	gap: 25px;
	min-height: 330px;
}

.arcade-hero__brand {
	display: flex;
	justify-content: center;
}

.arcade-hero__brand-frame {
	width: 100%;
	padding: 18px 10px;
	text-align: center;
}

.arcade-hero__brand-frame img {
	display: block;
	width: 100%;
	max-width: 350px;
	height: auto;
	margin: 0 auto;
	filter: drop-shadow(0 0 20px rgba(255, 185, 36, 0.2));
}

.arcade-hero__brand-frame > p {
	margin: 5px 0 13px;
	color: #fff;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 0.02em;
}

.arcade-hero__brand-points {
	display: flex;
	justify-content: center;
	gap: 8px;
	color: #f6d773;
	font-size: 12px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.arcade-hero__brand-points span + span::before {
	margin-right: 8px;
	color: #fff;
	content: "·";
}

.arcade-hero__copy {
	max-width: 520px;
}

.arcade-hero__eyebrow {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 8px;
	color: var(--appyn-gold-bright);
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.17em;
	text-transform: uppercase;
}

.arcade-hero__eyebrow svg {
	width: 18px;
	height: 18px;
	fill: currentColor;
}

.arcade-hero__copy h1 {
	margin: 0;
	color: #fff;
	font-size: clamp(34px, 4vw, 51px);
	font-weight: 900;
	letter-spacing: -0.04em;
	line-height: 1.05;
}

.arcade-hero__copy h1 span {
	color: var(--appyn-gold);
	text-shadow: 0 0 22px rgba(245, 200, 66, 0.19);
}

.arcade-hero__description {
	max-width: 480px;
	margin: 11px 0 18px;
	color: #d4d8e7;
	font-size: 14px;
	line-height: 1.65;
}

.arcade-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
}

.arcade-button {
	display: inline-flex;
	min-height: 44px;
	align-items: center;
	justify-content: center;
	gap: 9px;
	padding: 0 16px;
	border: 1px solid transparent;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 900;
	transition: transform 160ms ease, box-shadow 160ms ease;
}

.arcade-button:hover {
	transform: translateY(-2px);
}

.arcade-button--download {
	background: linear-gradient(110deg, #fb3f90, #b83ff2 55%, #15b4e6);
	box-shadow: 0 7px 18px rgba(191, 48, 196, 0.25);
	color: #fff !important;
}

.arcade-button--download svg {
	width: 21px;
	height: 21px;
	fill: #fff;
}

.arcade-button--outline {
	border-color: rgba(255, 255, 255, 0.32);
	background: rgba(9, 18, 43, 0.62);
	color: #fff !important;
}

.arcade-hero__trust {
	display: flex;
	flex-wrap: wrap;
	gap: 13px;
	margin-top: 17px;
	color: #d2d9e9;
	font-size: 10px;
	font-weight: 700;
}

.arcade-hero__trust span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.arcade-hero__trust i {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--appyn-green);
	box-shadow: 0 0 9px rgba(44, 221, 160, 0.55);
}

.arcade-hero__phone-wrap {
	position: relative;
	display: grid;
	min-height: 340px;
	place-items: center;
}

.arcade-phone {
	position: relative;
	z-index: 1;
	width: 166px;
	height: 315px;
	padding: 8px;
	border: 2px solid #818aa0;
	border-radius: 29px;
	background: linear-gradient(145deg, #1c2234, #05070e 55%);
	box-shadow: 0 16px 42px rgba(0, 0, 0, 0.58), 0 0 28px rgba(92, 81, 230, 0.25);
	transform: rotate(4deg);
}

.arcade-phone__camera {
	position: absolute;
	z-index: 2;
	top: 9px;
	left: 50%;
	width: 42px;
	height: 8px;
	border-radius: 0 0 8px 8px;
	background: #04060b;
	transform: translateX(-50%);
}

.arcade-phone__screen {
	position: relative;
	display: flex;
	height: 100%;
	overflow: hidden;
	align-items: center;
	flex-direction: column;
	border-radius: 22px;
	background:
		radial-gradient(circle at 50% 43%, rgba(190, 42, 189, 0.42), transparent 42%),
		linear-gradient(165deg, #111c3c, #080c1a 72%);
}

.arcade-phone__status {
	display: flex;
	width: 100%;
	justify-content: space-between;
	padding: 13px 12px 0;
	color: #fff;
	font-size: 7px;
	font-weight: 800;
}

.arcade-phone__mini-logo {
	display: flex;
	width: 100%;
	flex: 1;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding-top: 10px;
	text-align: center;
}

.arcade-phone__mini-logo svg {
	width: 48px;
	height: 36px;
	fill: var(--appyn-gold);
	filter: drop-shadow(0 0 8px rgba(245, 200, 66, 0.42));
}

.arcade-phone__mini-logo strong {
	margin-top: 5px;
	color: #ffe26c;
	font-size: 24px;
	font-weight: 900;
	letter-spacing: -0.04em;
	line-height: 0.92;
	text-shadow: 0 2px 0 #822c10;
}

.arcade-phone__mini-logo span {
	margin-top: 8px;
	color: #fff;
	font-size: 6px;
	font-weight: 800;
	letter-spacing: 0.12em;
}

.arcade-phone__app-row {
	display: flex;
	gap: 10px;
	margin: 0 0 12px;
}

.arcade-phone__app-icon {
	display: grid;
	width: 33px;
	height: 33px;
	place-items: center;
	border: 1px solid rgba(255, 255, 255, 0.45);
	border-radius: 10px;
	color: #fff;
	font-size: 13px;
	font-weight: 900;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.arcade-phone__app-icon--gold { background: linear-gradient(145deg, #efbb22, #b54d18); }
.arcade-phone__app-icon--green { background: linear-gradient(145deg, #37da85, #057959); }
.arcade-phone__app-icon--blue { background: linear-gradient(145deg, #38c9ff, #3159db); }

.arcade-phone__screen-label {
	width: 100%;
	padding: 8px 0 10px;
	background: rgba(255, 255, 255, 0.06);
	color: #d5dcee;
	font-size: 7px;
	font-weight: 800;
	letter-spacing: 0.18em;
	text-align: center;
}

.arcade-phone__coin {
	position: absolute;
	z-index: 2;
	display: grid;
	width: 35px;
	height: 35px;
	place-items: center;
	border: 2px solid #ffe477;
	border-radius: 50%;
	background: linear-gradient(145deg, #f9d957, #bf7511);
	color: #812d05;
	font-size: 16px;
	font-weight: 900;
	box-shadow: 0 0 17px rgba(255, 211, 69, 0.42);
}

.arcade-phone__coin--one {
	top: 19%;
	right: 0;
}

.arcade-phone__coin--two {
	bottom: 17%;
	left: -2%;
}

.arcade-hero__spark {
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--appyn-cyan);
	box-shadow: 0 0 18px 6px rgba(56, 217, 242, 0.42);
}

.arcade-hero__spark--one { top: 15%; left: 17%; }
.arcade-hero__spark--two { right: 17%; bottom: 12%; background: #ff4fad; box-shadow: 0 0 18px 6px rgba(255, 79, 173, 0.4); }

.arcade-content {
	display: flex;
	flex-direction: column;
	gap: 28px;
	padding-top: 25px;
	padding-bottom: 46px;
}

.arcade-section {
	min-width: 0;
	scroll-margin-top: 88px;
}

.arcade-section__heading {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 15px;
	margin-bottom: 15px;
}

.arcade-section__heading h2 {
	margin: 0;
	color: var(--appyn-gold-bright);
	font-size: clamp(22px, 3vw, 28px);
	font-weight: 900;
	line-height: 1.18;
}

.arcade-section__heading p:not(.arcade-kicker) {
	margin: 4px 0 0;
	color: var(--appyn-muted);
	font-size: 13px;
}

.arcade-kicker {
	margin: 0 0 5px;
	color: var(--appyn-gold);
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.arcade-kicker span {
	color: var(--appyn-gold-bright);
}

.arcade-section__more {
	flex: none;
	color: var(--appyn-text);
	font-size: 12px;
	font-weight: 800;
}

.arcade-section__more span {
	color: var(--appyn-gold);
}

.arcade-game-grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 12px;
}

.arcade-game-card {
	--game-accent: var(--appyn-gold);
	min-width: 0;
}

.arcade-game-card--tone-2 { --game-accent: #37df8a; }
.arcade-game-card--tone-3 { --game-accent: #3ad5fa; }
.arcade-game-card--tone-4 { --game-accent: #cf57ef; }
.arcade-game-card--tone-5 { --game-accent: #ff9e31; }
.arcade-game-card--tone-6 { --game-accent: #ff58b1; }

.arcade-game-card > a {
	display: flex;
	min-height: 176px;
	height: 100%;
	align-items: center;
	flex-direction: column;
	padding: 13px 10px 11px;
	border: 1px solid var(--game-accent);
	border-radius: 13px;
	background: linear-gradient(155deg, #101c37, #080f20);
	box-shadow: 0 0 14px color-mix(in srgb, var(--game-accent) 16%, transparent);
	color: var(--appyn-text);
	text-align: center;
	transition: transform 170ms ease, box-shadow 170ms ease, background-color 170ms ease;
}

.arcade-game-card > a:hover {
	transform: translateY(-4px);
	box-shadow: 0 9px 24px color-mix(in srgb, var(--game-accent) 25%, transparent);
}

.arcade-game-card__icon {
	display: grid;
	width: 78px;
	height: 78px;
	flex: 0 0 auto;
	place-items: center;
	overflow: hidden;
	border: 1px solid color-mix(in srgb, var(--game-accent) 72%, transparent);
	border-radius: 16px;
	background: #152749;
	box-shadow: 0 0 14px color-mix(in srgb, var(--game-accent) 28%, transparent);
}

.arcade-game-card__icon .bloque-imagen {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0;
	overflow: hidden;
	background: transparent !important;
}

.arcade-game-card__icon .bloque-imagen > img,
.arcade-game-card__icon .bloque-imagen img {
	display: block;
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
	max-height: 100%;
	object-fit: cover;
}

.arcade-game-card__icon .bloque-status {
	display: none;
}

.arcade-game-card h3 {
	display: -webkit-box;
	width: 100%;
	min-height: 38px;
	overflow: hidden;
	margin: 9px 0 7px;
	color: #fff;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.35;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.arcade-game-card__button {
	display: inline-flex;
	min-height: 27px;
	align-items: center;
	justify-content: center;
	margin-top: auto;
	padding: 0 13px;
	border-radius: 999px;
	background: var(--game-accent);
	color: #071021;
	font-size: 10px;
	font-weight: 900;
}

.arcade-empty-state {
	padding: 22px;
	border: 1px dashed var(--appyn-line);
	border-radius: 12px;
	color: var(--appyn-muted);
	text-align: center;
}

.arcade-about {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(220px, 0.75fr);
	align-items: center;
	gap: 24px;
	overflow: hidden;
	padding: 22px 26px;
	border: 1px solid var(--appyn-line);
	border-radius: 15px;
	background:
		radial-gradient(ellipse at 88% 50%, rgba(27, 95, 181, 0.2), transparent 44%),
		linear-gradient(110deg, #0c1932, #101f3e);
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.2);
}

.arcade-about__copy h2 {
	max-width: 530px;
	margin: 0;
	color: var(--appyn-gold-bright);
	font-size: clamp(21px, 3vw, 27px);
	font-weight: 900;
	line-height: 1.2;
}

.arcade-about__copy > p:not(.arcade-kicker) {
	max-width: 640px;
	margin: 10px 0 14px;
	color: #c4cee0;
	font-size: 13px;
}

.arcade-about__features {
	display: flex;
	flex-wrap: wrap;
	gap: 9px 17px;
}

.arcade-about__features span {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: #f3f5fa;
	font-size: 10px;
	font-weight: 700;
}

.arcade-about__features b {
	display: grid;
	width: 22px;
	height: 22px;
	place-items: center;
	border: 1px solid rgba(245, 200, 66, 0.45);
	border-radius: 7px;
	color: var(--appyn-gold);
	font-size: 8px;
}

.arcade-about__art {
	position: relative;
	display: flex;
	min-height: 130px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 6px;
	overflow: hidden;
	border: 1px solid rgba(67, 135, 225, 0.3);
	border-radius: 12px;
	background: rgba(5, 13, 31, 0.54);
}

.arcade-about__art img {
	position: relative;
	z-index: 1;
	width: min(85%, 290px);
	height: auto;
}

.arcade-about__art > span {
	position: relative;
	z-index: 1;
	color: #d3dbed;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 0.18em;
}

.arcade-about__halo {
	position: absolute;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background: rgba(137, 56, 224, 0.28);
	filter: blur(36px);
}

.arcade-chip-section,
.arcade-quick-links {
	padding: 17px 18px 19px;
	border: 1px solid var(--appyn-line);
	border-radius: 13px;
	background: linear-gradient(135deg, rgba(13, 28, 55, 0.96), rgba(8, 18, 38, 0.96));
}

.arcade-inline-search {
	display: flex;
	max-width: 100%;
	min-height: 42px;
	margin: 0 0 12px;
	padding: 4px;
	border: 1px solid rgba(56, 217, 242, 0.34);
	border-radius: 9px;
	background: rgba(4, 11, 24, 0.74);
}

.arcade-inline-search input {
	width: 100%;
	min-width: 0;
	padding: 0 11px;
	border: 0;
	background: transparent;
	color: var(--appyn-text);
	font-size: 12px;
}

.arcade-inline-search input::placeholder {
	color: #8f9db6;
}

.arcade-inline-search button {
	flex: none;
	padding: 0 15px;
	border: 0;
	border-radius: 7px;
	background: #137fe0;
	color: #fff;
	font-size: 11px;
	font-weight: 800;
	cursor: pointer;
}

.arcade-chip-list {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
}

.arcade-chip {
	display: inline-flex;
	min-height: 28px;
	align-items: center;
	padding: 0 10px;
	border: 1px solid rgba(75, 135, 212, 0.3);
	border-radius: 999px;
	background: rgba(13, 34, 68, 0.8);
	color: #e4eafa !important;
	font-size: 10px;
	font-weight: 700;
	transition: border-color 150ms ease, background-color 150ms ease;
}

.arcade-chip:hover {
	border-color: var(--appyn-gold);
	background: rgba(100, 73, 20, 0.34);
	color: var(--appyn-gold-bright) !important;
}

.arcade-quick-links__list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.arcade-quick-links__list a {
	display: inline-flex;
	min-height: 36px;
	align-items: center;
	gap: 8px;
	padding: 0 12px;
	border: 1px solid var(--appyn-line);
	border-radius: 9px;
	background: #102342;
	color: #f1f4fc !important;
	font-size: 11px;
	font-weight: 800;
}

.arcade-quick-links__list a span {
	color: var(--appyn-gold);
	font-size: 13px;
}

.arcade-quick-links__list a:hover {
	border-color: rgba(245, 200, 66, 0.6);
	background: #192e50;
}

#footer .footer-bottom .logo img {
	display: block;
	width: 190px;
	max-width: 100%;
	height: auto;
	max-height: none;
}

@media (max-width: 1080px) {
	#header nav a {
		padding-right: 9px;
		padding-left: 9px;
	}

	.arcade-hero__inner {
		grid-template-columns: minmax(180px, 0.75fr) minmax(280px, 1.25fr) minmax(145px, 0.55fr);
		gap: 14px;
	}

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

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

	.arcade-hero__inner {
		grid-template-columns: minmax(190px, 0.7fr) minmax(0, 1.3fr);
	}

	.arcade-hero__phone-wrap {
		display: none;
	}

	.arcade-hero__brand-frame img {
		max-width: 290px;
	}
}

@media (max-width: 700px) {
	#header .container {
		gap: 5px;
	}

	#header .logo a img {
		width: 176px;
		max-width: 42vw;
		max-height: 48px;
	}

	.appyn-header-actions {
		display: none;
	}

	.arcade-hero {
		padding: 84px 0 24px;
	}

	.arcade-hero__inner {
		grid-template-columns: 1fr;
		gap: 5px;
	}

	.arcade-hero__brand-frame {
		padding: 4px 0;
	}

	.arcade-hero__brand-frame img {
		width: min(92%, 330px);
	}

	.arcade-hero__brand-frame > p {
		margin: 0 0 7px;
		font-size: 13px;
	}

	.arcade-hero__brand-points {
		gap: 6px;
		font-size: 10px;
	}

	.arcade-hero__brand-points span + span::before {
		margin-right: 6px;
	}

	.arcade-hero__copy {
		max-width: none;
		text-align: center;
	}

	.arcade-hero__eyebrow,
	.arcade-hero__actions {
		justify-content: center;
	}

	.arcade-hero__copy h1 {
		font-size: clamp(34px, 9vw, 45px);
	}

	.arcade-hero__description {
		margin: 8px auto 14px;
		font-size: 13px;
	}

	.arcade-hero__trust {
		justify-content: center;
		gap: 8px 12px;
		margin-top: 12px;
		font-size: 9px;
	}

	.arcade-content {
		gap: 21px;
		padding-top: 20px;
		padding-bottom: 32px;
	}

	.arcade-game-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 9px;
	}

	.arcade-game-card > a {
		min-height: 160px;
		padding: 11px 8px 10px;
	}

	.arcade-about {
		grid-template-columns: 1fr;
		gap: 15px;
		padding: 18px;
	}

	.arcade-about__art {
		min-height: 112px;
	}

	.arcade-section__heading {
		align-items: start;
	}

	.arcade-section__more {
		margin-top: 8px;
	}

	.arcade-chip-section,
	.arcade-quick-links {
		padding: 15px 13px;
	}
}

@media (max-width: 380px) {
	.arcade-game-card__icon {
		width: 68px;
		height: 68px;
	}

	.arcade-game-card h3 {
		font-size: 12px;
	}

	.arcade-button {
		min-height: 41px;
		padding: 0 12px;
		font-size: 11px;
	}

	.arcade-hero__trust {
		font-size: 8px;
	}
}