#featured-img-1 {
				background-image: url(../images/photos/image-1.jpg);
			}
			#featured-img-2 {
				background-image: url(../images/photos/image-1.jpg);
			}
			#featured-img-3 {
				background-image: url(../images/photos/image-1.jpg);
			}
			#featured-img-4 {
				background-image: url(../images/photos/image-1.jpg);
			}

			/* Man content & sidebar top lne, default #256193 */
			#sidebar .panel,
			#main-box #main,
                        #main-box.full-width #main {
                            /*Normal : #6a4d7d / Blue :#256193 / HW : ##5c0b72*/
				border-top: 5px solid #6a4d7d;
			}
                        /*EVENT BG*/
                        /*body{background: url(../images/noel.jpg) center 0px no-repeat #3cb3cb;}*/
                        /*background: url(../images/noel.jpg) center 0px no-repeat #3cb3cb;*/
                        /*background: url(../images/hw.jpg) center 0px no-repeat #5c0b72;*/

			/* Slider colors, default #256193 */
			a.featured-select,
			#slider-info .padding-box ul li:before,
			.home-article.right ul li a:hover {
				background-color: #256193;
			}

			/* Button color, default #256193 */
			.panel-duel-voting .panel-duel-vote a {
				background-color: #256193;
			}

			/* Menu background color, default #000 */
			#menu-bottom.blurred #menu > .blur-before:after {
				background-color: #000;
			}

			/* Keep PLAY NOW + all nav icons on one row inside the menu rectangle */
			#menu.main-menu {
				display: flex !important;
				flex-wrap: nowrap !important;
				align-items: stretch;
				justify-content: flex-start;
				overflow: visible;
				box-sizing: border-box;
				height: 84px;
			}

			#menu.main-menu > .blur-before {
				flex: 0 0 auto;
			}

			#header .main-menu .header-logo,
			.main-menu .header-logo {
				float: none !important;
				flex: 0 0 auto;
				display: inline-flex !important;
				align-items: center;
				justify-content: center;
				max-width: min(180px, 22%);
				height: 84px;
				padding: 6px clamp(8px, 1.2vw, 16px) !important;
				box-sizing: border-box;
				border-radius: 0;
				transition:
					background 0.18s ease,
					box-shadow 0.18s ease,
					filter 0.18s ease,
					transform 0.18s ease;
			}

			#header .main-menu .header-logo img,
			.main-menu .header-logo img {
				display: block;
				width: auto;
				max-width: 100%;
				max-height: 68px;
				height: auto;
				transition:
					transform 0.18s ease,
					filter 0.18s ease;
			}

			#header .main-menu .header-logo:hover,
			#header .main-menu .header-logo:focus-visible,
			.main-menu .header-logo:hover,
			.main-menu .header-logo:focus-visible {
				background: linear-gradient(180deg, rgba(245, 217, 72, 0.32), rgba(106, 77, 125, 0.5)) !important;
				box-shadow:
					inset 0 -3px 0 #f5d948,
					inset 0 0 0 1px rgba(245, 217, 72, 0.4),
					0 0 18px rgba(245, 217, 72, 0.35);
				filter: brightness(1.08);
			}

			#header .main-menu .header-logo:hover img,
			#header .main-menu .header-logo:focus-visible img,
			.main-menu .header-logo:hover img,
			.main-menu .header-logo:focus-visible img {
				transform: scale(1.04) translateY(-1px);
				filter:
					drop-shadow(0 0 8px rgba(255, 229, 106, 0.85))
					drop-shadow(0 0 16px rgba(245, 217, 72, 0.55))
					brightness(1.12);
			}

			#menu.main-menu > ul.load-responsive {
				float: none !important;
				display: flex !important;
				flex: 1 1 auto;
				flex-wrap: nowrap !important;
				align-items: stretch;
				justify-content: space-between;
				min-width: 0;
				width: auto !important;
				height: 84px;
				margin: 0;
				padding: 0;
				overflow: visible;
			}

			#menu.main-menu > ul.load-responsive > li {
				float: none !important;
				display: flex !important;
				flex: 1 1 0;
				min-width: 0;
				position: relative;
			}

			#menu.main-menu > ul.load-responsive > li > a {
				display: flex !important;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				width: 100%;
				height: 84px !important;
				min-width: 0;
				padding: 8px clamp(2px, 0.7vw, 10px) !important;
				box-sizing: border-box;
				overflow: hidden;
			}

			#menu.main-menu > ul.load-responsive > li > a > span {
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				width: 100%;
				min-width: 0;
			}

			#menu.main-menu > ul.load-responsive > li > a i.fa {
				font-size: clamp(18px, 2vw, 26px);
				line-height: 1.2 !important;
			}

			#menu.main-menu > ul.load-responsive > li > a strong {
				display: block;
				width: 100%;
				max-width: 100%;
				padding-top: 2px;
				font-size: clamp(9px, 0.95vw, 12px);
				font-weight: 700;
				line-height: 1.15;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}

			/* Stronger, clearer main-nav hover (no layout shift) */
			.main-menu > ul > li > a {
				transition:
					background 0.18s ease,
					color 0.18s ease,
					box-shadow 0.18s ease,
					transform 0.18s ease;
			}

			.main-menu > ul > li > a i.fa,
			.main-menu > ul > li > a strong {
				transition:
					color 0.18s ease,
					text-shadow 0.18s ease,
					transform 0.18s ease,
					filter 0.18s ease;
			}

			.main-menu > ul > li:hover > a,
			.main-menu > ul > li:focus-within > a {
				background: linear-gradient(180deg, rgba(245, 217, 72, 0.28), rgba(106, 77, 125, 0.45)) !important;
				color: #ffe56a !important;
				text-shadow: 0 0 12px rgba(255, 229, 106, 0.85);
				box-shadow:
					inset 0 -3px 0 #f5d948,
					inset 0 0 0 1px rgba(245, 217, 72, 0.35);
			}

			.main-menu > ul > li:hover > a i.fa,
			.main-menu > ul > li:focus-within > a i.fa {
				color: #ffe56a !important;
				text-shadow:
					0 0 8px rgba(255, 229, 106, 0.95),
					0 0 18px rgba(245, 217, 72, 0.7);
				transform: translateY(-1px) scale(1.08);
				filter: drop-shadow(0 0 6px rgba(255, 229, 106, 0.55));
			}

			.main-menu > ul > li:hover > a strong,
			.main-menu > ul > li:focus-within > a strong {
				color: #fff6b0 !important;
				text-shadow:
					0 0 8px rgba(255, 229, 106, 0.9),
					0 1px 0 rgba(0, 0, 0, 0.65);
			}

			.main-menu > ul > li:hover > a > span:after,
			.main-menu > ul > li:focus-within > a > span:after {
				opacity: 1 !important;
				color: #f5d948;
				text-shadow: 0 0 8px rgba(245, 217, 72, 0.9);
			}

			.main-menu ul.sub-menu li:hover > a,
			.main-menu ul.sub-menu li:focus-within > a {
				background: rgba(245, 217, 72, 0.18) !important;
				color: #ffe56a !important;
			}

			/* Dropdowns must escape the clipped menu bar */
			#menu.main-menu > ul.load-responsive > li > ul.sub-menu {
				z-index: 30;
			}

			.datmenu-prompt {
				color :white;
				position:absolute; top :1.2%; z-index:99999; left :1.1%;
				display: none;
			}

			@media (max-width: 767px) {
				.datmenu-prompt {
				display: block; 
				}
				}

			/* Top menu background, default #0D0D0D */
			#header-top {
				background-color: rgb(0 0 0 / 62%);
				/*CH*/
				/*background-color: rgba(42, 99, 154, 0.18);*/
				/*hw*/
				/*background-color: rgba(177, 119, 193, 0.18);*/
				/*BASIC*/
				/*background-color: rgba(178,158,35, 0.18);*/
				box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.06);
				transition:
					background-color 0.25s ease,
					background 0.25s ease,
					box-shadow 0.25s ease,
					border-color 0.25s ease;
			}

			/* Whole top rectangle lights up clearly on hover */
			#header-top:hover,
			#header-top:focus-within {
				background:
					linear-gradient(180deg, rgba(177, 119, 193, 0.82), rgba(106, 77, 125, 0.88)) !important;
				/*CH*/
				/*background-color: rgba(42, 99, 154, 0.73);*/
				/*hw*/
				/*background-color: rgba(177, 119, 193, 0.73);*/
				/*BASIC*/
				/*background-color: rgba(178,158,35, 0.73);*/
				box-shadow:
					inset 0 -3px 0 rgba(245, 217, 72, 0.95),
					inset 0 0 0 1px rgba(245, 217, 72, 0.28),
					0 8px 22px rgba(106, 77, 125, 0.45),
					0 0 28px rgba(177, 119, 193, 0.35);
			}

			#header-top:hover > .wrapper > ul > li > a:not(.top-social),
			#header-top:focus-within > .wrapper > ul > li > a:not(.top-social) {
				color: #fff8d6;
				text-shadow: 0 0 8px rgba(255, 229, 106, 0.35), 0 1px 2px rgba(0, 0, 0, 0.75);
			}

			.fa-x-twitter::before {
				content: "X";
				font-family: Arial, Helvetica, sans-serif;
				font-weight: 800;
				font-size: 0.95em;
				line-height: 1;
				color: currentColor;
			}

			/* Sidebar panel titles color, default #6a4d7d */
			#sidebar .panel > h2 {
				color: #6a4d7d	;
			}

			/* Main titles color, default #353535 */
			#main h2 span {
				color: #6a4d7d;
			}

			/* Login/register info icons — default #cacaca is too faint on light panels */
			.form-split-about > ul > li > .fa,
			.form-split-about > ul > li > font {
				color: #6a4d7d;
			}

			/* Selection color, default #256193 */
			::selection {
				background: #6a4d7d;
			}

			/* Contain floated profile columns so #main background grows with any payment layout */
			#main-box #main::after,
			.user-profile::after {
				content: "";
				display: table;
				clear: both;
			}

			/* Links hover color, default #6a4d7d */
			.article-icons a:hover,
			a:hover {
				color: #6a4d7d;
			}

			/* Image hover background, default #6a4d7d */
			.article-image-out,
			.article-image {
				background: #6a4d7d;
			}

			/* Image hover icons color, default #6a4d7d */
			span.article-image span .fa {
				color: #6a4d7d;
			}

			:root {
				--site-shell-max: 1000px;
				--site-header-max: 1200px;
				--site-accent: #6a4d7d;
				--site-gold: #f5d948;
				--site-card-shadow: 0 18px 40px rgba(9, 12, 25, 0.18);
				--site-panel-shadow: 0 18px 34px rgba(0, 0, 0, 0.24);
				/* Content panel: grayish (not stark white, not near-black) */
				--site-panel-bg: #d5d8e0;
				--site-panel-nested: #c5c9d4;
				--site-panel-elevated: #e4e6ec;
				--site-panel-input: #eef0f4;
				--site-panel-text: #2f333c;
				--site-panel-muted: #5a6070;
				--site-panel-heading: #5a3f6b;
			}

			html {
				overflow-x: hidden;
			}

			body {
				overflow-x: clip;
				background-size: cover;
				background-attachment: fixed;
			}

			body.features-modal-open {
				overflow: hidden !important;
			}

			img,
			iframe {
				max-width: 100%;
			}

			#content,
			#slider,
			#slider-imgs div.featured-img-box,
			#menu,
			#main-box.full-width #main,
			.wrapper {
				width: min(calc(100% - 24px), var(--site-shell-max)) !important;
				max-width: var(--site-shell-max);
				margin-left: auto;
				margin-right: auto;
			}

			#header-top .wrapper {
				width: min(calc(100% - 20px), var(--site-header-max)) !important;
				max-width: var(--site-header-max);
				min-height: 40px;
				height: auto !important;
				padding: 0 clamp(8px, 1.6vw, 16px);
				box-sizing: border-box;
				display: flex;
				align-items: center;
				justify-content: flex-end;
				gap: 14px;
				flex-wrap: nowrap;
				overflow: visible;
			}

			#header-top > .wrapper > ul {
				float: none !important;
				display: flex;
				flex-wrap: nowrap;
				align-items: stretch;
				max-width: 100%;
				margin: 0;
				padding: 0;
			}

			#header-top > .wrapper > ul > li {
				display: flex;
				flex: 0 0 auto;
				float: none;
				box-shadow: none;
			}

			#header-top > .wrapper > ul > li > a {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				float: none;
				min-height: 40px;
				height: 40px;
				padding: 0 clamp(9px, 0.9vw, 14px);
				border: 1px solid transparent;
				border-radius: 4px;
				box-sizing: border-box;
				color: #f2f2f2;
				font-size: 13px;
				font-weight: 600;
				line-height: 1;
				text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
				white-space: nowrap;
				transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, color 0.16s ease, text-shadow 0.16s ease;
			}

			#header-top > .wrapper > ul.right {
				order: 2;
				flex: 0 0 auto;
				margin-left: 0;
			}

			#header-top > .wrapper > ul.right.load-responsive {
				order: 2;
				flex: 0 0 auto;
				justify-content: flex-end;
				min-width: 0;
			}

			#header-top > .wrapper > ul.load-responsive {
				order: 1;
				flex: 0 1 auto;
				justify-content: flex-end;
				min-width: 0;
			}

			#header-top > .wrapper > ul.right > li > a {
				width: 38px;
				padding-left: 0;
				padding-right: 0;
				font-size: 14px;
			}

			#header-top > .wrapper > ul.right > li > a.top-social {
				color: transparent;
				text-shadow: none;
			}

			#header-top > .wrapper > ul.right > li > a.top-social .top-social-icon {
				display: block;
				width: 18px;
				height: 18px;
				flex: 0 0 18px;
			}

			#header-top > .wrapper > ul > li:hover > a,
			#header-top > .wrapper > ul > li > a:hover,
			#header-top > .wrapper > ul > li > a:focus-visible {
				color: #ffffff !important;
				background: rgba(106, 77, 125, 0.82);
				border-color: rgba(245, 217, 72, 0.52);
				box-shadow: inset 0 -2px 0 var(--site-gold), 0 0 18px rgba(245, 217, 72, 0.22), 0 8px 18px rgba(0, 0, 0, 0.3);
				text-shadow: 0 0 10px rgba(255, 255, 255, 0.62), 0 1px 2px rgba(0, 0, 0, 0.8);
				outline: none;
			}

			#header-top > .wrapper > ul.right > li:hover > a.top-social,
			#header-top > .wrapper > ul.right > li > a.top-social:hover,
			#header-top > .wrapper > ul.right > li > a.top-social:focus-visible {
				color: transparent !important;
				text-shadow: none;
			}

			#header-top > .wrapper > ul.right > li > a.top-social:hover .top-social-icon,
			#header-top > .wrapper > ul.right > li > a.top-social:focus-visible .top-social-icon {
				transform: scale(1.08);
				filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.35));
			}

			/* Colored social icons inside the mobile datmenu */
			#dat-menu-list-inner > li.top-social-item {
				display: inline-block;
				width: calc(20% - 8px);
				margin: 0;
				padding: 0;
				vertical-align: top;
				text-align: center;
				box-sizing: border-box;
			}

			#dat-menu-list-inner > li.top-social-item > a.top-social {
				display: flex;
				align-items: center;
				justify-content: center;
				width: auto;
				min-height: 54px;
				margin: 4px;
				padding: 12px 8px;
				font-size: 0;
				line-height: 1;
				color: transparent !important;
				text-shadow: none;
			}

			#dat-menu-list-inner > li.top-social-item > a.top-social .top-social-icon {
				display: block;
				width: 26px;
				height: 26px;
			}

			#dat-menu-list-inner > li.top-social-item > a.top-social:hover,
			#dat-menu-list-inner > li.top-social-item > a.top-social:focus-visible {
				color: transparent !important;
				filter: brightness(1.08);
			}

			#header-top > .wrapper > ul > li > a small {
				margin-left: 6px;
			}

			#header-top > .wrapper > ul.load-responsive > li > a[style*="color:red"] {
				color: #ff5f76 !important;
			}

			#header-top > .wrapper > ul.load-responsive > li > a[style*="color:red"]:hover,
			#header-top > .wrapper > ul.load-responsive > li > a[style*="color:red"]:focus-visible {
				color: #ffffff !important;
			}

			#content {
				padding: 0 0 clamp(24px, 3.5vw, 40px);
				box-sizing: border-box;
			}

			#main-box {
				border-radius: 0 0 24px 24px;
				overflow: hidden;
				box-shadow: var(--site-card-shadow);
			}

#main-box.full-width #main {
    margin: 0 auto !important;
}

			/* ------------------------------------------------------------------
			   Site-wide grayish content panel (replaces stark #f4f4f4 / white)
			   Tuned so purple headings + dark body text stay readable.
			   ------------------------------------------------------------------ */
			#main-box,
			#main-box #main,
			#main-box.full-width,
			#main-box.full-width #main {
				background: var(--site-panel-bg) !important;
				color: var(--site-panel-text);
			}

			/* Title-bar mask spans must match panel so the line looks cut cleanly */
			.signup-panel > div > h2 span,
			.user-profile .profile-right-side h2 span,
			.game-info-right h2 span,
			.article-footer h2 span,
			#main > .forum-block h2 span,
			#main > h2 span {
				background: var(--site-panel-bg) !important;
			}

			#main h2 span,
			.signup-panel > div > h2 span,
			.user-profile .profile-right-side h2 span,
			.game-info-right h2 span,
			.article-footer h2 span,
			#main > .forum-block h2 span {
				color: var(--site-panel-heading) !important;
			}

			#main p,
			#main .content-padding,
			#main .content-padding p,
			.user-profile,
			.user-profile .profile-right-side,
			.profile-info li span.last {
				color: var(--site-panel-text);
			}

			ul.profile-info li span.first {
				color: var(--site-panel-muted) !important;
			}

			.user-profile .profile-left-side .profile-user-name {
				color: var(--site-panel-heading) !important;
			}

			.user-profile .profile-left-side .the-profile-top {
				background: var(--site-panel-elevated) !important;
				box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
			}

			.profile-left-side .the-profile-navi {
				background: var(--site-panel-elevated) !important;
				box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06) !important;
				border-radius: 4px;
			}

			/* Sidebar nav links — dark text so they stay readable on gray */
			.profile-left-side .the-profile-navi a,
			.profile-left-side .profile-navi a,
			.profile-navi li a,
			.profile-navi li a .fa {
				color: #2a2e38 !important;
			}

			.profile-navi li a .notif {
				background: #b8bdc8 !important;
				color: #1f232b !important;
			}

			.profile-navi li {
				border-bottom-color: #aeb3be !important;
			}

			.profile-navi li a:hover,
			.profile-navi li.active a,
			.profile-navi li a:hover .fa,
			.profile-navi li.active a .fa {
				color: var(--site-panel-heading) !important;
			}

			.profile-left-side .profile-navi li:hover,
			.profile-left-side .profile-navi li.active,
			.profile-navi li a:hover,
			.profile-navi li.active a {
				background: #c8ccd6 !important;
			}

			/* My Account + Cash bars: match sidebar nav hover (#c8ccd6), not black */
			.user-button-list .defbutton.profile-button {
				background: var(--site-panel-elevated) !important;
				color: #2a2e38 !important;
				border: 1px solid rgba(47, 51, 60, 0.12);
				box-shadow: none;
				transition: background 0.15s ease, color 0.15s ease;
			}

			.user-button-list .defbutton.profile-button:hover,
			.user-button-list .defbutton.profile-button:focus-visible {
				background: #c8ccd6 !important;
				color: var(--site-panel-heading) !important;
				outline: none;
			}

			.user-button-list .defbutton.profile-button .fa {
				color: inherit !important;
			}

			.user-button-list .defbutton.profile-button.disabled,
			.user-button-list .defbutton.profile-button.disabled:hover {
				background: #d0d3db !important;
				color: #5a6070 !important;
				cursor: default;
			}

			/* Ticket form field titles — was #aaa on gray panel */
			.tickets-page .conversation-start-new-block h3,
			.conversation-start-new-block h3 {
				color: #2a2e38 !important;
				font-weight: 800;
				letter-spacing: 0.02em;
			}

			.tickets-page .conversation-start-new-block p,
			.conversation-start-new-block p {
				color: #3a404c !important;
			}

			.tickets-page .the-form form > p > label:not(.iiiii),
			.the-form form > p > label:not(.iiiii),
			.the-form label,
			.the-form form label {
				color: #2a2e38 !important;
				font-weight: 700;
			}

			/* Change password / account form submit — high contrast on gray panel */
			.the-form .form-footer input[type=submit],
			.the-form input[type=submit],
			#main .the-form input[type=submit] {
				background: linear-gradient(180deg, #6f5483 0%, #5a3f6b 100%) !important;
				color: #ffffff !important;
				border: 1px solid #463252 !important;
				border-radius: 8px !important;
				font-weight: 800 !important;
				text-shadow: none !important;
				box-shadow: 0 8px 18px rgba(90, 63, 107, 0.28) !important;
				padding: 10px 18px !important;
				cursor: pointer;
			}

			.the-form .form-footer input[type=submit]:hover,
			.the-form input[type=submit]:hover,
			#main .the-form input[type=submit]:hover {
				background: linear-gradient(135deg, #f5d948, #e8a820) !important;
				color: #1a1520 !important;
				border-color: #c4921a !important;
			}

			/* Class guide Start / Path A / Path B badges */
			.guide-path-badge {
				display: inline-flex !important;
				align-items: center;
				min-height: 28px;
				padding: 5px 12px !important;
				border-radius: 6px;
				border: 1px solid #c4921a;
				background: linear-gradient(135deg, #f5d948 0%, #e8a820 100%) !important;
				color: #1a1520 !important;
				font-size: 12px !important;
				font-weight: 900 !important;
				letter-spacing: 0.06em;
				text-transform: uppercase;
				box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16);
			}

			.guide-path-head > span:not(.guide-path-badge) {
				color: var(--site-panel-muted) !important;
			}

			.profile-tabs li a {
				background: var(--site-panel-nested) !important;
				color: #2a2e38 !important;
			}

			.profile-tabs li.active a,
			.profile-tabs li:hover a {
				background: var(--site-panel-elevated) !important;
				color: var(--site-panel-heading) !important;
			}

			.info-blocks li .info-block {
				background: var(--site-panel-nested) !important;
				color: var(--site-panel-muted) !important;
				box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.12), 0 1px 0 rgba(255, 255, 255, 0.35) !important;
			}

			.info-blocks li a.info-block:hover {
				background: #b8bdc8 !important;
			}

			.info-blocks li .info-block b {
				color: var(--site-panel-text) !important;
			}

			.accordion .accordion-tab {
				background: rgba(255, 255, 255, 0.38) !important;
				border-color: rgba(47, 51, 60, 0.16) !important;
				box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28);
			}

			.accordion .accordion-tab.active {
				background: rgba(255, 255, 255, 0.55) !important;
			}

			.accordion .accordion-tab > a {
				color: var(--site-panel-heading) !important;
			}

			#main .the-form textarea,
			#main input[type=text],
			#main select,
			#main input[type=password] {
				background: var(--site-panel-input) !important;
				color: var(--site-panel-text) !important;
				box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.06) !important;
			}

			.login-passes {
				background: var(--site-panel-nested) !important;
				color: var(--site-panel-muted) !important;
			}

			.table-scroll {
				background: var(--site-panel-elevated) !important;
			}

			.pill-nav li a {
				background: var(--site-panel-elevated) !important;
				color: #2a2e38 !important;
			}

			.pill-nav li.active a,
			.pill-nav li.active a span {
				background: linear-gradient(180deg, #6f5483 0%, #5a3f6b 100%) !important;
				color: #ffffff !important;
				border-color: #463252 !important;
				box-shadow: 0 8px 18px rgba(90, 63, 107, 0.35) !important;
				font-weight: 800;
			}

			.pill-nav li a:hover,
			.pill-nav li a:focus-visible {
				background: #c8ccd6 !important;
				color: var(--site-panel-heading) !important;
				outline: none;
			}

			.pill-nav li.active a:hover,
			.pill-nav li.active a:focus-visible {
				background: linear-gradient(135deg, #f5d948, #e8a820) !important;
				color: #1a1520 !important;
				border-color: #c4921a !important;
			}

			.home-article.right ul li a {
				background: var(--site-panel-elevated) !important;
				color: var(--site-panel-text) !important;
			}

			.forum-post,
			.messages-container .message-block,
			.conversation-container .inline-conversation {
				background: var(--site-panel-elevated) !important;
			}

			.reply-box {
				background: var(--site-panel-nested) !important;
			}

			.pagination a,
			.pagination span,
			.pagination .page-num {
				color: var(--site-panel-text) !important;
			}

			/* News cards: Posted on + Read — high contrast on gray panel */
			#main .news-card__meta {
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				gap: 10px;
				margin: 14px 0 6px;
			}

			#main .news-posted {
				display: inline-flex;
				align-items: center;
				gap: 8px;
				min-height: 36px;
				padding: 7px 14px;
				border-radius: 999px;
				background: #2f333c;
				color: #f4f5f7 !important;
				font-size: 12px;
				font-weight: 700;
				letter-spacing: 0.02em;
				line-height: 1.2;
				box-shadow: 0 6px 14px rgba(15, 23, 42, 0.18);
			}

			#main .news-posted .fa {
				color: var(--site-gold);
				font-size: 14px;
			}

			#main .news-read-btn,
			#main a.news-read-btn {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				gap: 8px;
				min-height: 38px;
				padding: 8px 16px;
				border-radius: 8px;
				border: 1px solid rgba(106, 77, 125, 0.55);
				background: linear-gradient(180deg, #6f5483 0%, #5a3f6b 100%);
				color: #ffffff !important;
				font-family: "Oswald", "Segoe UI", sans-serif;
				font-size: 13px;
				font-weight: 700;
				letter-spacing: 0.04em;
				text-transform: uppercase;
				text-decoration: none !important;
				box-shadow: 0 8px 18px rgba(90, 63, 107, 0.28);
				transition: transform 0.15s ease, filter 0.15s ease, box-shadow 0.15s ease;
			}

			#main .news-read-btn:hover,
			#main .news-read-btn:focus-visible,
			#main a.news-read-btn:hover,
			#main a.news-read-btn:focus-visible {
				color: #151515 !important;
				border-color: rgba(245, 217, 72, 0.95);
				background: linear-gradient(135deg, #f5d948, #ffb72b);
				filter: brightness(1.04);
				transform: translateY(-1px);
				box-shadow: 0 12px 22px rgba(0, 0, 0, 0.22);
				outline: none;
			}

			#main .news-read-btn .fa {
				font-size: 12px;
				padding: 0;
			}

			#main .news-card .defbutton {
				display: none;
			}

			/* News archive pagination */
			#main .pagination {
				display: flex;
				justify-content: center;
				margin: 22px 0 8px;
				font-size: inherit;
			}

			#main .news-pager,
			#main #page_navigation.news-pager,
			#main .pagination #page_navigation {
				display: inline-flex;
				align-items: center;
				gap: 10px;
				padding: 8px 12px;
				border-radius: 999px;
				background: var(--site-panel-elevated);
				border: 1px solid rgba(47, 51, 60, 0.14);
				box-shadow: 0 10px 22px rgba(15, 23, 42, 0.12);
			}

			#main .news-pager__pages {
				display: inline-flex;
				align-items: center;
				gap: 6px;
			}

			#main .news-pager__btn,
			#main a.news-pager__btn {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				width: 40px;
				height: 40px;
				border-radius: 50%;
				border: 1px solid rgba(106, 77, 125, 0.35);
				background: #ffffff;
				color: #5a3f6b !important;
				font-size: 15px;
				text-decoration: none !important;
				box-shadow: 0 4px 10px rgba(15, 23, 42, 0.1);
				transition: transform 0.15s ease, background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
			}

			#main .news-pager__btn:hover,
			#main .news-pager__btn:focus-visible {
				background: #5a3f6b;
				border-color: #5a3f6b;
				color: #ffffff !important;
				transform: translateY(-1px);
				outline: none;
			}

			#main .pagination .page-num,
			#main .news-pager .page-num {
				display: inline-flex !important;
				align-items: center;
				justify-content: center;
				min-width: 38px;
				height: 38px;
				margin: 0 !important;
				padding: 0 10px;
				border-radius: 50%;
				border: 1px solid transparent;
				background: transparent;
				color: #2f333c !important;
				font-size: 14px;
				font-weight: 800;
				line-height: 1;
				text-decoration: none !important;
				transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease;
			}

			#main .pagination a.page-num:hover,
			#main .news-pager a.page-num:hover {
				background: rgba(106, 77, 125, 0.12);
				border-color: rgba(106, 77, 125, 0.28);
				color: #5a3f6b !important;
			}

			#main .pagination .page-num.current,
			#main .news-pager .page-num.current {
				background: linear-gradient(180deg, #6f5483 0%, #5a3f6b 100%) !important;
				color: #ffffff !important;
				border-color: transparent !important;
				box-shadow: 0 6px 14px rgba(90, 63, 107, 0.3);
				cursor: default;
			}

			/* Download page: hero, mirrors, install steps */
			#main .dl-page h3 {
				color: var(--site-panel-heading) !important;
				font-weight: 800;
				letter-spacing: 0.02em;
			}

			#main .dl-hero__lead {
				margin: 0 0 10px;
				color: var(--site-panel-muted) !important;
				font-size: 15px;
				line-height: 1.45;
				text-transform: none;
				font-weight: 600;
				text-align: center;
			}

			#main .dl-section-intro,
			#main .dl-utils-intro {
				margin: 0 0 14px;
				color: var(--site-panel-muted) !important;
				font-size: 15px;
				line-height: 1.45;
				text-transform: none;
				font-weight: 600;
			}

			#main .dl-hero__art {
				display: flex;
				justify-content: center;
				align-items: center;
				width: auto;
				max-width: 100%;
				min-height: 0;
				margin: 0 auto 12px;
				padding: 0;
				border: 0;
				border-radius: 0;
				background: none;
				box-shadow: none;
			}

			#main .dl-hero__img {
				display: block;
				width: auto;
				max-width: min(280px, 70vw);
				height: auto;
				margin: 0 auto;
			}

			#main .dl-download-grid {
				display: grid;
				grid-template-columns: repeat(2, minmax(0, 1fr));
				gap: 12px;
				margin: 0 0 6px;
			}

			#main a.dl-dl-card {
				display: grid;
				grid-template-columns: 56px minmax(0, 1fr) auto;
				align-items: center;
				gap: 12px;
				min-height: 88px;
				padding: 14px 16px;
				border-radius: 12px;
				border: 1px solid rgba(47, 51, 60, 0.14);
				background: linear-gradient(180deg, #f7f8fb 0%, #e8ebf2 100%);
				color: var(--site-panel-text) !important;
				text-decoration: none !important;
				box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
				transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
			}

			#main a.dl-dl-card:hover,
			#main a.dl-dl-card:focus-visible {
				border-color: #12c8e0;
				background: linear-gradient(180deg, #f0fcff 0%, #e4f7fb 100%);
				box-shadow:
					0 0 0 3px rgba(18, 200, 224, 0.28),
					0 12px 22px rgba(15, 23, 42, 0.12);
				transform: translateY(-2px);
				outline: none;
			}

			#main .dl-dl-card__icon {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 56px;
				height: 56px;
				border-radius: 12px;
				background: #ffffff;
				border: 1px solid rgba(47, 51, 60, 0.1);
			}

			#main .dl-dl-card__icon img {
				width: 40px;
				height: 40px;
				object-fit: contain;
			}

			#main .dl-dl-card__body {
				min-width: 0;
				display: flex;
				flex-direction: column;
				gap: 3px;
			}

			#main .dl-dl-card__body strong {
				color: #2f333c;
				font-size: 16px;
				font-weight: 900;
				line-height: 1.2;
			}

			#main .dl-dl-card__body small {
				color: #5a6070;
				font-size: 12px;
				line-height: 1.35;
			}

			#main .dl-dl-card__cta {
				display: inline-flex;
				align-items: center;
				gap: 7px;
				padding: 9px 13px;
				border-radius: 999px;
				background: linear-gradient(180deg, #6f5483 0%, #5a3f6b 100%);
				color: #ffffff;
				font-size: 11px;
				font-weight: 900;
				letter-spacing: 0.04em;
				text-transform: uppercase;
				white-space: nowrap;
				box-shadow: 0 6px 14px rgba(90, 63, 107, 0.28);
			}

			#main a.dl-dl-card:hover .dl-dl-card__cta {
				background: linear-gradient(135deg, #f5d948, #e8a820);
				color: #1a1520;
			}

			#main .dl-steps {
				list-style: none;
				margin: 0;
				padding: 0;
				display: grid;
				gap: 10px;
			}

			#main .dl-step {
				display: grid;
				grid-template-columns: 42px minmax(0, 1fr);
				gap: 12px;
				align-items: start;
				padding: 14px 16px;
				border-radius: 12px;
				border: 1px solid rgba(47, 51, 60, 0.12);
				background: var(--site-panel-elevated);
				box-shadow: 0 6px 16px rgba(15, 23, 42, 0.06);
			}

			#main .dl-step__num {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				width: 42px;
				height: 42px;
				border-radius: 50%;
				background: linear-gradient(180deg, #6f5483 0%, #5a3f6b 100%);
				color: #ffffff;
				font-size: 16px;
				font-weight: 900;
				box-shadow: 0 6px 14px rgba(90, 63, 107, 0.28);
			}

			#main .dl-step__body {
				display: flex;
				flex-direction: column;
				gap: 4px;
				min-width: 0;
			}

			#main .dl-step__body strong {
				color: #2f333c;
				font-size: 15px;
				font-weight: 800;
				line-height: 1.25;
			}

			#main .dl-step__body span {
				color: #3a404c !important;
				font-size: 14px;
				line-height: 1.45;
			}

			/* Download: system requirements + utilities */
			#main .dl-reqs {
				display: grid;
				width: 100%;
				margin: 8px 0 8px;
				border-radius: 14px;
				overflow: hidden;
				border: 1px solid rgba(47, 51, 60, 0.16);
				background: var(--site-panel-elevated);
				box-shadow: 0 12px 24px rgba(15, 23, 42, 0.1);
			}

			#main .dl-reqs__head,
			#main .dl-reqs__row {
				display: grid;
				grid-template-columns: minmax(110px, 0.7fr) minmax(0, 1.15fr) minmax(0, 1.15fr);
			}

			#main .dl-reqs__cell {
				padding: 12px 14px;
				color: var(--site-panel-text);
				font-size: 13px;
				line-height: 1.4;
				border-top: 1px solid rgba(47, 51, 60, 0.08);
			}

			#main .dl-reqs__head .dl-reqs__cell {
				border-top: 0;
				font-family: "Oswald", "Segoe UI", sans-serif;
				font-size: 14px;
				font-weight: 700;
				letter-spacing: 0.03em;
				text-transform: uppercase;
				color: #ffffff;
			}

			#main .dl-reqs__label {
				font-weight: 800;
				color: #ffffff;
				background: #5a3f6b;
			}

			#main .dl-reqs__head .dl-reqs__label {
				background: #463252;
			}

			#main .dl-reqs__col-title {
				background: #6a4d7d;
				text-align: center;
			}

			#main .dl-reqs__col-title--rec {
				background: #3d6d8c;
			}

			#main .dl-reqs__row .dl-reqs__cell:not(.dl-reqs__label) {
				background: #eef0f4;
			}

			#main .dl-reqs__row:nth-child(even) .dl-reqs__cell:not(.dl-reqs__label) {
				background: #e4e7ee;
			}

			#main .dl-utils-intro {
				margin: 0 0 14px;
				color: var(--site-panel-muted) !important;
				font-size: 14px;
				line-height: 1.45;
			}

			#main .dl-utils-grid {
				display: grid;
				grid-template-columns: repeat(2, minmax(0, 1fr));
				gap: 12px;
				margin: 0 0 8px;
			}

			#main a.dl-util-card {
				display: grid;
				grid-template-columns: 56px minmax(0, 1fr) auto;
				align-items: center;
				gap: 12px;
				min-height: 84px;
				padding: 14px 16px;
				border-radius: 12px;
				border: 1px solid rgba(47, 51, 60, 0.14);
				background: linear-gradient(180deg, #f4f5f8 0%, #e7e9f0 100%);
				color: var(--site-panel-text) !important;
				text-decoration: none !important;
				box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
				transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
			}

			#main a.dl-util-card:hover,
			#main a.dl-util-card:focus-visible {
				border-color: #12c8e0;
				background: linear-gradient(180deg, #f0fcff 0%, #e4f7fb 100%);
				box-shadow:
					0 0 0 3px rgba(18, 200, 224, 0.28),
					0 12px 22px rgba(15, 23, 42, 0.12);
				transform: translateY(-2px);
				outline: none;
			}

			#main .dl-util-card__icon {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 56px;
				height: 56px;
				border-radius: 12px;
				background: #ffffff;
				border: 1px solid rgba(47, 51, 60, 0.1);
				box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6);
			}

			#main .dl-util-card__icon img {
				width: 40px;
				height: 40px;
				object-fit: contain;
			}

			#main .dl-util-card__body {
				min-width: 0;
				display: flex;
				flex-direction: column;
				gap: 3px;
			}

			#main .dl-util-card__body strong {
				color: #2f333c;
				font-size: 15px;
				font-weight: 800;
				line-height: 1.2;
			}

			#main .dl-util-card__body small {
				color: #5a6070;
				font-size: 12px;
				line-height: 1.35;
			}

			#main .dl-util-card__cta {
				display: inline-flex;
				align-items: center;
				gap: 6px;
				padding: 8px 12px;
				border-radius: 999px;
				background: #2f333c;
				color: #ffffff;
				font-size: 11px;
				font-weight: 800;
				letter-spacing: 0.04em;
				text-transform: uppercase;
				white-space: nowrap;
			}

			#main a.dl-util-card:hover .dl-util-card__cta {
				background: #12c8e0;
				color: #102027;
			}

			/* Keep warning / success banners readable on gray */
			.info-msg {
				background: #efe2b0 !important;
				color: #5a4a1a !important;
			}

			.notification_box {
				background: var(--site-panel-elevated) !important;
				color: var(--site-panel-text) !important;
				border-color: #8a8f9a !important;
			}

			.notification_box h1.notification_msg.error {
				color: #b00020 !important;
			}

			.notification_box h1.notification_msg.success {
				color: #1f6b2c !important;
			}

			.buy-cash-page a.buycash-terms-link {
				color: #7a3d1a !important;
			}

			.buy-cash-page a.buycash-terms-link:hover,
			.buy-cash-page a.buycash-terms-link:focus {
				color: var(--site-accent) !important;
			}

			/* Guide pages: lift white/cream cards to match panel hierarchy */
			.guide-hero,
			.guide-panel,
			.maps-side,
			.map-card,
			.guide-class-card {
				background: var(--site-panel-elevated) !important;
			}

			.guide-family-tab,
			.guide-toolbar input[type="search"],
			.guide-toolbar select {
				background: var(--site-panel-input) !important;
				color: var(--site-panel-text) !important;
				border-color: #b0b5c0 !important;
			}

			.guide-family-tab.is-active,
			.guide-family-tab:hover,
			.guide-class-card:hover {
				background: #ece8df !important;
				border-color: #8a7348 !important;
			}

			.guide-wrap {
				color: var(--site-panel-text);
			}

			.guide-hero h1,
			.guide-panel h2,
			.guide-family-title,
			.map-card h3 {
				color: var(--site-panel-heading) !important;
			}

			.guide-hero p,
			.guide-panel p,
			.guide-family-desc,
			.map-card p {
				color: var(--site-panel-muted) !important;
			}

			.guide-family-tab,
			.guide-class-card,
			.guide-class-card h4 {
				color: var(--site-panel-text) !important;
			}

			#logo {
				height: clamp(170px, 28vw, 320px);
			}

			.logo_origins {
				left: 0;
				top: clamp(18px, 4vw, 36px);
				height: clamp(120px, 17vw, 180px);
				background-size: min(78vw, 620px);
				background-position: center;
			}

			#slider-imgs div.featured-img-box div.featured-img,
			#featured-img-1,
			#featured-img-2,
			#featured-img-3,
			#featured-img-4 {
				background-size: cover !important;
				background-position: center top !important;
			}

			div.content-padding {
				padding: 0 clamp(18px, 4vw, 30px);
			}

			.footer .footer-content {
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				text-align: center;
			}

			.footer .footer-content--slim {
				display: block;
				padding: 14px 16px 10px;
			}

			.footer .footer-content > div {
				display: block;
				width: auto;
				flex: 1 1 260px;
				min-width: 0;
				text-align: center;
			}

			.footer .footer-content--slim > div {
				flex: none;
				width: 100%;
				padding: 0 !important;
				margin: 0 !important;
				min-height: 0;
			}

			.footer .footer-content--slim > div.clear-float {
				display: none;
			}

			.footer .footer-content > div:after {
				display: none;
			}

			.footer .footer-content--slim .center {
				padding: 6px 12px 0 !important;
				margin: 0 !important;
				text-align: center;
			}

			.footer .center {
				padding: 0 16px 8px;
				text-align: center;
			}

			.footer .icon-line {
				display: inline-flex;
				align-items: center;
				justify-content: center;
			}

			.pagination {
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				gap: 8px;
			}

			.pagination .page-num {
				margin: 0;
			}

			#main .pagination .previous_link button,
			#main .pagination .next_link button {
				display: none;
			}

			.pill-nav {
				display: flex;
				flex-wrap: wrap;
				gap: 10px;
				align-items: center;
				padding: 10px 0 !important;
			}

			.pill-nav li {
				list-style: none;
			}

			.pill-nav li a {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				min-height: 38px;
				padding: 8px 18px;
				border-radius: 999px;
				background: rgba(255, 255, 255, 0.84);
				border: 1px solid rgba(106, 77, 125, 0.18);
				box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
				color: #2a2e38;
				font-weight: 700;
				text-decoration: none !important;
			}

			.pill-nav li.active {
				background: transparent;
				box-shadow: none;
			}

			.pill-nav li.active a,
			.pill-nav li.active a span {
				background: linear-gradient(180deg, #6f5483 0%, #5a3f6b 100%) !important;
				color: #ffffff !important;
				border: 1px solid #463252;
				box-shadow: 0 10px 22px rgba(90, 63, 107, 0.32);
				font-weight: 800;
			}

			.table-scroll {
				overflow-x: auto;
				-webkit-overflow-scrolling: touch;
				margin: 18px 0 28px;
				border-radius: 18px;
				border: 1px solid rgba(106, 77, 125, 0.14);
				background: #f8f9ff;
				box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
			}

			.table-scroll table {
				min-width: 640px;
				margin: 0;
			}

			.table-scroll .table {
				margin-bottom: 0;
			}

			.table-scroll::-webkit-scrollbar {
				height: 10px;
			}

			.table-scroll::-webkit-scrollbar-thumb {
				background: rgba(106, 77, 125, 0.35);
				border-radius: 999px;
			}

			.signup-panel {
				display: flex;
				flex-wrap: wrap;
				gap: 28px;
			}

			.signup-panel > div > h2,
			.user-profile .profile-right-side h2 {
				position: relative;
				display: flex;
				align-items: center;
				min-height: 36px;
				margin: 0 0 24px !important;
				padding: 0 0 12px !important;
				background: none !important;
				line-height: 1.2;
				overflow: visible;
			}

			.signup-panel > div > h2::after,
			.user-profile .profile-right-side h2::after {
				content: "";
				position: absolute;
				left: 0;
				bottom: 0;
				width: min(220px, 72%);
				height: 3px;
				border-radius: 999px;
				background: linear-gradient(90deg, var(--site-accent), rgba(106, 77, 125, 0.18));
				box-shadow: 0 2px 0 rgba(245, 217, 72, 0.18);
			}

			.signup-panel > div > h2 span,
			.user-profile .profile-right-side h2 span {
				position: relative;
				z-index: 1;
				display: inline-block;
				margin-left: 0 !important;
				padding: 0 !important;
				background: transparent !important;
				line-height: 1.2;
			}

			.user-profile {
				padding-top: 24px;
			}

			.user-profile .profile-left-side {
				margin-top: 0 !important;
			}

			.user-profile .profile-left-side .profile-user-name {
				position: static;
				width: auto;
				padding: 0 0 14px;
				color: var(--site-panel-text);
				text-align: center;
				text-shadow: none;
			}

			.user-profile .profile-left-side .profile-user-name h1 {
				color: var(--site-panel-heading);
				font-size: 24px;
				line-height: 1.15;
				overflow-wrap: anywhere;
			}

			.user-profile .profile-left-side .profile-user-name .sttaa {
				width: auto;
				white-space: normal;
				color: #3a4250 !important;
				text-shadow: none !important;
				font-size: 13px;
				font-weight: 500;
				line-height: 1.35;
				opacity: 1 !important;
			}

			.user-profile .profile-left-side .profile-user-name .sttaa span {
				padding-right: 0;
				color: #3a4250 !important;
				text-shadow: none !important;
				opacity: 1 !important;
			}

			.account-page .user-profile,
			.tickets-page .user-profile,
			.buy-cash-page .user-profile {
				display: flex;
				align-items: flex-start;
				gap: 20px;
				padding: 24px 20px 0;
				box-sizing: border-box;
			}

			.account-page .user-profile .profile-left-side,
			.tickets-page .user-profile .profile-left-side,
			.buy-cash-page .user-profile .profile-left-side {
				flex: 0 0 244px;
				float: none !important;
				width: 244px;
				margin: 0 !important;
			}

			.account-page .user-profile .profile-right-side,
			.tickets-page .user-profile .profile-right-side,
			.buy-cash-page .user-profile .profile-right-side {
				flex: 1 1 auto;
				float: none !important;
				width: auto !important;
				min-width: 0;
				margin-left: 0 !important;
			}

			.account-page .user-profile .profile-right-side h2,
			.tickets-page .user-profile .profile-right-side h2,
			.buy-cash-page .user-profile .profile-right-side h2 {
				margin-left: 0 !important;
			}

			.tickets-page .forum-threads,
			.tickets-page .forum-threads-head,
			.tickets-page .conversation-container,
			.tickets-page .content-padding {
				max-width: 100%;
				box-sizing: border-box;
			}

			.buy-cash-page .user-profile .accordion {
				width: 100%;
			}

			/* Buy Cash: clickable terms / rules links show pointer + hover color */
			.buy-cash-page a.buycash-terms-link,
			.buy-cash-page .info-msg a,
			.buy-cash-page a[href*="rules.php"] {
				cursor: pointer;
				text-decoration: underline;
				transition: color 0.15s ease;
			}

			.buy-cash-page a.buycash-terms-link {
				color: brown;
			}

			.buy-cash-page a.buycash-terms-link:hover,
			.buy-cash-page a.buycash-terms-link:focus,
			.buy-cash-page .info-msg a:hover,
			.buy-cash-page .info-msg a:focus,
			.buy-cash-page a[href*="rules.php"]:hover,
			.buy-cash-page a[href*="rules.php"]:focus {
				color: #6a4d7d;
				cursor: pointer;
			}

			.signup-panel .left,
			.signup-panel .right {
				float: none;
				width: auto;
				min-width: 0;
			}

			.signup-panel .left {
				flex: 1 1 360px;
				max-width: 480px;
				padding-right: 0;
				margin-right: 0;
				border-right: 0;
			}

			.signup-panel .right {
				flex: 1 1 320px;
				padding-left: 0;
				margin-left: 0;
				border-left: 0;
			}

			.login-passes {
				padding: 16px 18px;
				border-radius: 16px;
			}

			.the-form {
				width: 100%;
				max-width: 460px;
				margin: 16px 0 0;
			}

			#main .the-form textarea,
			#main input[type=text],
			#main select,
			#main input[type=password] {
				max-width: 100%;
				box-sizing: border-box;
			}

			.article-full .article-icons {
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				gap: 12px 18px;
			}

			.article-full .article-icons a {
				margin-right: 0;
			}

			.article-content,
			.article-full .article-content {
				overflow-wrap: anywhere;
			}

			.article-content img,
			.article-full .article-content img {
				max-width: 100% !important;
				height: auto !important;
			}

			#playMusic,
			#stopMusic {
				width: 132px !important;
				max-width: 10vw;
				height: auto;
			}

			@media (max-width: 900px) {
				#playMusic,
				#stopMusic {
					width: 74px !important;
					max-width: 22vw;
				}
			}

			.homepage-meta-bar {
				display: grid;
				grid-template-columns: minmax(0, 1fr) auto;
				gap: 14px;
				margin: 0 20px 18px;
				align-items: start;
			}

			.homepage-meta-card {
				display: flex;
				flex-direction: column;
				justify-content: center;
				min-height: 64px;
				padding: 8px 20px;
				border-radius: 16px;
				box-sizing: border-box;
				background: rgba(9, 14, 24, 0.84);
				border: 1px solid rgba(245, 217, 72, 0.2);
				box-shadow: var(--site-panel-shadow);
				color: #ffffff;
			}

			.homepage-meta-card--with-uptime {
				flex-direction: row;
				align-items: center;
				justify-content: space-between;
				gap: 18px 28px;
				flex-wrap: wrap;
			}

			#main .homepage-meta-card h3,
			#main .homepage-meta-card p {
				margin: 0 !important;
				color: #ffffff !important;
			}

			#main .homepage-meta-card h3 span,
			#main .homepage-meta-card p span:not([class*="server-uptime__"]) {
				color: inherit !important;
			}

			.homepage-meta-card h3 {
				font-size: 18px;
				line-height: 1.15;
			}

			.server-uptime {
				position: relative;
				display: flex;
				flex-direction: column;
				gap: 4px;
				min-width: 0;
				text-align: right;
			}

			#main .homepage-meta-card .server-uptime p {
				margin: 0 !important;
				font-size: 15px;
				font-weight: 700;
				line-height: 1.25;
				text-transform: uppercase;
				letter-spacing: 0.02em;
				color: #ffffff !important;
			}

			#main .homepage-meta-card .server-uptime span.server-uptime__label {
				color: #ffffff !important;
			}

			#main .homepage-meta-card .server-uptime span.server-uptime__date {
				position: relative;
				display: inline-block;
				color: #ff4ecb !important;
				margin-left: 0.35em;
				text-shadow:
					0 0 6px rgba(255, 78, 203, 0.95),
					0 0 14px rgba(255, 78, 203, 0.7),
					0 0 24px rgba(255, 78, 203, 0.45);
				animation: server-uptime-pulse-pink 2.4s ease-in-out infinite;
			}

			#main .homepage-meta-card .server-uptime span.server-uptime__online {
				color: #6dffb8 !important;
				text-shadow:
					0 0 6px rgba(109, 255, 184, 0.95),
					0 0 14px rgba(109, 255, 184, 0.65),
					0 0 22px rgba(109, 255, 184, 0.4);
				animation: server-uptime-pulse-green 2.6s ease-in-out infinite;
			}

			#main .homepage-meta-card .server-uptime span.server-uptime__for,
			#main .homepage-meta-card .server-uptime span.server-uptime__unit {
				color: #ffffff !important;
				text-shadow: none;
			}

			#main .homepage-meta-card .server-uptime span.server-uptime__count {
				position: relative;
				display: inline-block;
				color: #c4a3ff !important;
				text-shadow:
					0 0 6px rgba(196, 163, 255, 0.95),
					0 0 14px rgba(196, 163, 255, 0.7),
					0 0 24px rgba(196, 163, 255, 0.45);
				animation: server-uptime-pulse-purple 2.2s ease-in-out infinite;
			}

			.server-uptime__date::before,
			.server-uptime__date::after,
			.server-uptime__count::before,
			.server-uptime__count::after {
				content: "✦";
				position: absolute;
				pointer-events: none;
				font-size: 0.55em;
				line-height: 1;
				opacity: 0;
				animation: server-uptime-sparkle 1.8s ease-in-out infinite;
			}

			.server-uptime__date::before {
				top: -0.55em;
				left: -0.35em;
				color: #ff9de0;
				animation-delay: 0s;
			}

			.server-uptime__date::after {
				top: -0.2em;
				right: -0.55em;
				color: #fff1fb;
				animation-delay: 0.55s;
			}

			.server-uptime__count::before {
				top: -0.5em;
				left: -0.4em;
				color: #e7d6ff;
				animation-delay: 0.3s;
			}

			.server-uptime__count::after {
				bottom: -0.15em;
				right: -0.5em;
				color: #9bffd0;
				animation-delay: 0.9s;
			}

			.server-uptime__sparkles {
				position: absolute;
				inset: -6px -10px;
				pointer-events: none;
				overflow: visible;
			}

			.server-uptime__sparkles > span {
				position: absolute;
				width: 3px;
				height: 3px;
				border-radius: 50%;
				background: #fff;
				box-shadow: 0 0 6px 1px currentColor;
				opacity: 0;
				animation: server-uptime-twinkle 2s ease-in-out infinite;
			}

			.server-uptime__sparkles > span:nth-child(1) { top: 8%; left: 12%; color: #ff4ecb; animation-delay: 0s; }
			.server-uptime__sparkles > span:nth-child(2) { top: 18%; right: 8%; color: #6dffb8; animation-delay: 0.4s; }
			.server-uptime__sparkles > span:nth-child(3) { bottom: 12%; left: 28%; color: #c4a3ff; animation-delay: 0.8s; }
			.server-uptime__sparkles > span:nth-child(4) { top: 42%; right: 22%; color: #ffe38a; animation-delay: 1.1s; }
			.server-uptime__sparkles > span:nth-child(5) { bottom: 22%; right: 4%; color: #ff9de0; animation-delay: 1.5s; }

			@keyframes server-uptime-sparkle {
				0%, 100% { opacity: 0; transform: scale(0.4) rotate(0deg); }
				40% { opacity: 1; transform: scale(1) rotate(20deg); }
				70% { opacity: 0.35; transform: scale(0.7) rotate(-10deg); }
			}

			@keyframes server-uptime-twinkle {
				0%, 100% { opacity: 0; transform: scale(0.3); }
				45% { opacity: 1; transform: scale(1.35); }
				70% { opacity: 0.25; transform: scale(0.7); }
			}

			@keyframes server-uptime-pulse-pink {
				0%, 100% {
					text-shadow:
						0 0 6px rgba(255, 78, 203, 0.85),
						0 0 14px rgba(255, 78, 203, 0.55),
						0 0 22px rgba(255, 78, 203, 0.3);
				}
				50% {
					text-shadow:
						0 0 10px rgba(255, 78, 203, 1),
						0 0 22px rgba(255, 78, 203, 0.85),
						0 0 34px rgba(255, 78, 203, 0.55);
				}
			}

			@keyframes server-uptime-pulse-green {
				0%, 100% {
					text-shadow:
						0 0 6px rgba(109, 255, 184, 0.85),
						0 0 14px rgba(109, 255, 184, 0.5);
				}
				50% {
					text-shadow:
						0 0 10px rgba(109, 255, 184, 1),
						0 0 22px rgba(109, 255, 184, 0.8);
				}
			}

			@keyframes server-uptime-pulse-purple {
				0%, 100% {
					text-shadow:
						0 0 6px rgba(196, 163, 255, 0.85),
						0 0 14px rgba(196, 163, 255, 0.55);
				}
				50% {
					text-shadow:
						0 0 10px rgba(196, 163, 255, 1),
						0 0 22px rgba(196, 163, 255, 0.8);
				}
			}

			@media (prefers-reduced-motion: reduce) {
				#main .homepage-meta-card .server-uptime span.server-uptime__date,
				#main .homepage-meta-card .server-uptime span.server-uptime__online,
				#main .homepage-meta-card .server-uptime span.server-uptime__count,
				.server-uptime__date::before,
				.server-uptime__date::after,
				.server-uptime__count::before,
				.server-uptime__count::after,
				.server-uptime__sparkles > span {
					animation: none !important;
				}

				.server-uptime__date::before,
				.server-uptime__date::after,
				.server-uptime__count::before,
				.server-uptime__count::after,
				.server-uptime__sparkles > span {
					opacity: 0.65;
				}
			}

			.homepage-meta-card--vote {
				flex-direction: row;
				align-items: center;
				justify-content: flex-start;
				gap: 12px;
				min-width: 250px;
				padding-top: 8px;
				padding-bottom: 8px;
			}

			#main .homepage-meta-card--vote p {
				flex: 0 0 auto;
				font-size: 14px;
				line-height: 1.1;
			}

			.homepage-vote-links {
				display: flex;
				flex-wrap: nowrap;
				align-items: center;
				gap: 8px;
				margin-top: 0;
			}

			.homepage-vote-links a {
				display: inline-flex;
			}

			.homepage-vote-links img {
				max-height: 34px;
				border-radius: 8px;
				background: rgba(255, 255, 255, 0.92);
			}

			.homepage-vote-links br {
				display: none;
			}

			#main .homepage-news-grid {
				display: grid;
				grid-template-columns: repeat(2, minmax(0, 1fr));
				gap: 18px;
			}

			#main .homepage-news-grid:after {
				display: none;
			}

			#main .homepage-news-grid .item,
			#main .homepage-news-grid .item:nth-child(2n+1),
			#main .homepage-news-grid .item:nth-child(n+3) {
				float: none;
				width: auto;
				min-width: 0;
				margin: 0;
				clear: none;
			}

			#main .homepage-news-grid .article-image-out img {
				display: block;
				aspect-ratio: 16 / 6;
				object-fit: cover;
			}

			/* News cards: no eye / no blurry dim — glow border on hover */
			#main .news-card,
			#main .homepage-news-grid .item.news-card,
			#main .article-promo.news-card,
			#main .home-article.left.news-card {
				position: relative;
				border-radius: 12px;
				padding: 12px;
				border: 2px solid transparent;
				box-sizing: border-box;
				/* Contain floated .article-photo / .article-content so hover ring wraps the full card */
				overflow: hidden;
				transition:
					border-color 0.22s ease,
					box-shadow 0.22s ease,
					transform 0.2s ease,
					background-color 0.22s ease;
			}

			#main .news-card::after,
			#main .homepage-news-grid .item.news-card::after,
			#main .article-promo.news-card::after,
			#main .home-article.left.news-card::after {
				content: "";
				display: table;
				clear: both;
			}

			/* All News list: proper two-column card (fixes collapsed hover outline) */
			#main .article-promo.news-card.news-card--list {
				display: grid;
				grid-template-columns: minmax(160px, 280px) minmax(0, 1fr);
				gap: 16px 20px;
				align-items: start;
				overflow: visible;
			}

			#main .article-promo.news-card.news-card--list .article-photo,
			#main .article-promo.news-card.news-card--list .article-content {
				float: none;
				width: auto;
				max-width: none;
				margin: 0;
			}

			#main .article-promo.news-card.news-card--list .article-content h3 {
				margin-top: 0;
			}

			#main .news-card:hover,
			#main .homepage-news-grid .item.news-card:hover,
			#main .article-promo.news-card:hover,
			#main .home-article.left.news-card:hover {
				border-color: rgba(18, 200, 224, 0.95);
				background: rgba(255, 255, 255, 0.12);
				transform: translateY(-2px);
				box-shadow:
					0 0 0 2px rgba(245, 217, 72, 0.45),
					0 0 16px rgba(18, 200, 224, 0.65),
					0 0 34px rgba(106, 77, 125, 0.45),
					0 12px 28px rgba(15, 23, 42, 0.18);
			}

			#main .news-card span.article-image .nth1,
			#main .news-card span.article-image span.nth1,
			#main .article-promo.news-card span.article-image .nth1 {
				display: none !important;
			}

			#main .news-card .article-image-out,
			#main .news-card .article-image,
			#main .article-promo.news-card .article-image-out,
			#main .article-promo.news-card .article-image {
				background: transparent !important;
			}

			#main .news-card span.article-image:hover > a > img,
			#main .news-card span.article-image:hover > img,
			#main .article-promo.news-card span.article-image:hover > a > img,
			#main .article-promo.news-card span.article-image:hover > img {
				opacity: 1 !important;
				filter: none !important;
			}

			@media (prefers-reduced-motion: reduce) {
				#main .news-card,
				#main .homepage-news-grid .item.news-card,
				#main .article-promo.news-card,
				#main .home-article.left.news-card {
					transition: border-color 0.15s ease, box-shadow 0.15s ease;
				}

				#main .news-card:hover,
				#main .homepage-news-grid .item.news-card:hover,
				#main .article-promo.news-card:hover,
				#main .home-article.left.news-card:hover {
					transform: none;
				}
			}

			.homepage-news-actions {
				display: flex;
				justify-content: center;
				clear: both;
				margin: 18px 0 2px;
			}

			.homepage-activity-row {
				display: grid;
				grid-template-columns: minmax(240px, 0.95fr) minmax(420px, 1.55fr);
				gap: 14px;
				clear: both;
				margin: 20px;
				align-items: stretch;
			}

			.homepage-activity-card {
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				min-width: 0;
				min-height: 168px;
				padding: 16px;
				border-radius: 8px;
				box-sizing: border-box;
				background: linear-gradient(135deg, rgba(12, 18, 31, 0.95), rgba(42, 33, 58, 0.95));
				border: 1px solid rgba(245, 217, 72, 0.24);
				box-shadow: var(--site-panel-shadow);
				color: #ffffff;
			}

			.homepage-activity-kicker {
				display: inline-flex;
				align-items: center;
				margin-bottom: 6px;
				color: var(--site-gold) !important;
				font-size: 12px;
				font-weight: 800;
				line-height: 1.1;
				text-transform: uppercase;
			}

			#main .homepage-activity-card h2 {
				min-height: 0;
				margin: 0 0 8px !important;
				padding: 0 !important;
				background: none !important;
				line-height: 1.1;
			}

			#main .homepage-activity-card h2::after {
				display: none;
			}

			#main .homepage-activity-card h2 span {
				margin: 0 !important;
				padding: 0 !important;
				background: none !important;
				color: #ffffff !important;
				font-size: 24px;
				line-height: 1.1;
			}

			#main .homepage-activity-card p {
				margin: 0 0 10px;
				color: #edf2ff;
				font-size: 14px;
				line-height: 1.45;
			}

			#main .homepage-activity-card small {
				display: block;
				color: #ffdf8c;
				font-size: 12px;
				font-weight: 700;
				line-height: 1.35;
			}

			.homepage-action-button,
			.homepage-battlesquare-viewall {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				gap: 8px;
				min-height: 42px;
				padding: 10px 16px;
				border-radius: 8px;
				box-sizing: border-box;
				border: 1px solid rgba(245, 217, 72, 0.92);
				background: linear-gradient(135deg, #f5d948, #ffb72b);
				color: #151515 !important;
				font-size: 13px;
				font-weight: 900;
				line-height: 1.1;
				text-transform: uppercase;
				text-decoration: none;
				box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.36), 0 10px 20px rgba(0, 0, 0, 0.28);
				transition: transform 0.16s ease, box-shadow 0.16s ease, filter 0.16s ease;
			}

			.homepage-action-button:hover,
			.homepage-action-button:focus-visible,
			.homepage-battlesquare-viewall:hover,
			.homepage-battlesquare-viewall:focus-visible {
				color: #2b1836 !important;
				filter: brightness(1.08);
				transform: translateY(-2px);
				box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.48), 0 14px 24px rgba(0, 0, 0, 0.34);
				outline: none;
			}

			.vote-action-button {
				align-self: flex-start;
				margin-top: 12px;
			}

			.homepage-battlesquare-card {
				gap: 14px;
			}

			.homepage-battlesquare-title {
				min-width: 0;
			}

			.homepage-battlesquare-preview {
				display: grid;
				grid-template-columns: minmax(104px, auto) minmax(0, 1fr);
				gap: 12px;
				align-items: stretch;
			}

			.homepage-battlesquare-viewall {
				min-width: 104px;
				height: 100%;
				flex-direction: column;
				align-self: stretch;
				text-align: center;
			}

			.homepage-battlesquare-viewall i {
				font-size: 18px;
			}

			.homepage-battlesquare-list {
				display: grid;
				grid-template-columns: repeat(2, minmax(0, 1fr));
				gap: 12px;
				min-width: 0;
			}

			.battlesquare-mini-card,
			.battlesquare-full-card {
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				min-width: 0;
				border-radius: 8px;
				border: 1px solid rgba(245, 217, 72, 0.34);
				background: rgba(255, 255, 255, 0.06);
				box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
				color: #ffffff;
			}

			.battlesquare-mini-card {
				min-height: 132px;
				padding: 12px;
			}

			.battlesquare-card-map {
				color: var(--site-gold);
				font-size: 14px;
				font-weight: 900;
				line-height: 1.2;
				text-align: center;
				text-transform: uppercase;
				overflow-wrap: anywhere;
			}

			.battlesquare-card-level {
				margin-top: 8px;
				color: #ffffff;
				font-size: 13px;
				font-weight: 800;
				line-height: 1.2;
				text-align: center;
			}

			.battlesquare-card-start {
				margin-top: 6px;
				color: #ffdf8c;
				font-size: 12px;
				font-weight: 800;
				line-height: 1.2;
				text-align: center;
			}

			.battlesquare-countdown {
				display: flex;
				align-items: baseline;
				justify-content: center;
				gap: 4px;
				margin-top: 10px;
				color: #ffe66c;
				font-size: 24px;
				font-weight: 900;
				line-height: 1;
				text-shadow: 1px 1px 0 #000000;
				white-space: nowrap;
			}

			.battlesquare-countdown span {
				min-width: 2ch;
				text-align: center;
			}

			.battlesquare-countdown .battlesquare-countdown-separator {
				min-width: 0;
			}

			.battlesquare-empty {
				display: flex;
				align-items: center;
				justify-content: center;
				grid-column: 1 / -1;
				min-height: 92px;
				padding: 16px;
				border-radius: 8px;
				border: 1px dashed rgba(245, 217, 72, 0.35);
				box-sizing: border-box;
				color: #ffdf8c;
				font-weight: 800;
				text-align: center;
			}

			.battlesquare-page-grid {
				display: grid;
				grid-template-columns: repeat(3, minmax(0, 1fr));
				gap: 14px;
				margin-bottom: 28px;
			}

			.battlesquare-full-card {
				min-height: 190px;
				padding: 16px;
				background: linear-gradient(135deg, rgba(16, 22, 36, 0.95), rgba(53, 39, 70, 0.95));
			}

			.battlesquare-card-meta {
				display: grid;
				gap: 6px;
				margin-top: 12px;
				color: #edf2ff;
				font-size: 12px;
				font-weight: 700;
				line-height: 1.25;
				text-align: center;
			}

			.footer-seo {
				clear: both;
				max-width: 820px;
				margin: 0 auto 6px;
				padding: 0 18px;
				text-align: center;
			}

			.footer-seo h1 {
				margin: 0 0 10px;
				font-size: clamp(15px, 1.8vw, 18px);
				line-height: 1.35;
				font-weight: 700;
				color: rgba(255, 255, 255, 0.92);
				text-transform: none;
				letter-spacing: 0;
			}

			.footer-seo p {
				margin: 0 0 8px;
				color: rgba(231, 236, 248, 0.72);
				font-size: 13px;
				line-height: 1.6;
			}

			.footer-seo p:last-of-type {
				margin-bottom: 0;
			}

			.footer-seo p span {
				color: inherit;
			}

			.footer-seo__links {
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				gap: 8px 14px;
				margin-top: 12px;
			}

			.footer-seo__links a {
				color: rgba(245, 217, 72, 0.92) !important;
				font-size: 12px;
				font-weight: 600;
				text-decoration: none;
				border-bottom: 1px solid transparent;
			}

			.footer-seo__links a:hover,
			.footer-seo__links a:focus-visible {
				color: #ffffff !important;
				border-bottom-color: rgba(255, 255, 255, 0.55);
				outline: none;
			}

			.features-modal {
				position: fixed;
				inset: 0;
				display: none;
				align-items: center;
				justify-content: center;
				padding: 20px;
				background: rgba(7, 10, 18, 0.72);
				backdrop-filter: blur(12px);
				z-index: 999999999999999999999;
			}

			.features-modal.is-active {
				display: flex;
			}

			.features-modal__backdrop {
				position: absolute;
				inset: 0;
			}

			.features-modal__dialog {
				position: relative;
				width: min(1120px, 100%);
				height: min(860px, calc(100vh - 40px));
				border-radius: 28px;
				border: 1px solid rgba(255, 255, 255, 0.12);
				overflow: hidden;
				box-shadow: 0 30px 80px rgba(0, 0, 0, 0.38);
				background: #070b14;
			}

			.features-modal__label {
				position: absolute;
				top: 16px;
				left: 18px;
				z-index: 2;
				padding: 8px 12px;
				border-radius: 999px;
				background: rgba(12, 18, 31, 0.76);
				border: 1px solid rgba(245, 217, 72, 0.24);
				color: #ffffff;
				font-size: 12px;
				font-weight: 700;
				letter-spacing: 0.08em;
				text-transform: uppercase;
			}

			.features-modal__close {
				position: absolute;
				top: 14px;
				right: 14px;
				z-index: 2;
				border: 0;
				border-radius: 999px;
				padding: 10px 16px;
				background: rgba(255, 255, 255, 0.94);
				color: #111827;
				font-size: 13px;
				font-weight: 700;
				cursor: pointer;
			}

			.features-modal__iframe {
				display: block;
				width: 100%;
				height: 100%;
				border: 0;
				background: #070b14;
			}

			@media (max-width: 1240px) {
				#header-top > .wrapper > ul.right {
					display: none !important;
				}

				#header-top > .wrapper > ul.load-responsive {
					width: 100%;
					justify-content: center;
				}

				#header-top > .wrapper > ul.load-responsive > li > a {
					padding-left: 10px;
					padding-right: 10px;
					font-size: 12px;
				}
			}

			@media (max-width: 900px) {
				#header-top > .wrapper > ul.load-responsive {
					display: none !important;
				}

				#header-top .wrapper {
					justify-content: flex-end;
				}

				#menu-bottom {
					display: none !important;
				}

				a.datmenu-prompt {
					display: inline-flex !important;
					align-items: center;
					gap: 8px;
					position: fixed !important;
					top: max(12px, env(safe-area-inset-top)) !important;
					left: max(12px, env(safe-area-inset-left)) !important;
					padding: 12px 16px;
					background: rgba(14, 18, 30, 0.9);
					border: 1px solid rgba(245, 217, 72, 0.25);
					border-radius: 999px;
					color: #ffffff !important;
					box-shadow: 0 14px 28px rgba(0, 0, 0, 0.28);
					backdrop-filter: blur(10px);
					z-index: 100000 !important;
				}

				#main-box.full-width #main {
					margin-top: 0 !important;
				}

				#logo {
					height: clamp(130px, 26vw, 200px);
				}

				.homepage-meta-bar {
					grid-template-columns: 1fr;
				}

				.homepage-meta-card--with-uptime {
					flex-direction: column;
					align-items: flex-start;
				}

				.server-uptime {
					text-align: left;
				}

				.homepage-activity-row {
					grid-template-columns: 1fr;
				}

				#main .homepage-news-grid {
					grid-template-columns: 1fr;
				}

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

				.signup-panel .left,
				.signup-panel .right {
					flex: 1 1 100%;
					max-width: none;
				}

				.account-page .user-profile,
				.tickets-page .user-profile,
				.buy-cash-page .user-profile {
					flex-direction: column;
					gap: 18px;
					padding: 18px 16px 0;
				}

				.account-page .user-profile .profile-left-side,
				.account-page .user-profile .profile-right-side,
				.tickets-page .user-profile .profile-left-side,
				.tickets-page .user-profile .profile-right-side,
				.buy-cash-page .user-profile .profile-left-side,
				.buy-cash-page .user-profile .profile-right-side {
					flex: 1 1 auto;
					width: 100% !important;
				}
			}

			@media (max-width: 767px) {
				body {
					background-attachment: scroll;
				}

				#header-top .wrapper {
					padding-top: 12px;
					padding-bottom: 12px;
				}

				.homepage-activity-row {
					margin: 16px;
				}

				.homepage-battlesquare-preview,
				.homepage-battlesquare-list,
				.battlesquare-page-grid {
					grid-template-columns: 1fr;
				}

				.homepage-battlesquare-viewall {
					min-height: 48px;
					flex-direction: row;
				}

				#main .the-form textarea,
				#main input[type=text],
				#main select,
				#main input[type=password] {
					width: 100% !important;
					display: block;
				}

				.the-form form > p > label:not(.iiiii) {
					float: none;
					width: 100% !important;
					margin: 0 0 8px;
					text-align: left;
					line-height: 1.4 !important;
					white-space: normal;
				}

				.the-form .form-footer,
				.the-form .error-msg {
					padding-left: 0 !important;
					margin-left: 0 !important;
					width: auto !important;
				}

				.the-form .form-footer input[type=submit] {
					width: 100%;
				}

				.dl_bgimg {
					height: auto;
					background: none;
				}

				.dl_link,
				.dl_driver {
					display: grid;
					gap: 12px;
				}

				.dl_link {
					top: 0;
					padding-top: 8px;
				}

				#main .article-promo.news-card.news-card--list {
					grid-template-columns: 1fr;
				}

				#main .dl-download-grid {
					grid-template-columns: 1fr;
				}

				#main a.dl-dl-card {
					grid-template-columns: 52px minmax(0, 1fr);
					grid-template-areas:
						"icon body"
						"cta cta";
				}

				#main .dl-dl-card__icon { grid-area: icon; }
				#main .dl-dl-card__body { grid-area: body; }
				#main .dl-dl-card__cta {
					grid-area: cta;
					justify-content: center;
				}

				#main .dl-hero__img {
					max-width: min(220px, 72vw);
				}

				#main .dl-reqs__head,
				#main .dl-reqs__row {
					grid-template-columns: 88px minmax(0, 1fr) minmax(0, 1fr);
				}

				#main .dl-reqs__cell {
					padding: 10px 8px;
					font-size: 12px;
				}

				#main .dl-utils-grid {
					grid-template-columns: 1fr;
				}

				#main a.dl-util-card {
					grid-template-columns: 52px minmax(0, 1fr);
					grid-template-areas:
						"icon body"
						"cta cta";
				}

				#main .dl-util-card__icon { grid-area: icon; }
				#main .dl-util-card__body { grid-area: body; }
				#main .dl-util-card__cta {
					grid-area: cta;
					justify-content: center;
					margin-top: 2px;
				}

				.dl_mirror {
					display: flex;
					align-items: center;
					justify-content: flex-start;
					width: 100%;
					min-width: 0;
					min-height: 72px;
					height: auto;
					padding: 12px 18px 12px 76px;
					line-height: 1.45;
					box-sizing: border-box;
					text-align: left;
				}

				.mirror_img {
					top: 50%;
					left: 16px;
					width: 44px;
					height: 44px;
					margin: 0;
					transform: translateY(-50%);
				}

				.dl_m {
					display: block;
					margin-left: 0;
				}

				.features-modal {
					padding: 10px;
				}

				.features-modal__dialog {
					height: calc(100vh - 20px);
					border-radius: 20px;
				}

				.features-modal__label {
					top: 12px;
					left: 12px;
				}

				.features-modal__close {
					top: 12px;
					right: 12px;
				}
			}

			@media (max-width: 600px) {
				#content,
				#slider,
				#slider-imgs div.featured-img-box,
				#menu,
				#main-box.full-width #main,
				.wrapper {
					width: min(calc(100% - 16px), var(--site-shell-max)) !important;
				}

				#main-box {
					border-radius: 0 0 20px 20px;
				}

				.homepage-meta-bar {
					margin: 0 14px 20px;
				}

				.homepage-activity-row {
					margin: 14px;
				}

				.homepage-meta-card {
					padding: 8px 14px;
				}

				.footer .footer-content > div {
					padding: 20px 18px;
				}

				.footer .footer-content--slim > div {
					padding: 0 !important;
					margin: 0 !important;
				}

				.footer .footer-content--slim .center {
					padding: 6px 12px 0 !important;
				}

				.footer-seo {
					padding-left: 14px;
					padding-right: 14px;
					margin-bottom: 6px;
				}
			}

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

				body {
					background-color: var(--site-panel-bg) !important;
					background-image: none !important;
					margin: 0 !important;
					padding: 0 !important;
					width: 100vw !important;
					max-width: 100vw !important;
				}

				#top-layer,
				#content,
				#header,
				#logo,
				#menu-bottom,
				#menu,
				#slider,
				#slider-imgs,
				#slider-imgs div.featured-img-box,
				#main-box,
				#main-box #main,
				.wrapper {
					left: auto !important;
					right: auto !important;
					width: 100vw !important;
					max-width: 100vw !important;
					min-width: 0 !important;
					margin: 0 !important;
					box-sizing: border-box;
				}

				body.no-slider #top-layer,
				body.no-slider #content,
				body.no-slider #main-box,
				body.no-slider #main-box #main,
				body.has-top-menu #top-layer,
				body.has-top-menu #content,
				body.has-top-menu #main-box,
				body.has-top-menu #main-box #main {
					width: 100vw !important;
					max-width: 100vw !important;
					margin: 0 !important;
				}

				#main-box,
				#main-box #main {
					float: none !important;
					background: var(--site-panel-bg) !important;
				}

				#main-box {
					border-radius: 0 !important;
				}

				#slider-imgs,
				#slider-imgs div.featured-img-box,
				#slider-imgs div.featured-img-box div.featured-img {
					overflow: hidden !important;
				}

				.homepage-meta-bar,
				.homepage-activity-row,
				#main > h2,
				#main > .content-padding {
					margin-left: 14px !important;
					margin-right: 14px !important;
					width: auto !important;
					max-width: calc(100% - 28px) !important;
					box-sizing: border-box;
				}
			}