/* =================================
------------------------------------
  Game Warrior Template
  Version: 0.1
 ------------------------------------ 
 ====================================*/

/* Main pages style */

* {
	box-sizing: border-box;
}

.steam-account-card {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: start;
	gap: 14px;
	margin-bottom: 14px;
}

.steam-account-card-main {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: 14px;
}

.steam-account-card img {
	width: 64px;
	height: 64px;
	border: 1px solid var(--gw-line-strong);
	border-radius: 8px;
	object-fit: cover;
}

.steam-account-card-main > div {
	display: grid;
	gap: 4px;
}

.steam-account-card span,
.steam-privacy-note {
	color: var(--gw-muted);
}

.steam-account-card a {
	width: fit-content;
	color: var(--gw-accent);
	font-weight: 800;
}

.steam-connect-button {
	display: inline-flex;
	margin-top: 4px;
	border: 1px solid transparent;
	border-radius: 4px;
}

.steam-connect-button:hover,
.steam-connect-button:focus {
	border-color: var(--gw-accent);
	outline: 2px solid rgba(73, 215, 255, 0.2);
	outline-offset: 2px;
}

.steam-connect-button img {
	display: block;
	width: 180px;
	height: 35px;
}

.steam-privacy-note {
	display: block;
	margin-top: 8px;
}

.steam-preferences-card {
	margin-bottom: 14px;
	padding: 12px;
	background: rgba(7, 10, 14, 0.42);
	border: 1px solid var(--gw-line);
	border-radius: 8px;
}

.profile-steam-disclosure {
	display: grid;
	gap: 0;
	margin-bottom: 14px;
	overflow: hidden;
	background: rgba(7, 10, 14, 0.46);
	border: 1px solid var(--gw-line);
	border-radius: 8px;
}

.profile-steam-disclosure-summary {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	width: 100%;
	padding: 14px;
	cursor: pointer;
	list-style: none;
}

.profile-steam-disclosure-summary::-webkit-details-marker {
	display: none;
}

.profile-steam-disclosure-summary::marker {
	content: "";
}

.profile-steam-disclosure-heading {
	margin-bottom: 0;
}

.profile-steam-disclosure-control {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--gw-accent);
	font-size: 0.76rem;
	font-weight: 900;
	text-transform: uppercase;
	white-space: nowrap;
}

.profile-steam-disclosure-hide,
.profile-steam-disclosure[open] .profile-steam-disclosure-show {
	display: none;
}

.profile-steam-disclosure[open] .profile-steam-disclosure-hide {
	display: inline;
}

.profile-steam-disclosure[open] .profile-community-reply-icon-closed,
.profile-steam-disclosure:not([open]) .profile-community-reply-icon-open {
	display: none;
}

.profile-steam-disclosure > .steam-visibility-form,
.profile-steam-disclosure > .profile-steam-games-board {
	border-top: 1px solid rgba(116, 139, 167, 0.2);
}

.steam-visibility-form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	padding: 12px;
}

.steam-visibility-form label {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	font-weight: 800;
}

.steam-visibility-form input {
	width: auto;
	margin-top: 3px;
}

.profile-steam-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: flex-start;
	margin-top: 8px;
}

.profile-steam-snapshot {
	display: grid;
	gap: 10px;
	margin-bottom: 14px;
	padding: 12px;
	background:
		linear-gradient(135deg, rgba(73, 215, 255, 0.08), transparent 48%),
		rgba(7, 10, 14, 0.44);
	border: 1px solid rgba(116, 139, 167, 0.2);
	border-radius: 8px;
}

.profile-steam-snapshot-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 12px;
	background: rgba(21, 29, 41, 0.52);
	border: 1px solid rgba(116, 139, 167, 0.18);
	border-radius: 8px;
}

.profile-steam-identity {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr);
	align-items: center;
	gap: 12px;
	min-width: 0;
}

.profile-steam-identity > img {
	width: 64px;
	height: 64px;
	padding: 4px;
	background: rgba(73, 215, 255, 0.1);
	border: 1px solid rgba(73, 215, 255, 0.24);
	border-radius: 8px;
	object-fit: cover;
}

.profile-steam-identity > img[src$=".svg"] {
	padding: 12px;
	filter: brightness(0) invert(1);
}

.profile-steam-identity h2,
.profile-steam-identity small {
	margin: 0;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.profile-steam-identity h2 {
	color: var(--gw-text);
	font-size: 1.35rem;
	line-height: 1.1;
}

.profile-steam-identity small {
	display: block;
	margin-top: 4px;
	color: var(--gw-muted);
	font-size: 0.76rem;
	font-weight: 800;
}

.profile-steam-snapshot .profile-steam-actions {
	justify-content: flex-end;
	margin-top: 0;
}

.profile-steam-snapshot .steam-disconnect-form {
	margin: 0;
}

.profile-steam-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
}

.profile-steam-grid .profile-account-header-cell:nth-child(6),
.profile-steam-grid .profile-steam-cell:nth-last-child(1) {
	border-right: 0;
}

.profile-steam-cell {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	min-width: 0;
	min-height: 74px;
	padding: 12px;
	background: rgba(7, 10, 14, 0.42);
	border: 1px solid rgba(116, 139, 167, 0.2);
	border-radius: 8px;
}

.profile-steam-cell img {
	grid-column: 1;
	grid-row: 1 / span 2;
	width: 34px;
	height: 34px;
	padding: 7px;
	background: rgba(73, 215, 255, 0.1);
	border: 1px solid rgba(73, 215, 255, 0.24);
	border-radius: 8px;
	object-fit: cover;
	filter: brightness(0) invert(1);
}

.profile-steam-account-cell img[src$=".svg"] {
	padding: 9px;
	filter: brightness(0) invert(1);
}

.profile-steam-cell span {
	display: block;
	grid-column: 2;
	min-width: 0;
	overflow: hidden;
	color: var(--gw-text);
	font-size: 0.92rem;
	font-weight: 800;
	line-height: 1.2;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.profile-steam-cell::before {
	display: block;
	grid-column: 2;
	content: attr(data-account-label);
	color: var(--gw-gold);
	font-size: 0.68rem;
	font-weight: 900;
	line-height: 1.1;
	text-transform: uppercase;
}

.profile-steam-cell form {
	margin: 0;
}

.profile-steam-games-board {
	margin: 0;
	overflow-x: auto;
	overflow-y: hidden;
	border: 0;
	border-radius: 0;
}

.profile-steam-games-board .forum-board-heading {
	border-radius: 8px 8px 0 0;
}

.profile-steam-games-board .profile-steam-games-grid {
	display: grid;
	grid-template-columns: minmax(190px, 230px) minmax(160px, 0.26fr) minmax(320px, 1fr) minmax(120px, 0.28fr) minmax(120px, 0.28fr) minmax(130px, 0.28fr);
	align-items: center;
	min-width: 1080px;
}

.profile-steam-game-row {
	min-height: 140px;
}

.profile-steam-games-note {
	margin: 0;
	padding: 10px 14px;
	color: var(--gw-muted);
	font-size: 0.82rem;
	font-weight: 800;
	background: rgba(7, 10, 14, 0.48);
	border-top: 1px solid rgba(255, 255, 255, 0.06);
	border-bottom: 1px solid var(--gw-line);
}

.profile-steam-game-title {
	display: grid;
	align-content: center;
}

.profile-steam-game-name-line {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.profile-steam-favorite-tag {
	display: inline-flex;
	align-items: center;
	min-height: 22px;
	padding: 3px 8px;
	color: #000 !important;
	font-size: 0.68rem;
	font-weight: 950;
	line-height: 1;
	text-transform: uppercase;
	background: linear-gradient(135deg, #4bd8ff, #f4c44f);
	border: 1px solid rgba(0, 0, 0, 0.32);
	border-radius: 999px;
	box-shadow: 0 0 12px rgba(75, 216, 255, 0.12);
}

.forum-board-main .profile-steam-favorite-tag {
	color: #000 !important;
}

.profile-steam-game-media-cell {
	display: grid;
	align-content: center;
	justify-items: start;
	min-width: 0;
}

.profile-steam-game-media {
	display: grid;
	place-items: center;
	width: 206px;
	max-width: 100%;
	aspect-ratio: 16 / 9;
	min-width: 0;
	overflow: hidden;
	color: var(--gw-muted) !important;
	font-size: 0.74rem;
	font-weight: 900;
	text-align: center;
	text-decoration: none;
	background: #05080c;
	border: 1px solid var(--gw-line-strong);
	border-radius: 7px;
}

.profile-steam-game-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.profile-steam-game-media:hover,
.profile-steam-game-media:focus {
	border-color: rgba(73, 215, 255, 0.7);
	box-shadow: 0 0 0 2px rgba(73, 215, 255, 0.14);
}

.profile-steam-game-action-cell {
	display: grid;
	place-items: center;
	min-width: 0;
}

.profile-steam-game-action-cell a {
	max-width: 100%;
	white-space: nowrap;
}

.profile-steam-game-action-cell em {
	color: var(--gw-muted);
	font-style: normal;
	font-weight: 800;
}

.profile-steam-game-share-cell {
	display: grid;
	place-items: center;
	min-width: 0;
}

.profile-steam-game-share-cell label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	color: var(--gw-muted);
	font-size: 0.75rem;
	font-weight: 900;
	text-transform: uppercase;
}

.profile-steam-game-share-cell input {
	width: auto;
	margin: 0;
}

.profile-steam-game-row.is-hidden-from-sharing {
	background: rgba(255, 90, 116, 0.08);
}

.profile-steam-games-actions {
	display: flex;
	justify-content: flex-end;
	padding: 12px 14px;
	background: rgba(7, 10, 14, 0.58);
	border-top: 1px solid var(--gw-line);
}

.profile-steam-games-empty {
	margin: 0;
	border-top: 1px solid var(--gw-line);
	border-radius: 0 0 8px 8px;
}

@media screen and (max-width: 700px) {
	.steam-account-card,
	.steam-visibility-form {
		grid-template-columns: 1fr;
	}

	.profile-steam-snapshot-heading {
		align-items: stretch;
		flex-direction: column;
	}

	.profile-steam-grid {
		grid-template-columns: 1fr;
	}

	.profile-steam-snapshot .profile-steam-actions {
		justify-content: flex-start;
	}

	.profile-steam-games-board .profile-steam-games-grid {
		grid-template-columns: 1fr;
		min-width: 0;
	}

	.steam-account-card-actions,
	.steam-visibility-form .site-card__actions {
		justify-content: flex-start;
	}
}

.channel-steam-section {
	margin-top: 24px;
	padding-top: 20px;
	border-top: 1px solid var(--gw-line);
}

.steam-favorite-stat {
	margin: 0 0 14px;
	color: var(--gw-muted);
}

.steam-favorite-stat strong {
	color: var(--gw-text);
}

.steam-games-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.steam-games-grid > a {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px;
	color: var(--gw-text);
	background: rgba(21, 29, 41, 0.82);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
	text-decoration: none;
}

.steam-games-grid > a:hover,
.steam-games-grid > a:focus {
	border-color: var(--gw-accent);
	background: rgba(28, 42, 56, 0.92);
}

.steam-games-grid img {
	width: 48px;
	height: 48px;
	border-radius: 7px;
	object-fit: cover;
}

.steam-games-grid span {
	display: grid;
	gap: 4px;
	min-width: 0;
}

.steam-games-grid strong {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.steam-games-grid small,
.steam-data-disclaimer {
	color: var(--gw-muted);
}

.steam-data-disclaimer {
	display: block;
	margin-top: 14px;
}

.games-page {
	min-height: 72vh;
	padding: 28px 0 70px;
}

.games-container {
	width: min(1180px, 100%);
	margin: 0 auto;
	text-align: left;
}

.games-hero,
.games-panel {
	background-color: rgba(21, 29, 41, 0.86);
	border: 1px solid rgba(116, 139, 167, 0.26);
	border-radius: 8px;
}

.games-hero {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 16px;
	padding: 20px;
	overflow: hidden;
}

.games-hero::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 4px;
	background: linear-gradient(90deg, var(--gw-accent), var(--gw-gold));
}

.games-kicker {
	color: var(--gw-accent);
	font-size: 0.78rem;
	font-weight: 900;
	letter-spacing: 0;
	text-transform: uppercase;
}

.games-section-heading > div > span {
	color: var(--gw-gold);
	font-size: 0.76rem;
	font-weight: 900;
	letter-spacing: 0;
	text-transform: uppercase;
}

.games-hero h1,
.games-hero h2,
.games-section-heading h3 {
	margin: 6px 0 8px;
	color: var(--gw-text);
}

.games-hero p {
	max-width: 680px;
	margin: 0;
	color: var(--gw-muted);
}

.games-page p {
	text-align: left;
}

.games-hero-stats {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 7px;
}

.games-hero-stats > div,
.games-hero-stats > span {
	display: inline-flex;
	align-items: baseline;
	gap: 5px;
	min-height: 36px;
	padding: 7px 10px;
	color: #9fb0c2;
	background: rgba(7, 10, 14, 0.66);
	border: 1px solid rgba(116, 139, 167, 0.28);
	border-radius: 7px;
	font-size: 0.75rem;
	font-weight: 800;
	text-transform: uppercase;
}

.games-hero-stats strong {
	color: var(--gw-gold);
	font-size: 1rem;
}

.games-hero-stats span {
	color: var(--gw-muted);
	font-size: 0.76rem;
	font-weight: 800;
	text-transform: uppercase;
}

.games-panel {
	margin-top: 14px;
	padding: 18px;
	scroll-margin-top: 110px;
}

.games-directory {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-top: 14px;
}

.games-directory-card {
	display: grid;
	align-content: start;
	gap: 7px;
	min-height: 190px;
	padding: 18px;
	color: var(--gw-text) !important;
	background: rgba(15, 20, 28, 0.92);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
	box-shadow: var(--gw-shadow);
	text-decoration: none;
}

.games-directory-card:hover,
.games-directory-card:focus {
	background: rgba(28, 42, 56, 0.96);
	border-color: var(--gw-accent);
	transform: translateY(-2px);
	outline: none;
}

.games-directory-card > span {
	color: var(--gw-gold);
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.games-directory-card > strong {
	font-size: 1.12rem;
}

.games-directory-card p {
	margin: 0;
	color: var(--gw-muted);
}

.games-directory-card small {
	align-self: end;
	margin-top: auto;
	color: var(--gw-accent);
	font-weight: 800;
}

.games-section-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 14px;
}

.games-section-heading h3 {
	margin-bottom: 0;
}

.games-heading-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 8px;
}

.games-section-heading > a,
.games-heading-actions > a,
.games-empty a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 8px 11px;
	color: #061018 !important;
	background: var(--gw-accent);
	border: 1px solid #a8edff;
	border-radius: 6px;
	font-size: 0.75rem;
	font-weight: 900;
	text-decoration: none;
	text-transform: uppercase;
}

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

@media screen and (max-width: 1280px) {
	.games-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media screen and (max-width: 1040px) {
	.games-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media screen and (max-width: 760px) {
	.games-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.games-card {
	display: grid;
	min-width: 0;
	overflow: hidden;
	color: var(--gw-text) !important;
	background: rgba(21, 29, 41, 0.82);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
	text-decoration: none;
}

.games-card:hover,
.games-card:focus {
	border-color: var(--gw-accent);
	background: rgba(28, 42, 56, 0.92);
	transform: translateY(-2px);
	outline: none;
}

.games-card > img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	background: #0c1117;
	object-fit: cover;
}

.games-card > span {
	display: grid;
	gap: 7px;
	min-width: 0;
	align-content: start;
	padding: 10px;
}

.games-card strong {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 0.88rem;
	line-height: 1.22;
}

.games-card small {
	color: var(--gw-muted);
	font-size: 0.76rem;
	line-height: 1.35;
}

.games-card-actions {
	display: flex !important;
	flex-wrap: wrap;
	gap: 7px !important;
	padding: 6px 0 0 !important;
}

.games-card-actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 32px;
	padding: 6px 9px;
	color: #061018 !important;
	background: var(--gw-accent);
	border: 1px solid #a8edff;
	border-radius: 6px;
	font-size: 0.7rem;
	font-weight: 900;
	text-decoration: none;
	text-transform: uppercase;
}

.games-card-actions a:last-child {
	color: var(--gw-text) !important;
	background: rgba(4, 8, 13, 0.55);
	border-color: var(--gw-line-strong);
}

.games-library-summary {
	display: flex;
	align-items: baseline;
	gap: 7px;
	margin-bottom: 12px;
	color: var(--gw-muted);
}

.games-library-summary strong {
	color: var(--gw-gold);
	font-size: 1.15rem;
}

.steam-game-stats {
	margin-top: 16px;
	padding: 16px;
	background: rgba(4, 8, 13, 0.48);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
	scroll-margin-top: 110px;
}

.steam-game-stats-summary {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.steam-game-stats-summary > div {
	padding: 13px;
	text-align: center;
	background: rgba(21, 29, 41, 0.82);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
}

.steam-game-stats-summary strong {
	display: block;
	color: var(--gw-gold);
	font-size: 1.35rem;
}

.steam-game-stats-summary span {
	color: var(--gw-muted);
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.steam-player-stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
	margin-top: 10px;
}

.steam-player-stats > span {
	display: grid;
	gap: 3px;
	padding: 10px;
	background: rgba(21, 29, 41, 0.7);
	border: 1px solid var(--gw-line);
	border-radius: 7px;
}

.steam-player-stats strong {
	color: var(--gw-accent);
}

.steam-player-stats small {
	color: var(--gw-muted);
	overflow-wrap: anywhere;
}

.steam-achievement-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
	margin-top: 10px;
}

.steam-achievement-list article {
	display: grid;
	align-content: start;
	align-items: start;
	gap: 5px;
	padding: 11px;
	background: rgba(21, 29, 41, 0.58);
	border: 1px solid var(--gw-line);
	border-radius: 7px;
	opacity: 0.66;
}

.steam-achievement-list article.has-badge {
	grid-template-columns: auto 1fr;
}

.steam-achievement-badge {
	grid-row: span 4;
	width: 48px;
	height: 48px;
	object-fit: cover;
	background: rgba(6, 10, 16, 0.7);
	border: 1px solid rgba(170, 179, 193, 0.22);
	border-radius: 8px;
	box-shadow: 0 10px 22px rgba(0, 0, 0, 0.26);
}

.steam-achievement-list article.is-unlocked {
	background: linear-gradient(135deg, rgba(66, 223, 131, 0.16), rgba(21, 29, 41, 0.66));
	border-color: rgba(66, 223, 131, 0.58);
	opacity: 1;
}

.steam-achievement-list article.is-unlocked .steam-achievement-badge {
	border-color: rgba(66, 223, 131, 0.54);
	box-shadow: 0 10px 24px rgba(66, 223, 131, 0.18);
}

.steam-achievement-list article:not(.has-badge) > * {
	grid-column: 1;
}

.steam-achievement-list article > span {
	display: inline-flex;
	align-items: center;
	justify-self: start;
	gap: 6px;
	padding: 4px 8px;
	color: #aab3c1;
	background: rgba(14, 18, 26, 0.72);
	border: 1px solid rgba(170, 179, 193, 0.28);
	border-radius: 999px;
	font-size: 0.66rem;
	font-weight: 900;
	text-transform: uppercase;
}

.steam-achievement-list article > span::before {
	content: "";
	width: 7px;
	height: 7px;
	background: currentColor;
	border-radius: 50%;
	box-shadow: 0 0 10px currentColor;
}

.steam-achievement-list article.is-unlocked > span {
	color: #42df83;
	background: rgba(66, 223, 131, 0.12);
	border-color: rgba(66, 223, 131, 0.48);
}

.steam-achievement-list strong,
.steam-achievement-list p {
	margin: 0;
	overflow-wrap: anywhere;
}

.steam-achievement-list p,
.steam-achievement-list small {
	color: var(--gw-muted);
}

.games-empty {
	padding: 18px;
	background-color: rgba(21, 29, 41, 0.86);
	border: 1px dashed rgba(116, 139, 167, 0.34);
	border-radius: 8px;
}

.games-empty h3 {
	margin: 0 0 8px;
	color: var(--gw-text);
}

.games-empty p {
	margin: 0;
	color: var(--gw-muted);
}

.games-favorites {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 12px;
}

.games-favorites > span,
.games-favorites > a {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	padding: 12px;
	color: var(--gw-text) !important;
	background: rgba(21, 29, 41, 0.82);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
	text-decoration: none;
}

.games-favorites > a {
	display: grid;
	grid-template-rows: auto 1fr;
	padding: 0;
	overflow: hidden;
}

.games-favorites > span {
	display: grid;
	align-content: center;
	gap: 4px;
}

.games-favorites > a:hover,
.games-favorites > a:focus {
	background: rgba(28, 42, 56, 0.92);
	border-color: var(--gw-accent);
	outline: none;
}

.games-favorites > a > img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	background: #0c1117;
	object-fit: cover;
}

.games-favorites > a > span {
	display: grid;
	gap: 3px;
	min-width: 0;
	min-height: 42px;
	align-content: center;
	padding: 8px 10px;
}

.games-favorites strong {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.games-favorites small {
	color: var(--gw-gold);
	font-weight: 900;
}

.games-favorites em {
	color: var(--gw-muted);
	font-size: 0.7rem;
	font-style: normal;
}

.favorite-game-details {
	margin-top: 16px;
	padding: 16px;
	background: rgba(4, 8, 13, 0.48);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
	scroll-margin-top: 110px;
}

.favorite-game-hero {
	display: grid;
	grid-template-columns: minmax(280px, 0.9fr) minmax(320px, 1.1fr);
	gap: 16px;
}

.favorite-game-hero > img {
	display: block;
	width: 100%;
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
}

.favorite-game-hero > div {
	display: grid;
	align-content: start;
	gap: 12px;
}

.favorite-game-hero p {
	margin: 0;
	color: var(--gw-muted);
	line-height: 1.55;
}

.favorite-game-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.favorite-game-tags span {
	padding: 5px 8px;
	color: var(--gw-accent);
	background: rgba(73, 215, 255, 0.08);
	border: 1px solid rgba(73, 215, 255, 0.28);
	border-radius: 999px;
	font-size: 0.7rem;
	font-weight: 900;
}

.favorite-game-details > .steam-game-stats-summary {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-top: 12px;
}

.favorite-game-details h4 {
	margin: 18px 0 9px;
	color: var(--gw-gold);
}

.favorite-game-facts {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	margin-top: 10px;
}

.favorite-game-facts span {
	display: grid;
	gap: 4px;
	padding: 10px;
	color: var(--gw-muted);
	background: rgba(21, 29, 41, 0.7);
	border: 1px solid var(--gw-line);
	border-radius: 7px;
	overflow-wrap: anywhere;
}

.favorite-game-facts strong {
	color: var(--gw-text);
	font-size: 0.72rem;
	text-transform: uppercase;
}

.games-container > .steam-data-disclaimer {
	padding: 0 4px;
}

.steam-auth-option {
	display: grid;
	justify-items: center;
	gap: 8px;
	margin-top: 20px;
	padding-top: 18px;
	border-top: 1px solid var(--gw-line);
	text-align: center;
}

.steam-auth-option > span {
	color: var(--gw-muted);
	font-size: 0.78rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.steam-auth-option small {
	max-width: 460px;
	color: var(--gw-muted);
}

.steam-register-heading {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 18px;
}

.steam-register-heading img {
	width: 64px;
	height: 64px;
	border-radius: 8px;
	object-fit: cover;
}

.steam-register-heading span {
	color: var(--gw-accent);
	font-size: 0.78rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.steam-register-heading h2,
.steam-register-heading p {
	margin: 3px 0;
}

.steam-register-consent {
	display: flex;
	align-items: flex-start;
	gap: 9px;
}

.steam-register-consent input {
	width: auto;
	margin-top: 3px;
}

@media (max-width: 1120px) {
	.games-favorites {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 920px) {
	.games-favorites {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 700px) {
	.steam-games-grid {
		grid-template-columns: 1fr;
	}

	.games-page {
		padding-top: 18px;
	}

	.games-hero {
		display: grid;
	}

	.games-hero-stats,
	.games-directory,
	.games-favorites,
	.steam-game-stats-summary,
	.steam-player-stats,
	.steam-achievement-list,
	.favorite-game-details > .steam-game-stats-summary,
	.favorite-game-facts,
	.favorite-game-hero {
		grid-template-columns: 1fr;
	}

	.games-section-heading {
		align-items: flex-start;
	}

	.games-heading-actions {
		justify-content: flex-start;
	}
}

/* Hide scrollbar for Chrome, Safari and Edge */
div.left-container::-webkit-scrollbar {
	display: none;
}

div.center-container::-webkit-scrollbar {
	display: none;
}

div.right-container::-webkit-scrollbar {
	display: none;
}

div.link-container::-webkit-scrollbar {
	display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
div.left-container {
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
}

div.center-container {
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
}

div.right-container {
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
}

div.link-container {
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
}


body {
	background-color: rgb(18, 17, 17);
	font-family: sans-serif;
	font-size: medium;
	color: rgb(140, 174, 174);
	line-height: 1.5em;
	text-align: center;
	padding: 5px;
}

b {
	color: burlywood;
}

/* Use media query and show the flex items vertically if screen width is less than 600px */
@media screen and (max-width:600px) {
	div.flex-container {
		flex-direction: column;
	}

	.top-status-row {
		grid-template-columns: 1fr;
	}

	.top-status-row.online-only.has-header-channel-action {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.top-status-row.online-only .header-channel-directory-action {
		grid-column: 1;
		grid-row: 1;
	}

	.top-status-row.online-only .header-channel-action {
		grid-column: 2;
		grid-row: 1;
	}

	.top-status-row.online-only .online-users-container {
		grid-column: 1 / -1;
		grid-row: 2;
	}
}

/* Ends main layout */

/* Links, visited, touched, clicked, focused */

a:link {
	color: rgb(83, 134, 230);
}

a:visited {
	color: burlywood;
}

a:hover {
	color: burlywood;
}

a:active {
	color: crimson;
}

a:focus {
	color: darkcyan;
}

/* Paragraphs */

p {
	text-align: justify;
	margin: 5px;
}

/* Unordered lists */

ul li {
	font-family: 'Courier New', Courier, monospace;
	font-size: medium;
	font-weight: bold;
}

/* Main page layout of the webpages auto adjusts to single column under 600px */

div.flex-container {
	display: flex;
	/* Show the flex items horizontally */
	flex-direction: row;
	overflow-x: auto;
}

div.flex-container>div {
	margin: 5px;
	overflow-block: scroll;
}


/* Navigation */

.navigation-logo {
	background-image: url(../images/logo64x64.png);
	background-position: left top;
	background-repeat: no-repeat;
	border-radius: 15px;
	padding: 5px;
	width: 64px;
	height: 64px;
}

.link-container {
	text-align: center;
	width: calc(100% - 5px);
}

.top-status-row {
	display: grid;
	grid-template-columns: minmax(160px, 280px) minmax(180px, 1fr);
	align-items: stretch;
	gap: 8px;
	margin: 0 0 8px;
}

.rank-top-container {
	display: flex;
	justify-content: center;
	min-width: 0;
	margin: 0;
}

.rank-top-menu {
	position: relative;
	width: 100%;
	max-width: 280px;
}

.rank-top-trigger {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	align-items: center;
	gap: 8px;
	width: 100%;
	min-height: 50px;
	padding: 6px 10px;
	color: #f8efe2;
	background-color: #1b1b1b;
	border: 1px solid #31373f;
	border-radius: 8px;
	font-size: 0.88rem;
	font-weight: 900;
	text-align: left;
	cursor: pointer;
	list-style: none;
}

.rank-top-trigger::-webkit-details-marker {
	display: none;
}

.rank-top-trigger:hover,
.rank-top-trigger:focus {
	background-color: #242424;
	border-color: #ffb320;
	outline: none;
}

.rank-top-trigger .rank-badge-small {
	width: 42px;
	height: 42px;
}

.rank-top-trigger span {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rank-top-trigger .rank-top-copy {
	display: grid;
	gap: 2px;
}

.rank-top-trigger .rank-top-copy small {
	color: var(--gw-muted);
	font-size: 0.72rem;
	font-weight: 700;
}

.rank-top-trigger .rank-top-copy strong {
	color: var(--gw-gold);
}

.rank-top-dropdown {
	display: grid;
	gap: 7px;
	width: 100%;
	margin-top: 8px;
	padding: 12px;
	color: #d3dddd;
	background-color: #101112;
	border: 1px solid #3f4651;
	border-radius: 8px;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.36);
	text-align: left;
}

.online-users-container {
	display: flex;
	align-items: center;
	min-width: 0;
	padding: 10px 14px;
	background-color: #1b1b1b;
	border: 2px solid #31373f;
	border-radius: 15px;
	overflow: hidden;
}

.top-notification-bell {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 34px;
	width: 34px;
	height: 34px;
	margin-right: 8px;
	color: var(--gw-muted, #aebbbb) !important;
	background: rgba(7, 10, 14, 0.7);
	border: 1px solid var(--gw-line, #31373f);
	border-radius: 50%;
	text-decoration: none;
}

.top-notification-bell:hover,
.top-notification-bell:focus {
	color: var(--gw-gold, #f2bd57) !important;
	border-color: var(--gw-gold, #f2bd57);
	outline: none;
}

.top-notification-icon {
	display: block;
	width: 18px;
	height: 18px;
	filter: brightness(0) invert(1);
	transform-origin: 50% 12%;
}

.top-notification-bell.has-unread {
	color: var(--gw-gold, #f2bd57) !important;
	border-color: rgba(242, 189, 87, 0.72);
	box-shadow: 0 0 14px rgba(242, 189, 87, 0.22);
}

.top-notification-bell.has-unread .top-notification-icon {
	animation: notification-bell-ring 2.4s ease-in-out infinite;
}

.top-notification-count {
	position: absolute;
	top: -6px;
	right: -6px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 19px;
	height: 19px;
	padding: 0 5px;
	color: #061018;
	background: var(--gw-gold, #f2bd57);
	border: 2px solid #151d29;
	border-radius: 999px;
	font-size: 0.68rem;
	font-weight: 900;
	line-height: 1;
}

@keyframes notification-bell-ring {
	0%,
	84%,
	100% {
		transform: rotate(0);
	}

	88% {
		transform: rotate(18deg);
	}

	92% {
		transform: rotate(-16deg);
	}

	96% {
		transform: rotate(9deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	.top-notification-bell.has-unread .top-notification-icon {
		animation: none;
	}
}

.online-users-label {
	flex: 0 0 auto;
	margin-right: 10px;
	color: burlywood;
	font-size: small;
	font-weight: bold;
	text-transform: uppercase;
}

.online-users-list {
	display: flex;
	gap: 10px;
	min-width: 0;
	max-width: 100%;
	overflow-x: auto;
	overscroll-behavior-inline: contain;
	padding: 8px 2px 8px 8px;
	margin: -8px 0 -8px -8px;
	white-space: nowrap;
	scrollbar-width: thin;
	scrollbar-gutter: stable;
}

.dashboard-online-panel {
	margin: 0 0 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--gw-line);
}

.dashboard-online-panel .online-users-container {
	width: 100%;
	box-sizing: border-box;
	padding: 8px 10px;
	background: rgba(7, 10, 14, 0.48);
	border-width: 1px;
	border-radius: 8px;
}

.dashboard-online-panel .online-users-label {
	margin-right: 8px;
	font-size: 0.66rem;
	letter-spacing: 0.08em;
}

.dashboard-online-panel .online-users-list {
	gap: 8px;
}

.profile-dashboard-online-header {
	margin: 0 0 16px;
	padding: 0;
	border-bottom: 0;
}

.profile-dashboard-online-header .online-users-container {
	align-items: flex-start;
	gap: 10px;
	padding: 12px 14px;
	background: rgba(7, 10, 14, 0.58);
	border-color: rgba(73, 215, 255, 0.24);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
}

.profile-dashboard-online-header .online-users-label {
	padding-top: 8px;
	font-size: 0.72rem;
}

.profile-dashboard-online-header .online-users-list {
	flex-wrap: wrap;
	overflow: visible;
	padding: 2px 0;
	margin: 0;
	white-space: normal;
}

.profile-dashboard-online-header .online-user {
	padding: 5px 8px;
	background: rgba(73, 215, 255, 0.08);
	border: 1px solid rgba(73, 215, 255, 0.18);
	border-radius: 999px;
}

.online-user {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	flex: 0 0 auto;
	color: white;
	font-family: 'Courier New', Courier, monospace;
	font-size: small;
	font-weight: bold;
}

.online-dot {
	display: inline-block;
	flex: 0 0 9px;
	width: 9px;
	height: 9px;
	background-color: #28e66f;
	border-radius: 50%;
	box-shadow: 0 0 0 rgba(40, 230, 111, 0.75);
	animation: online-dot-pulse 1.4s ease-out infinite;
}

@keyframes online-dot-pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(40, 230, 111, 0.75);
	}

	70% {
		box-shadow: 0 0 0 7px rgba(40, 230, 111, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(40, 230, 111, 0);
	}
}

/* Styled unordered lists for navigation */

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #1b1b1b;
	border-radius: 15px;
	border: 2px solid #31373f;
	display: flex;
	justify-content: center;
}

ul li a {
	display: block;
	color: white;
	padding: 14px 16px;
	text-decoration: none;
	border-radius: 15px;
	font-size: x-large;
}

ul li a:hover {
	background-color: #494646;
	border-radius: 15px;
}

.rank-nav-item {
	min-width: 230px;
}

ul li a.rank-nav-link {
	padding: 8px 12px;
	font-size: medium;
	text-align: left;
}

.rank-nav-layout {
	display: grid;
	grid-template-columns: 42px 1fr;
	align-items: center;
	gap: 8px;
}

.rank-nav-details {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.rank-title {
	color: burlywood;
	font-size: small;
	text-transform: uppercase;
}

.rank-count {
	color: rgb(140, 174, 174);
	font-size: small;
}

.rank-next {
	color: var(--gw-muted);
	font-size: small;
}

.rank-next strong {
	color: var(--gw-gold);
}

.rank-timer {
	color: white;
	font-size: small;
}

.rank-cooldown {
	color: burlywood;
	font-size: small;
}

.rank-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	object-fit: contain;
	background-color: #0f1012;
	border: 1px solid #31373f;
	border-radius: 8px;
	color: burlywood;
	font-family: 'Courier New', Courier, monospace;
	font-weight: bold;
	line-height: 1;
}

.rank-badge-small {
	width: 42px;
	height: 42px;
	font-size: large;
}

.rank-badge-large {
	width: 128px;
	height: 128px;
	margin: 0 auto;
	font-size: xxx-large;
}

.rank-badge-list {
	width: 40px;
	height: 40px;
	margin-right: 10px;
	font-size: large;
	vertical-align: middle;
}

.rank-badge-wrap {
	text-align: center;
}

.ranks-page .rank-badge-list,
.profile-ranks-panel .rank-badge-list {
	position: relative;
	z-index: 1;
	cursor: zoom-in;
	transform-origin: center;
	transition: transform 160ms ease, box-shadow 160ms ease;
}

.ranks-page .rank-badge-list:hover,
.ranks-page .rank-badge-list:focus,
.profile-ranks-panel .rank-badge-list:hover,
.profile-ranks-panel .rank-badge-list:focus {
	z-index: 10;
	outline: none;
	transform: scale(2.5);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.72);
}

.ranks-page .rank-badge-list:focus-visible,
.profile-ranks-panel .rank-badge-list:focus-visible {
	box-shadow: 0 0 0 3px rgba(73, 215, 255, 0.72), 0 12px 32px rgba(0, 0, 0, 0.72);
}

@media (prefers-reduced-motion: reduce) {
	.ranks-page .rank-badge-list,
	.profile-ranks-panel .rank-badge-list {
		transition: none;
	}
}

.rank-meter,
.rank-progress {
	display: block;
	width: 100%;
	height: 8px;
	overflow: hidden;
	background-color: #0f1012;
	border: 1px solid #31373f;
	border-radius: 8px;
}

.rank-meter span,
.rank-progress span {
	display: block;
	height: 100%;
	background-color: rgb(83, 134, 230);
}

.ranks-page {
	padding: 28px 0 70px;
}

.ranks-container {
	width: min(100%, 920px);
	margin: 0 auto;
	text-align: left;
}

.ranks-hero,
.rank-panel,
.rank-requirements-panel,
.rank-guest-panel {
	background: var(--gw-panel-soft);
	border: 1px solid var(--gw-line);
	border-radius: 8px;
	box-shadow: var(--gw-shadow);
}

.ranks-hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 16px;
	padding: 20px;
	overflow: hidden;
}

.ranks-hero::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 4px;
	background: linear-gradient(90deg, var(--gw-accent), var(--gw-gold));
}

.ranks-kicker,
.rank-section-heading > span {
	color: var(--gw-accent);
	font-size: 0.76rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.ranks-hero h1,
.rank-guest-panel h2,
.rank-section-heading h2 {
	margin: 5px 0 8px;
	color: var(--gw-text);
}

.ranks-hero p,
.rank-guest-panel p {
	margin: 0;
	color: var(--gw-muted);
	text-align: left;
}

.ranks-hero-stat {
	min-width: 126px;
	padding: 14px;
	text-align: center;
	background: rgba(4, 8, 13, 0.55);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
}

.ranks-hero-stat strong {
	display: block;
	color: var(--gw-gold);
	font-size: 1.8rem;
}

.ranks-hero-stat span {
	color: var(--gw-muted);
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.rank-panel {
	max-width: none;
	margin: 14px auto;
	padding: 18px;
	text-align: left;
}

.rank-panel h2,
.ranks-page h3 {
	color: var(--gw-gold);
	text-align: center;
}

.rank-user-name {
	margin: 10px 0 0;
	color: var(--gw-text);
	font-size: large;
	font-weight: bold;
	text-align: center;
	overflow-wrap: anywhere;
}

.rank-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
	margin: 14px 0 0;
	padding: 0;
	list-style: none;
	text-align: left;
}

.rank-list li {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 10px;
	background: rgba(21, 29, 41, 0.72);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
}

.rank-list li > span {
	display: grid;
	gap: 3px;
}

.rank-list li strong {
	color: var(--gw-text);
}

.rank-list li small {
	color: var(--gw-muted);
}

.rank-requirements-panel,
.rank-guest-panel {
	margin-top: 14px;
	padding: 18px;
}

.rank-guest-panel {
	text-align: left;
}

.rank-guest-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 18px;
}

.rank-guest-actions a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 42px;
	padding: 9px 14px;
	color: #061018 !important;
	background: var(--gw-accent);
	border: 1px solid #a8edff;
	border-radius: var(--gw-radius);
	font-weight: 900;
	text-decoration: none;
}

.rank-guest-actions a:last-child {
	background: var(--gw-gold);
	border-color: #ffe2a1;
}

.rank-guest-actions img {
	width: 21px;
	height: 21px;
}

@media screen and (max-width: 700px) {
	.ranks-hero,
	.rank-list {
		grid-template-columns: 1fr;
	}
}

.session-check-overlay {
	position: fixed;
	inset: 0;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 20px;
	background-color: rgba(18, 17, 17, 0.88);
	z-index: 2000;
}

.session-check-overlay.is-visible {
	display: flex;
}

.session-check-box {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 20px;
	color: burlywood;
	background-color: #1b1b1b;
	border: 2px solid #31373f;
	border-radius: 8px;
	box-shadow: 0 12px 35px rgba(0, 0, 0, 0.35);
}

.session-check-spinner {
	width: 26px;
	height: 26px;
	border: 3px solid #31373f;
	border-top-color: rgb(83, 134, 230);
	border-radius: 50%;
	animation: session-check-spin 0.8s linear infinite;
}

@keyframes session-check-spin {
	to {
		transform: rotate(360deg);
	}
}

/* End of navigation container */

/* Blog */

.blog-page {
	padding: 28px 0 70px;
}

.blog-page .blog-container {
	width: min(100%, 1120px);
	height: auto;
	min-height: calc(85vh + 50px);
	padding: 0;
	overflow: visible;
	text-align: left;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.blog-hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 150px;
	align-items: end;
	gap: 24px;
	max-width: 920px;
	margin: 0 auto 24px;
	padding: 28px;
	background-color: rgba(34, 34, 34, 0.9);
	border: 1px solid #3f4651;
	border-radius: 8px;
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28);
	overflow: hidden;
}

.blog-hero::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 4px;
	background: linear-gradient(90deg, var(--gw-accent), var(--gw-gold));
}

.blog-hero .blog-kicker {
	color: var(--gw-accent);
}

.blog-kicker,
.blog-section-heading span,
.blog-post-topline {
	color: #ffb320;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.blog-hero h1,
.blog-hero h2 {
	margin: 8px 0 10px;
	color: var(--gw-text);
	font-size: 2.6rem;
	line-height: 1.08;
	text-align: left;
}

.blog-hero p {
	max-width: 640px;
	margin: 0;
	color: #c7d3d3;
	font-size: 1.02rem;
	text-align: left;
}

.blog-stat {
	display: grid;
	place-items: center;
	min-height: 118px;
	padding: 18px;
	background: rgba(4, 8, 13, 0.55);
	border: 1px solid var(--gw-line);
	border-radius: 8px;
	text-align: center;
}

.blog-stat span {
	color: var(--gw-gold);
	font-size: 2.4rem;
	font-weight: 800;
	line-height: 1;
}

.blog-stat small {
	color: var(--gw-muted);
	font-weight: 700;
	text-transform: uppercase;
}

.blog-notice {
	max-width: 920px;
	margin: 0 auto 16px;
	padding: 12px 14px;
	border-radius: 6px;
	text-align: center;
}

.blog-primary-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	max-width: 920px;
	margin: 0 auto 16px;
	padding: 8px;
	background-color: rgba(7, 10, 14, 0.78);
	border: 1px solid #3f4651;
	border-radius: 10px;
}

.blog-primary-actions a,
.blog-primary-actions button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 9px 14px;
	color: #c7d3d3 !important;
	background: transparent !important;
	border: 1px solid transparent;
	border-radius: 7px;
	font-size: 0.84rem;
	font-weight: 900;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
}

.blog-primary-actions a:first-child {
	color: #061018 !important;
	background: linear-gradient(135deg, #49d7ff, #f2bd57) !important;
	border-color: #ffe2a1;
}

.blog-primary-actions a:hover,
.blog-primary-actions button:hover,
.blog-primary-actions button:focus,
.blog-primary-actions button[aria-expanded="true"] {
	color: #f8efe2 !important;
	background: rgba(73, 215, 255, 0.12) !important;
	border-color: #3f4651;
	outline: none;
	transform: none;
}

.blog-disclosure-ready [data-blog-disclosure][hidden],
.blog-disclosure-ready [data-blog-disclosure-content][hidden] {
	display: none !important;
}

[data-blog-disclosure] {
	scroll-margin-top: 18px;
}

.blog-tools {
	display: grid;
	gap: 14px;
	max-width: 920px;
	margin: 0 auto 20px;
	padding: 18px;
	background-color: rgba(16, 17, 18, 0.9);
	border: 1px solid #3f4651;
	border-radius: 8px;
}

.blog-newsletter {
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(280px, 1.05fr);
	align-items: center;
	gap: 18px;
	max-width: 920px;
	margin: 0 auto 20px;
	padding: 22px;
	background-color: rgba(34, 34, 34, 0.96);
	border: 1px solid #3f4651;
	border-radius: 8px;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22);
}

.blog-newsletter h3 {
	margin: 6px 0 8px;
	color: #f8efe2;
	font-size: 1.45rem;
	text-align: left;
}

.blog-newsletter p {
	margin: 0;
	color: #c7d3d3;
	text-align: left;
}

.blog-newsletter form {
	display: grid;
	gap: 8px;
}

.blog-newsletter label {
	margin: 0;
	color: #dbc39f;
	font-size: 0.78rem;
	font-weight: 800;
	text-transform: uppercase;
}

.blog-newsletter input {
	width: 100%;
	padding: 12px 14px;
	color: white;
	background-color: #101112;
	border: 1px solid #3f4651;
	border-radius: 6px;
	font-size: 1rem;
}

.blog-newsletter input:focus {
	border-color: #ffb320;
	outline: none;
	box-shadow: 0 0 0 3px rgba(255, 179, 32, 0.12);
}

.blog-newsletter-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 8px;
}

.blog-newsletter button {
	min-height: 46px;
	padding: 12px 18px;
	color: #111;
	background-color: #ffb320;
	border: none;
	border-radius: 6px;
	font-size: 0.95rem;
	font-weight: 800;
	cursor: pointer;
	transition: background-color 0.2s, transform 0.2s;
}

.blog-newsletter button:hover {
	background-color: #ffd06c;
	transform: translateY(-1px);
}

.blog-newsletter-notice {
	margin-top: 4px;
	text-align: center;
}

.newsletter-page {
	min-height: 72vh;
	padding: 28px 0 70px;
}

.newsletter-container {
	width: 100%;
	margin: 0 auto;
	padding: 0 !important;
	overflow: visible !important;
	text-align: left;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.newsletter-form {
	background: rgba(15, 20, 28, 0.94);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
	box-shadow: var(--gw-shadow);
}

.newsletter-hero {
	position: relative;
	padding: 24px;
	overflow: hidden;
}

.newsletter-hero::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 4px;
	background: linear-gradient(90deg, var(--gw-accent), var(--gw-gold));
}

.newsletter-hero > span {
	color: var(--gw-accent);
	font-size: 0.76rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.newsletter-hero h1,
.newsletter-hero h2 {
	margin: 5px 0 8px;
}

.newsletter-hero p,
.newsletter-form-note {
	margin: 0;
	color: var(--gw-muted);
}

.newsletter-notice {
	margin: 14px 0 0;
	padding: 12px 14px;
	border: 1px solid currentColor;
	border-radius: var(--gw-radius);
}

.newsletter-form {
	display: grid;
	gap: 18px;
	margin-top: 14px;
	padding: 20px;
}

.newsletter-status-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0;
	overflow: hidden;
	background: rgba(7, 10, 14, 0.58);
	border: 1px solid var(--gw-line);
	border-radius: 8px;
}

.newsletter-status-grid .profile-account-header-cell:nth-child(3),
.newsletter-status-grid > span:nth-last-child(1) {
	border-right: 0;
}

.newsletter-status-grid > span {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 74px;
	min-width: 0;
	padding: 12px;
	color: var(--gw-muted);
	background: rgba(7, 10, 14, 0.62);
	border-right: 1px solid rgba(73, 215, 255, 0.12);
	border-top: 1px solid rgba(73, 215, 255, 0.12);
	font-size: 0.82rem;
	font-weight: 850;
	text-align: center;
	overflow-wrap: anywhere;
}

.newsletter-identity {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: 9px 12px;
}

.newsletter-identity label {
	color: var(--gw-gold);
	font-size: 0.74rem;
	font-weight: 900;
	text-transform: uppercase;
}

.newsletter-identity input {
	width: 100%;
	padding: 11px 12px;
	color: var(--gw-text);
	background: rgba(7, 10, 14, 0.72);
	border: 1px solid var(--gw-line);
	border-radius: 6px;
	box-sizing: border-box;
}

.newsletter-identity input:focus {
	border-color: var(--gw-accent);
	box-shadow: 0 0 0 3px rgba(73, 215, 255, 0.12);
	outline: none;
}

.newsletter-options {
	display: grid;
	gap: 0;
	overflow: hidden;
	background: rgba(7, 10, 14, 0.58);
	border: 1px solid var(--gw-line);
	border-radius: 8px;
}

.newsletter-option-row {
	display: grid;
	grid-template-columns: minmax(210px, 0.86fr) 110px 130px minmax(260px, 1fr);
	align-items: stretch;
}

.newsletter-options-heading {
	color: #061018;
	background: linear-gradient(90deg, var(--gw-accent), var(--gw-gold));
	font-size: 0.78rem;
	font-weight: 900;
	text-transform: uppercase;
}

.newsletter-options-heading span,
.newsletter-option > span {
	min-width: 0;
	padding: 12px 14px;
	border-right: 1px solid rgba(116, 139, 167, 0.22);
}

.newsletter-options-heading span:last-child,
.newsletter-option > span:last-child {
	border-right: 0;
}

.newsletter-option {
	align-items: stretch;
	margin: 0;
	color: var(--gw-text);
	background: rgba(21, 29, 41, 0.82);
	border-top: 1px solid var(--gw-line);
	border-radius: 0;
	cursor: pointer;
	transition: background-color 0.2s, border-color 0.2s, transform 0.2s;
}

.newsletter-option:hover,
.newsletter-option:focus-within {
	background: rgba(31, 43, 59, 0.96);
	border-color: var(--gw-accent);
	transform: translateY(-1px);
}

.newsletter-option:has(input:checked) {
	background: rgba(28, 180, 232, 0.12);
	border-color: var(--gw-accent);
}

.newsletter-option > span:not(.newsletter-option-signal) {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--gw-muted);
	font-size: 0.82rem;
	font-weight: 850;
	line-height: 1.4;
	text-align: center;
}

.newsletter-option > span:last-child {
	justify-content: flex-start;
	text-align: left;
}

.newsletter-option-signal {
	display: grid;
	grid-template-columns: auto 34px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
}

.newsletter-option-signal input {
	width: 18px;
	height: 18px;
	margin: 0;
	accent-color: var(--gw-accent);
}

.newsletter-option-signal img {
	width: 30px;
	height: 30px;
	filter: brightness(0) invert(1);
}

.newsletter-option strong {
	color: var(--gw-text);
	font-size: 1rem;
}

.newsletter-form > button {
	justify-self: start;
}

@media (max-width: 700px) {
	.newsletter-page {
		padding-top: 18px;
	}

	.newsletter-identity,
	.newsletter-options,
	.newsletter-status-grid,
	.newsletter-option-row {
		grid-template-columns: 1fr;
	}

	.newsletter-status-grid .profile-account-header-cell,
	.newsletter-options-heading {
		display: none;
	}

	.newsletter-status-grid > span,
	.newsletter-option > span {
		border-right: 0;
	}

	.newsletter-status-grid > span::before,
	.newsletter-option > span::before {
		content: attr(data-account-label);
		margin-right: 8px;
		color: var(--gw-gold);
		font-size: 0.68rem;
		font-weight: 900;
		line-height: 1.1;
		text-transform: uppercase;
	}

	.newsletter-option > span::before {
		content: attr(data-cell-label);
	}

	.newsletter-option > span:not(.newsletter-option-signal),
	.newsletter-option > span:last-child {
		justify-content: flex-start;
		text-align: left;
	}

	.newsletter-form > button {
		width: 100%;
	}
}

.blog-search-form {
	display: grid;
	grid-template-columns: minmax(180px, 1fr) minmax(150px, 220px) auto auto;
	align-items: end;
	gap: 10px;
}

.blog-search-form label {
	display: grid;
	gap: 6px;
	color: #dbc39f;
	font-size: 0.78rem;
	font-weight: 800;
	text-transform: uppercase;
}

.blog-search-form input,
.blog-search-form select {
	width: 100%;
	padding: 11px 12px;
	color: white;
	background-color: #101112;
	border: 1px solid #3f4651;
	border-radius: 6px;
	text-transform: none;
}

.blog-search-form button,
.blog-search-form a,
.blog-actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 10px 14px;
	color: #111 !important;
	background-color: #ffb320;
	border: 0;
	border-radius: 6px;
	font-weight: 800;
	text-decoration: none;
}

.blog-search-form a,
.blog-actions a {
	color: white !important;
	background-color: #31373f;
	border: 1px solid #4f5966;
}

.blog-toc {
	padding-top: 12px;
	border-top: 1px solid #31373f;
}

.blog-toc summary {
	color: #ffb320;
	font-size: 0.78rem;
	font-weight: 800;
	cursor: pointer;
	text-transform: uppercase;
}

.blog-toc ol {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px 18px;
	margin: 10px 0 0;
	padding-left: 20px;
}

.blog-toc a {
	color: #d3dddd;
	text-decoration: none;
}

.blog-toc a:hover {
	color: #ffb320;
}

.blog-editor,
.blog-post {
	max-width: 920px;
	margin: 0 auto 20px;
	padding: 22px;
	background-color: rgba(34, 34, 34, 0.96);
	border: 1px solid #3f4651;
	border-radius: 8px;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22);
}

.blog-section-heading {
	margin: 0 auto 16px;
	max-width: 920px;
}

.blog-section-heading h3 {
	margin: 4px 0 0;
	color: #f8efe2;
	font-size: 1.45rem;
	text-align: left;
}

.blog-editor form {
	display: grid;
	gap: 10px;
}

.blog-editor-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.blog-editor label {
	margin: 0;
	color: #dbc39f;
	font-size: 0.86rem;
	text-transform: uppercase;
}

.blog-editor-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.blog-editor .blog-editor-toolbar > button,
.blog-editor .blog-editor-toolbar > .blog-toolbar-link,
.blog-editor .blog-media-picker > summary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	padding: 0;
	color: white;
	background-color: #31373f;
	border: 1px solid #4f5966;
	border-radius: 6px;
	cursor: pointer;
}

.blog-editor .blog-editor-toolbar > button:hover,
.blog-editor .blog-editor-toolbar > button:focus,
.blog-editor .blog-editor-toolbar > .blog-toolbar-link:hover,
.blog-editor .blog-editor-toolbar > .blog-toolbar-link:focus,
.blog-editor .blog-media-picker > summary:hover,
.blog-editor .blog-media-picker > summary:focus,
.blog-editor .blog-media-picker[open] > summary {
	background-color: #494646;
	border-color: var(--gw-accent);
	outline: none;
}

.blog-editor .blog-editor-toolbar > button img,
.blog-editor .blog-editor-toolbar > .blog-toolbar-link img,
.blog-editor .blog-media-picker > summary img {
	width: 23px;
	height: 23px;
	filter: brightness(0) invert(1);
	opacity: 0.9;
}

.blog-editor .blog-editor-toolbar > button span {
	color: inherit;
	font-size: 0.68rem;
	font-weight: 900;
	line-height: 1;
}

.blog-editor input,
.blog-search-form input,
.blog-search-form select,
.blog-editor textarea {
	width: 100%;
	padding: 12px 14px;
	color: white;
	background-color: #101112;
	border: 1px solid #3f4651;
	border-radius: 6px;
	font-size: 1rem;
}

.blog-editor textarea {
	min-height: 180px;
	resize: vertical;
}

.blog-format-help {
	margin: 0;
	color: #8fa0a0;
	font-size: 0.86rem;
	text-align: left;
}

.blog-spellcheck-status {
	margin: -4px 0 0;
	color: #dbc39f;
	font-size: 0.86rem;
	text-align: left;
}

.blog-editor-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.blog-editor-actions a {
	color: #d3dddd;
	font-size: 0.92rem;
	font-weight: 800;
	text-decoration: none;
}

.blog-editor-actions a:hover {
	color: #ffb320;
}

.blog-media-picker {
	position: relative;
}

.blog-editor .blog-media-picker {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.blog-media-picker > summary {
	list-style: none;
}

.blog-media-picker > summary::-webkit-details-marker {
	display: none;
}

.blog-media-picker-panel {
	position: absolute;
	top: calc(100% + 7px);
	left: 0;
	z-index: 60;
	display: grid;
	gap: 10px;
	width: min(420px, 82vw);
	max-height: 52vh;
	padding: 12px;
	overflow-y: auto;
	background: rgba(10, 15, 22, 0.98);
	border: 1px solid var(--gw-line-strong);
	border-radius: var(--gw-radius);
	box-shadow: 0 16px 34px rgba(0, 0, 0, 0.46);
}

.blog-media-picker-panel > strong {
	color: #dbc39f;
	font-size: 0.78rem;
	font-weight: 800;
	text-transform: uppercase;
}

.blog-media-picker-panel > p {
	margin: 0;
	color: #8fa0a0;
	font-size: 0.9rem;
	text-align: left;
}

.blog-media-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.blog-media-item {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	gap: 3px;
	align-items: center;
	min-width: 0;
	padding: 10px 12px;
	color: #d3dddd;
	background-color: #171b20;
	border: 1px solid #3f4651;
	border-radius: 6px;
	text-align: left;
}

.blog-media-item-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.blog-editor .blog-media-item-icon img {
	width: 22px;
	height: 22px;
	color: #d3dddd;
	filter: brightness(0) invert(1);
	opacity: 0.88;
}

.blog-media-item-title {
	width: 100%;
	overflow: hidden;
	font-size: 0.92rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.blog-editor input:focus,
.blog-editor textarea:focus {
	border-color: #ffb320;
	outline: none;
	box-shadow: 0 0 0 3px rgba(255, 179, 32, 0.12);
}

.blog-editor button,
.blog-login-note a {
	justify-self: start;
	padding: 12px 18px;
	color: #111;
	background-color: #ffb320;
	border: none;
	border-radius: 6px;
	font-size: 0.95rem;
	font-weight: 800;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.2s, transform 0.2s;
}

.blog-editor button:hover,
.blog-login-note a:hover {
	background-color: #ffd06c;
	transform: translateY(-1px);
}

.blog-post {
	position: relative;
	overflow: hidden;
}

.blog-post::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 4px;
	height: 100%;
	background-color: #ffb320;
}

.blog-post-topline {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 10px;
	color: #dcb677;
}

.blog-post h3 {
	margin: 0 0 8px;
	color: #f8efe2;
	font-size: 1.35rem;
	line-height: 1.2;
	text-align: left;
	overflow-wrap: anywhere;
}

.blog-post-body p,
.home-blog-list .blog-post-body p {
	margin: 12px 0 0;
	color: #d3dddd;
	font-size: 1rem;
	line-height: 1.72;
	text-align: left;
	overflow-wrap: anywhere;
}

.blog-table-of-contents {
	margin-top: 14px;
	padding: 12px 14px;
	background: rgba(21, 29, 41, 0.76);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
	text-align: left;
}

.blog-table-of-contents > strong {
	color: var(--gw-gold);
	font-size: 0.78rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.blog-table-of-contents ol {
	display: grid;
	gap: 5px;
	margin: 8px 0 0;
	padding-left: 20px;
}

.blog-table-of-contents li.level-3 {
	margin-left: 14px;
}

.blog-table-of-contents a {
	font-weight: 800;
}

.blog-post-body h2,
.blog-post-body h3 {
	margin: 20px 0 6px;
	scroll-margin-top: 18px;
	text-align: left;
}

.blog-post-body h2 {
	font-size: 1.18rem;
}

.blog-post-body h3 {
	font-size: 1rem;
}

.blog-image {
	margin: 16px 0 0;
}

.blog-image img {
	display: block;
	width: 100%;
	max-height: 520px;
	object-fit: contain;
	background-color: #101112;
	border: 1px solid #31373f;
	border-radius: 8px;
}

.blog-video-panel {
	margin: 16px 0 0;
	overflow: hidden;
	background-color: #101112;
	border: 1px solid #31373f;
	border-radius: 8px;
}

.blog-video-panel video,
.blog-video-panel iframe {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	background-color: #05070a;
	border: 0;
}

.blog-video-panel video {
	height: auto;
	max-height: 620px;
}

.blog-video-compact {
	width: min(100%, 360px);
	margin: 12px auto 0;
}

.blog-video-compact video,
.blog-video-compact iframe {
	height: clamp(180px, 34vw, 240px);
	aspect-ratio: auto;
	object-fit: contain;
}

.blog-code-panel {
	margin: 16px 0 0;
	overflow: hidden;
	background-color: #0f1012;
	border: 1px solid #31373f;
	border-radius: 8px;
}

.blog-code-panel figcaption {
	padding: 8px 12px;
	color: #ffb320;
	background-color: #1b1b1b;
	border-bottom: 1px solid #31373f;
	font-family: 'Courier New', Courier, monospace;
	font-size: small;
	font-weight: bold;
	text-transform: uppercase;
}

.blog-code-panel pre {
	margin: 0;
	padding: 14px;
	overflow-x: auto;
	color: #e8eeee;
	text-align: left;
}

.blog-code-panel code {
	font-family: 'Courier New', Courier, monospace;
	font-size: 0.92rem;
	line-height: 1.55;
	white-space: pre;
}

.blog-meta {
	color: #8fa0a0;
	font-size: small;
}

.blog-meta span {
	color: #ffb320;
	font-weight: 800;
}

.blog-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 10px 0 0;
}

.blog-tags span {
	padding: 4px 8px;
	color: #d3dddd;
	background-color: #101112;
	border: 1px solid #31373f;
	border-radius: 999px;
	font-size: 0.78rem;
	font-weight: 800;
}

.blog-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: 16px;
}

.blog-share-links {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 7px;
	align-items: center;
}

.blog-actions .blog-share-link {
	width: 42px;
	min-width: 42px;
	min-height: 42px;
	padding: 0;
	color: white !important;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95rem;
	font-weight: 900;
	line-height: 1;
	text-transform: none;
}

.blog-actions .blog-edit-post {
	color: #061018 !important;
	background: var(--gw-gold);
	border-color: #ffe2a1;
}

.blog-actions .blog-edit-post:hover,
.blog-actions .blog-edit-post:focus {
	color: #061018 !important;
	background: #ffd777;
	border-color: #fff0c9;
}

.blog-share-link span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.blog-share-link img {
	display: block;
	width: 22px;
	height: 22px;
	filter: brightness(0) invert(1);
}

.blog-share-facebook {
	background-color: #1877f2 !important;
}

.blog-share-twitter {
	background-color: #111111 !important;
}

.blog-share-linkedin {
	background-color: #0a66c2 !important;
}

.blog-share-reddit {
	background-color: #ff4500 !important;
}

.blog-share-email {
	background-color: #4f5966 !important;
}

.blog-actions .blog-share-link:hover {
	color: white !important;
	filter: brightness(1.12);
	transform: translateY(-1px);
}

.blog-comments {
	max-width: 880px;
	margin: -8px auto 28px;
	padding: 20px 22px;
	background-color: rgba(15, 20, 28, 0.94);
	border: 1px solid var(--gw-line, #3f4651);
	border-top: 0;
	border-radius: 0 0 var(--gw-radius, 8px) var(--gw-radius, 8px);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2);
}

.blog-comments-heading,
.blog-comment-meta,
.blog-comment-form-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.blog-comments-heading span {
	color: var(--gw-gold, #ffb320);
	font-size: 0.76rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.blog-comments-heading h4 {
	margin: 3px 0 0;
	color: var(--gw-text, #f8efe2);
	font-size: 1.1rem;
}

.blog-comments-heading button {
	padding: 8px 11px;
	color: #061018 !important;
	background: #f2bd57 !important;
	border: 1px solid #ffe2a1;
	border-radius: 6px;
	font-size: 0.78rem;
	font-weight: 900;
	text-transform: uppercase;
}

.blog-comments-heading button:hover,
.blog-comments-heading button:focus {
	color: #061018 !important;
	background: #ffd777 !important;
	outline: 2px solid rgba(73, 215, 255, 0.38);
	outline-offset: 2px;
}

.blog-comments:not(.is-open) {
	margin-bottom: 20px;
	padding-top: 14px;
	padding-bottom: 14px;
}

.blog-comments-heading a,
.blog-comment-login a {
	color: var(--gw-accent, #49d7ff);
	font-weight: 800;
	text-decoration: none;
}

.blog-comments-empty,
.blog-comment-login {
	margin: 18px 0;
	color: var(--gw-muted, #aebbbb);
	text-align: left;
}

.blog-comment-list {
	display: grid;
	gap: 10px;
	margin-top: 16px;
}

.blog-comment {
	position: relative;
	padding: 14px 16px;
	background-color: rgba(7, 10, 14, 0.76);
	border: 1px solid var(--gw-line, #31373f);
	border-radius: var(--gw-radius, 8px);
}

.blog-comment-meta strong {
	color: var(--gw-text, #f8efe2);
}

.blog-comment-meta time {
	color: var(--gw-muted, #8fa0a0);
	font-size: 0.78rem;
}

.blog-comment p {
	margin: 9px 0 0;
	color: var(--gw-muted, #d3dddd);
	line-height: 1.6;
	overflow-wrap: anywhere;
	text-align: left;
}

.blog-comment-mention {
	color: var(--gw-accent) !important;
	font-weight: 900;
}

.blog-comment-edited {
	display: block;
	margin-top: 5px;
	color: var(--gw-muted);
	font-size: 0.7rem;
	font-style: italic;
	text-align: left;
}

.blog-comment-replying {
	margin-top: 8px;
	color: var(--gw-gold, #f2bd57);
	font-size: 0.76rem;
	font-weight: 800;
}

.blog-comment-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	margin-top: 10px;
}

.blog-comment-reply {
	padding: 6px 10px;
	color: #061018 !important;
	background: var(--gw-gold, #f2bd57) !important;
	border: 1px solid #ffe2a1;
	border-radius: 6px;
	font-size: 0.78rem;
	font-weight: 800;
}

.blog-comment-reply:hover,
.blog-comment-reply:focus {
	background: #ffd777 !important;
}

.blog-comment-delete {
	margin: 0;
	text-align: right;
}

.blog-comment-edit {
	position: relative;
}

.blog-comment-edit > summary {
	display: inline-flex;
	padding: 6px 10px;
	list-style: none;
	cursor: pointer;
}

.blog-comment-edit > summary::-webkit-details-marker {
	display: none;
}

.blog-comment-edit form {
	position: absolute;
	right: 0;
	z-index: 5;
	display: grid;
	gap: 8px;
	width: min(420px, 80vw);
	padding: 12px;
	background: var(--gw-surface-strong);
	border: 1px solid var(--gw-line-strong);
	border-radius: var(--gw-radius);
	box-shadow: var(--gw-shadow);
}

.blog-comment-edit textarea {
	width: 100%;
	min-height: 100px;
	padding: 10px 12px;
	resize: vertical;
}

.blog-comment-edit form button {
	justify-self: end;
}

.blog-comment-pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px;
	margin-top: 16px;
}

.blog-comment-pagination a {
	min-width: 34px;
	padding: 6px 9px;
	color: var(--gw-text) !important;
	background: var(--gw-panel);
	border: 1px solid var(--gw-line);
	border-radius: 5px;
	font-weight: 900;
	text-align: center;
	text-decoration: none;
}

.blog-comment-pagination a[aria-current="page"],
.blog-comment-pagination a:hover,
.blog-comment-pagination a:focus {
	color: #061018 !important;
	background: var(--gw-accent);
	border-color: #a8edff;
}

.blog-return {
	margin-top: 12px;
}

.blog-comment-delete button {
	padding: 6px 10px;
	color: #fff !important;
	background: #a82e3b !important;
	border: 1px solid #d85a68;
	border-radius: 6px;
	font-size: 0.78rem;
}

.blog-comment-delete button:hover {
	color: #fff !important;
	background: #c93648 !important;
}

.blog-comment-form {
	display: grid;
	gap: 9px;
	margin-top: 18px;
	padding-top: 18px;
	border-top: 1px solid var(--gw-line, #31373f);
}

.blog-comment-form label {
	color: var(--gw-gold, #dbc39f);
	font-size: 0.84rem;
	font-weight: 900;
	text-transform: uppercase;
}

.blog-comment-reply-status {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 9px 11px;
	color: var(--gw-text, #f8efe2);
	background: rgba(242, 189, 87, 0.1);
	border: 1px solid rgba(242, 189, 87, 0.38);
	border-radius: 6px;
	font-size: 0.82rem;
}

.blog-comment-reply-status[hidden] {
	display: none;
}

.blog-comment-reply-status button {
	padding: 4px 8px;
	color: var(--gw-text, #f8efe2) !important;
	background: transparent !important;
	border: 1px solid var(--gw-line, #31373f);
	border-radius: 5px;
	font-size: 0.72rem;
}

.blog-comment-form textarea {
	width: 100%;
	min-height: 100px;
	padding: 12px 14px;
	resize: vertical;
}

.blog-comment-form-actions small {
	color: var(--gw-muted, #8fa0a0);
}

.blog-comment-form-actions button {
	padding: 10px 14px;
}

.blog-login-note,
.blog-empty-state {
	max-width: 920px;
	margin: 0 auto 20px;
	padding: 22px;
	background-color: rgba(16, 17, 18, 0.9);
	border: 1px solid #3f4651;
	border-radius: 8px;
	text-align: center;
}

.blog-login-note h3,
.blog-empty-state h3 {
	margin: 0 0 8px;
	color: #f8efe2;
}

.blog-login-note p,
.blog-empty-state p,
.blog-more-link {
	color: #c7d3d3;
	text-align: center;
}

.home-blog-list {
	padding: 0 10px 20px;
}

.home-blog-list .blog-post {
	padding: 10px;
}

.home-blog-list .blog-post h3 {
	font-size: large;
}

.home-blog-list .blog-post-topline {
	display: none;
}

@media (max-width: 620px) {
	.blog-primary-actions {
		display: grid;
		grid-template-columns: 1fr;
	}

	.blog-comments-heading,
	.blog-comment-meta,
	.blog-comment-form-actions {
		align-items: flex-start;
		flex-direction: column;
	}

	.blog-comment-form-actions button {
		width: 100%;
	}
}

/* Home */

.home-page {
	width: min(1440px, 100%);
	margin: 0 auto;
	padding-bottom: 90px;
}

.access-drawer {
	position: fixed;
	top: calc(52px + var(--gw-header-height, 160px));
	z-index: 900;
	display: flex;
	align-items: flex-start;
	transition: transform 0.22s ease;
}

.access-drawer-left {
	left: 0;
	transform: translateX(-100%);
}

.access-drawer-right {
	right: 0;
	transform: translateX(100%);
}

.access-drawer.is-open {
	transform: translateX(0);
}

.access-drawer-toggle {
	position: absolute;
	top: 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 52px;
	padding: 0;
	background: rgba(10, 15, 22, 0.98);
	border: 1px solid var(--gw-line-strong);
	border-left: 0;
	border-radius: 0 9px 9px 0;
	box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.34);
	cursor: pointer;
	animation: access-drawer-neon-pulse 3.2s ease-in-out infinite;
}

.access-drawer-left .access-drawer-toggle {
	left: 100%;
	border-left: 0;
}

.access-drawer-right .access-drawer-toggle {
	right: 100%;
	border-right: 0;
	border-left: 1px solid var(--gw-line-strong);
	border-radius: 9px 0 0 9px;
	box-shadow: -8px 8px 20px rgba(0, 0, 0, 0.34);
	animation-delay: 0.5s;
}

@keyframes access-drawer-neon-pulse {
	0%,
	100% {
		background: rgba(10, 15, 22, 0.98);
		border-color: rgba(73, 215, 255, 0.38);
		box-shadow:
			0 0 5px rgba(73, 215, 255, 0.18),
			0 0 12px rgba(73, 215, 255, 0.12);
	}

	50% {
		background: var(--gw-accent);
		border-color: #49d7ff;
		box-shadow:
			0 0 9px rgba(73, 215, 255, 0.88),
			0 0 24px rgba(73, 215, 255, 0.58),
			0 0 38px rgba(73, 215, 255, 0.28);
	}
}

.access-drawer-toggle:hover,
.access-drawer-toggle:focus {
	background: var(--gw-accent);
	box-shadow:
		0 0 10px rgba(73, 215, 255, 0.95),
		0 0 28px rgba(73, 215, 255, 0.65);
	animation-play-state: paused;
	outline: none;
}

.access-drawer-toggle img {
	width: 25px;
	height: 25px;
}

.access-drawer-credit-badge {
	position: absolute;
	top: -9px;
	left: -9px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 24px;
	height: 24px;
	padding: 0 6px;
	color: #061018;
	background: var(--gw-gold);
	border: 2px solid #0a0f16;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 900;
	line-height: 1;
}

.sr-only,
.access-drawer-toggle .sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.access-drawer-close-icon,
.access-drawer.is-open .access-drawer-open-icon {
	display: none;
}

.access-drawer.is-open .access-drawer-close-icon {
	display: block;
}

.access-drawer-panel {
	display: grid;
	gap: 7px;
	width: 286px;
	max-height: 70vh;
	padding: 14px;
	overflow-y: auto;
	background: rgba(10, 15, 22, 0.98);
	border: 1px solid var(--gw-line-strong);
	box-shadow: 14px 18px 34px rgba(0, 0, 0, 0.44);
}

.access-drawer-left .access-drawer-panel {
	border-left: 0;
	border-radius: 0 10px 10px 0;
}

.access-drawer-right .access-drawer-panel {
	border-right: 0;
	border-radius: 10px 0 0 10px;
	box-shadow: -14px 18px 34px rgba(0, 0, 0, 0.44);
}

.access-drawer-right .access-drawer-panel {
	max-height: calc(100vh - var(--gw-header-height, 160px) - var(--gw-footer-height, 52px) - 78px);
}

.channel-rail-panel {
	width: 260px;
	max-height: calc(100vh - var(--gw-header-height, 160px) - var(--gw-footer-height, 52px) - 78px);
}

.access-drawer-home-rail {
	top: calc(52px + var(--gw-header-height, 160px) + 12px);
	bottom: calc(var(--gw-footer-height, 52px) + 12px);
	z-index: 250;
	transform: none !important;
}

.access-drawer-home-rail.access-drawer-left {
	left: 14px;
}

.access-drawer-home-rail.access-drawer-right {
	right: 14px;
}

.access-drawer-home-rail .access-drawer-toggle {
	display: none;
}

.access-drawer-home-rail .access-drawer-panel {
	width: clamp(240px, 14vw, 320px);
	height: 100%;
	max-height: none;
	border: 1px solid var(--gw-line-strong);
	border-radius: 10px;
	background:
		linear-gradient(180deg, rgba(13, 21, 31, 0.98), rgba(7, 12, 18, 0.98)),
		var(--gw-panel);
	box-shadow: 0 18px 38px rgba(0, 0, 0, 0.36);
}

.access-drawer-home-rail.access-drawer-left .channel-rail-panel {
	align-content: start;
	gap: 2px;
	padding: 7px 9px;
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
}

.channel-rail-panel > .access-drawer-heading,
.channel-side-rail > .access-drawer-heading {
	padding-bottom: 4px;
}

.access-drawer-home-rail.access-drawer-right .access-drawer-panel {
	width: clamp(310px, 18vw, 390px);
	box-shadow: 0 18px 38px rgba(0, 0, 0, 0.36);
}

.site-content-scroll > main:not(.channel-page) {
	width: auto;
	max-width: none;
	margin-left: 0;
	margin-right: 0;
}

.site-content-scroll > main.channel-page {
	margin-left: 0;
}

@media screen and (max-width: 960px) {
	.access-drawer-home-rail {
		top: calc(var(--gw-header-height, 250px) + 10px);
		bottom: auto;
		z-index: 900;
	}

	.access-drawer-home-rail.access-drawer-left {
		left: 0;
		transform: translateX(-100%) !important;
	}

	.access-drawer-home-rail.access-drawer-right {
		right: 0;
		transform: translateX(100%) !important;
	}

	.access-drawer-home-rail.is-open {
		transform: translateX(0) !important;
	}

	.access-drawer-home-rail .access-drawer-toggle {
		display: inline-flex;
	}

	.access-drawer-home-rail .access-drawer-panel,
	.access-drawer-home-rail.access-drawer-right .access-drawer-panel {
		width: min(86vw, 390px);
		height: auto;
		max-height: calc(100dvh - var(--gw-header-height, 250px) - 32px);
	}

	.access-drawer-home-rail .access-drawer-tab-container {
		height: calc(100dvh - var(--gw-header-height, 250px) - 32px);
	}

	.site-content-scroll > main:not(.channel-page),
	.site-content-scroll > main.channel-page {
		margin-right: 0;
		margin-left: 0;
	}
}

.channel-rail-section {
	display: grid;
	gap: 2px;
	padding: 1px 0 3px;
	border-bottom: 1px solid var(--gw-line);
}

.channel-rail-section:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.channel-rail-section h2 {
	margin: 0;
	padding: 1px 3px;
	color: var(--gw-gold);
	font-size: 0.6rem;
	letter-spacing: 0.06em;
	text-align: left;
	text-transform: uppercase;
}

.channel-rail-section p {
	margin: 0;
	padding: 2px 4px;
	color: var(--gw-muted);
	font-size: 0.62rem;
	line-height: 1.2;
	text-align: left;
}

.channel-rail-section p a {
	color: var(--gw-accent) !important;
	font-weight: 900;
}

.channel-rail-list {
	display: grid;
	gap: 2px;
}

.channel-rail-rotator > :not(:first-child) {
	display: none;
}

.channel-rail-rotator.is-rotating {
	position: relative;
	height: calc(
		(var(--channel-rail-wheel-item-height, 52px) * var(--channel-rail-wheel-visible-count, 1))
		+ (2px * (var(--channel-rail-wheel-visible-count, 1) - 1))
	);
	overflow: hidden;
}

.channel-rail-rotator.is-rotating > * {
	display: grid;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	min-height: var(--channel-rail-wheel-item-height, 52px);
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
	transform: translateY(calc((var(--channel-rail-wheel-item-height, 52px) + 2px) * var(--channel-rail-wheel-visible-count, 1)));
	transition:
		opacity 0.28s ease,
		transform 0.52s cubic-bezier(0.22, 0.7, 0.25, 1),
		filter 0.52s ease;
}

.channel-rail-rotator.is-rotating > .is-previous,
.channel-rail-rotator.is-rotating > .is-active,
.channel-rail-rotator.is-rotating > .is-next {
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
}

.channel-rail-rotator.is-rotating > .is-previous {
	transform: translateY(0) scale(0.97);
	filter: saturate(0.84) brightness(0.84);
}

.channel-rail-rotator.is-rotating > .is-active {
	transform: translateY(calc((var(--channel-rail-wheel-item-height, 52px) + 2px) * var(--channel-rail-wheel-active-slot, 0))) scale(1);
	filter: none;
	z-index: 2;
}

.channel-rail-rotator.is-rotating > .is-next {
	transform: translateY(calc((var(--channel-rail-wheel-item-height, 52px) + 2px) * var(--channel-rail-wheel-next-slot, 0))) scale(0.97);
	filter: saturate(0.84) brightness(0.84);
}

.channel-rail-rotator.is-rotating > .is-wheel-exiting {
	opacity: 0;
	pointer-events: none;
	transform: translateY(calc((var(--channel-rail-wheel-item-height, 52px) + 2px) * -1)) scale(0.9);
}

.channel-rail-link {
	display: grid;
	grid-template-columns: 27px minmax(0, 1fr) auto;
	align-items: center;
	gap: 4px;
	padding: 2px 4px;
	color: var(--gw-text) !important;
	background: rgba(21, 29, 41, 0.82);
	border: 1px solid transparent;
	border-radius: 7px;
	font-size: 0.7rem;
	font-weight: 900;
	text-decoration: none;
}

.channel-rail-link:hover,
.channel-rail-link:focus {
	color: #061018 !important;
	background: var(--gw-accent);
	border-color: #a8edff;
	outline: none;
}

.channel-rail-avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 27px;
	height: 27px;
	overflow: hidden;
	color: #061018;
	background: var(--gw-gold);
	border: 1px solid #ffe2a1;
	border-radius: 50%;
	font-size: 0.67rem;
	font-weight: 900;
}

.channel-rail-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.channel-rail-link b {
	padding: 1px 3px;
	color: #fff;
	background: var(--gw-danger);
	border-radius: 999px;
	font-size: 0.48rem;
	text-transform: uppercase;
}

.channel-rail-video-link > span:nth-child(2) {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.channel-rail-video-link strong,
.channel-rail-video-link small {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.channel-rail-video-link strong {
	color: inherit;
	font-size: 0.68rem;
}

.channel-rail-video-link small {
	color: var(--gw-muted);
	font-size: 0.58rem;
}

.channel-rail-video-link:hover small,
.channel-rail-video-link:focus small {
	color: rgba(6, 16, 24, 0.72);
}

@media screen and (min-height: 850px) {
	.access-drawer-home-rail.access-drawer-left .channel-rail-panel {
		gap: 3px;
		padding: 9px 11px;
	}

	.channel-rail-section {
		gap: 3px;
		padding: 2px 0 5px;
	}

	.channel-rail-section h2 {
		padding: 2px 4px;
		font-size: 0.68rem;
	}

	.channel-rail-section p {
		padding: 4px 5px;
		font-size: 0.7rem;
		line-height: 1.3;
	}

	.channel-rail-link {
		grid-template-columns: 32px minmax(0, 1fr) auto;
		gap: 6px;
		padding: 5px 6px;
		font-size: 0.76rem;
	}

	.channel-rail-avatar {
		width: 32px;
		height: 32px;
		font-size: 0.74rem;
	}

	.channel-rail-link b {
		padding: 2px 4px;
		font-size: 0.52rem;
	}

	.channel-rail-video-link strong {
		font-size: 0.72rem;
	}

	.channel-rail-video-link small {
		font-size: 0.62rem;
	}

	.channel-rail-info-link {
		padding: 5px 7px;
	}

	.channel-rail-info-link > span:not(.channel-rail-avatar),
	.channel-rail-info-copy > span {
		font-size: 0.58rem;
	}

	.channel-rail-info-link strong {
		font-size: 0.7rem;
	}
}

@media screen and (min-height: 1200px) {
	.access-drawer-home-rail.access-drawer-left .channel-rail-panel {
		gap: 3px;
		padding: 10px 14px;
	}

	.channel-rail-section {
		gap: 3px;
		padding: 2px 0 4px;
	}

	.channel-rail-section h2 {
		padding: 2px 5px;
		font-size: 0.74rem;
	}

	.channel-rail-section p {
		padding: 6px 7px;
		font-size: 0.8rem;
	}

	.channel-rail-link {
		grid-template-columns: 34px minmax(0, 1fr) auto;
		gap: 9px;
		padding: 8px 9px;
		font-size: 0.86rem;
	}

	.channel-rail-avatar {
		width: 34px;
		height: 34px;
		font-size: 0.82rem;
	}

	.channel-rail-link b {
		padding: 3px 5px;
		font-size: 0.56rem;
	}

	.channel-rail-video-link strong {
		font-size: 0.82rem;
	}

	.channel-rail-video-link small {
		font-size: 0.7rem;
	}

	.channel-rail-info-link {
		padding: 8px 9px;
	}

	.channel-rail-info-link > span:not(.channel-rail-avatar),
	.channel-rail-info-copy > span {
		font-size: 0.66rem;
	}

	.channel-rail-info-link strong {
		font-size: 0.8rem;
	}
}

.video-guest-callout {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin: 14px 0;
	padding: 13px 15px;
	background: rgba(73, 215, 255, 0.08);
	border: 1px solid rgba(73, 215, 255, 0.42);
	border-radius: var(--gw-radius);
}

.video-guest-callout > div:first-child {
	display: grid;
	gap: 3px;
}

.video-guest-callout strong {
	color: var(--gw-accent);
	font-size: 0.82rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.video-guest-callout span {
	color: var(--gw-muted);
	font-size: 0.82rem;
	line-height: 1.4;
}

.video-guest-actions {
	display: flex;
	flex: 0 0 auto;
	gap: 7px;
}

.video-guest-actions a {
	flex: 0 0 auto;
}

@media screen and (max-width: 620px) {
	.video-guest-callout {
		align-items: stretch;
		flex-direction: column;
	}

	.video-guest-actions a {
		flex: 1;
		text-align: center;
	}
}

.channel-rail-info-section {
	gap: 2px;
}

.channel-rail-info-link {
	display: grid;
	gap: 1px;
	padding: 3px 5px;
	color: var(--gw-text) !important;
	background: rgba(21, 29, 41, 0.82);
	border: 1px solid transparent;
	border-radius: 7px;
	text-decoration: none;
}

a.channel-rail-info-link {
	text-decoration: none;
}

.channel-rail-person-link {
	grid-template-columns: 36px minmax(0, 1fr);
	align-items: center;
	gap: 8px;
}

.channel-rail-info-link:hover,
.channel-rail-info-link:focus,
.channel-rail-info-link:focus-within {
	background: rgba(73, 215, 255, 0.1);
	border-color: rgba(73, 215, 255, 0.45);
	outline: none;
}

.channel-rail-info-copy {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.channel-rail-info-link > span:not(.channel-rail-avatar),
.channel-rail-info-copy > span {
	color: var(--gw-gold);
	font-size: 0.51rem;
	font-weight: 900;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.channel-rail-info-link strong {
	color: var(--gw-text);
	font-size: 0.62rem;
	line-height: 1.15;
	overflow-wrap: anywhere;
}

.channel-rail-rotator.is-rotating .channel-rail-info-link strong,
.channel-rail-rotator.is-rotating .channel-rail-info-link small {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
}

.channel-rail-rotator.is-rotating .channel-rail-info-link strong {
	-webkit-line-clamp: 2;
}

.channel-rail-rotator.is-rotating .channel-rail-info-link small {
	-webkit-line-clamp: 1;
}

.channel-rail-info-link strong a,
.channel-rail-info-link small a {
	color: inherit !important;
	text-decoration: none;
}

.channel-rail-info-link strong a:hover,
.channel-rail-info-link strong a:focus,
.channel-rail-info-link small a:hover,
.channel-rail-info-link small a:focus {
	color: var(--gw-gold) !important;
	outline: none;
	text-decoration: underline;
}

.channel-rail-info-link small {
	color: var(--gw-muted);
	font-size: 0.6rem;
	line-height: 1.25;
}

.channel-rail-placeholder-card {
	border-style: dashed;
}

.channel-rail-placeholder-card .channel-rail-avatar,
.channel-rail-placeholder-card b {
	color: var(--gw-muted);
	background: rgba(116, 139, 167, 0.12);
	border-color: rgba(116, 139, 167, 0.25);
	box-shadow: none;
}

.channel-rail-placeholder-card strong {
	color: var(--gw-muted);
}

.access-drawer-tab-container {
	grid-template-rows: auto minmax(0, 1fr);
	height: calc(100vh - var(--gw-header-height, 160px) - var(--gw-footer-height, 52px) - 78px);
	overflow: hidden;
}

.access-drawer-tabs {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 6px;
}

.access-drawer-tabs button {
	padding: 9px 8px;
	color: var(--gw-muted);
	background: rgba(21, 29, 41, 0.82);
	border: 1px solid var(--gw-line);
	border-radius: 6px;
	font-weight: 900;
	cursor: pointer;
}

.access-drawer-tabs button[aria-selected="true"] {
	color: #061018;
	background: var(--gw-accent);
	border-color: #a8edff;
}

.access-drawer-tab-panel {
	min-height: 0;
	overflow-y: auto;
}

.access-drawer-tab-panel[hidden] {
	display: none;
}

.access-drawer-user-content {
	display: grid;
	align-content: start;
	gap: 7px;
}

.access-drawer-chat {
	display: grid;
	grid-template-rows: auto minmax(0, 1fr);
	gap: 10px;
}

.access-drawer-chat .home-chat {
	display: grid;
	grid-template-rows: auto minmax(0, 1fr) auto;
	min-height: 0;
}

.access-drawer-chat .home-chat-messages {
	height: auto;
	min-height: 0;
}

.access-drawer-heading {
	display: grid;
	gap: 2px;
	padding: 3px 5px 10px;
	border-bottom: 1px solid var(--gw-line);
}

.access-drawer-heading span {
	color: var(--gw-accent);
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.access-drawer-heading strong {
	color: var(--gw-text);
}

.user-panel-quick-heading {
	margin-top: 8px;
	padding-top: 12px;
	border-top: 1px solid var(--gw-line);
}

.user-panel-rank {
	min-width: 0;
}

.user-panel-rank .rank-top-menu {
	max-width: none;
}

.user-panel-rank .rank-top-trigger {
	background: rgba(21, 29, 41, 0.82);
	border-color: transparent;
}

.user-panel-rank .rank-top-dropdown {
	margin-top: 6px;
	box-shadow: none;
}

.access-drawer-panel > a,
.access-drawer-user-content > a,
.access-drawer-group summary {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 11px;
	color: var(--gw-text);
	background: rgba(21, 29, 41, 0.82);
	border: 1px solid transparent;
	border-radius: 7px;
	font-size: 0.86rem;
	font-weight: 800;
	text-decoration: none;
}

.access-drawer-panel > a:hover,
.access-drawer-panel > a:focus,
.access-drawer-user-content > a:hover,
.access-drawer-user-content > a:focus,
.access-drawer-group summary:hover,
.access-drawer-group summary:focus,
.access-drawer-group[open] summary {
	color: #061018;
	background: var(--gw-gold);
	border-color: #ffe2a1;
	outline: none;
}

.access-drawer-panel > a img,
.access-drawer-user-content > a img,
.access-drawer-group summary img {
	box-sizing: content-box;
	width: 22px;
	height: 22px;
	flex: 0 0 auto;
	padding: 5px;
	background: rgba(73, 215, 255, 0.08);
	border: 1px solid rgba(73, 215, 255, 0.55);
	border-radius: 6px;
	box-shadow: 0 0 8px rgba(73, 215, 255, 0.12);
}

.access-drawer-panel > a:hover img,
.access-drawer-panel > a:focus img,
.access-drawer-user-content > a:hover img,
.access-drawer-user-content > a:focus img,
.access-drawer-group summary:hover img,
.access-drawer-group summary:focus img,
.access-drawer-group[open] summary img {
	filter: brightness(0.2);
	background: rgba(255, 255, 255, 0.2);
	border-color: rgba(6, 16, 24, 0.48);
	box-shadow: none;
}

.access-drawer-group summary {
	position: relative;
	cursor: pointer;
	list-style: none;
}

.access-drawer-group summary::-webkit-details-marker {
	display: none;
}

.access-drawer-group summary::after {
	content: "";
	width: 7px;
	height: 7px;
	margin-left: auto;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg) translateY(-2px);
}

.access-drawer-group[open] summary::after {
	transform: rotate(225deg) translate(-2px, -1px);
}

.access-drawer-group > div {
	display: grid;
	gap: 5px;
	padding: 6px 0 1px 14px;
}

.access-drawer-group > div a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 8px 10px;
	color: var(--gw-text) !important;
	background: rgba(21, 29, 41, 0.82);
	border: 1px solid transparent;
	border-radius: 6px;
	font-size: 0.82rem;
	font-weight: 800;
	text-decoration: none;
}

.access-drawer-group > div a:hover,
.access-drawer-group > div a:focus {
	color: #061018 !important;
	background: var(--gw-accent);
	border-color: var(--gw-accent);
	outline: none;
}

.access-drawer-notifications b {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	height: 22px;
	padding: 0 6px;
	color: #061018;
	background: var(--gw-gold);
	border-radius: 999px;
	font-size: 0.72rem;
}

.newsletter-status {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 0.68rem;
	font-weight: 900;
	text-transform: uppercase;
}

.newsletter-status i {
	width: 9px;
	height: 9px;
	background: currentColor;
	border-radius: 50%;
	box-shadow: 0 0 0 0 currentColor;
	animation: newsletter-status-pulse 1.5s ease-out infinite;
}

.newsletter-status.is-active {
	color: #42df83;
}

.newsletter-status.is-inactive {
	color: #ef5a67;
}

@keyframes newsletter-status-pulse {
	0% {
		box-shadow: 0 0 0 0 currentColor;
		opacity: 1;
	}

	70% {
		box-shadow: 0 0 0 5px transparent;
		opacity: 0.58;
	}

	100% {
		box-shadow: 0 0 0 0 transparent;
		opacity: 1;
	}
}

@media (max-width: 700px) {
	.access-drawer:not(.access-drawer-home-rail) {
		top: calc(52px + var(--gw-header-height, 250px));
	}

	.access-drawer-panel {
		width: min(86vw, 286px);
		max-height: 62vh;
	}

	.channel-rail-panel {
		width: min(82vw, 260px);
	}

	.access-drawer-tab-container {
		height: calc(100vh - var(--gw-header-height, 250px) - var(--gw-footer-height, 52px) - 70px);
	}

	.access-drawer-toggle {
		width: 42px;
		height: 48px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.access-drawer {
		transition: none;
	}

	.access-drawer-toggle {
		background: var(--gw-accent);
		animation: none;
		border-color: rgba(73, 215, 255, 0.72);
		box-shadow: 0 0 10px rgba(73, 215, 255, 0.3);
	}

	.newsletter-status i {
		animation: none;
	}

	.channel-rail-rotator.is-rotating > * {
		transition: none;
	}
}

.site-search-page {
	width: min(1180px, 100%);
	margin: 0 auto;
	text-align: left;
}

.site-search-hero,
.site-search-results,
.site-search-empty,
.site-search-summary {
	background: var(--gw-panel-soft);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
	box-shadow: var(--gw-shadow);
}

.site-search-hero {
	padding: 22px;
}

.site-search-hero > span,
.site-search-section-heading span {
	color: var(--gw-gold);
	font-size: 0.74rem;
	font-weight: 900;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.site-search-hero h1,
.site-search-hero h2,
.site-search-section-heading h3 {
	margin: 4px 0 14px;
}

.site-search-page-form label {
	display: block;
	margin-bottom: 6px;
	color: var(--gw-muted);
	font-size: 0.78rem;
	font-weight: 800;
	text-transform: uppercase;
}

.site-search-page-form > div {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 8px;
}

.site-search-page-form input,
.site-search-page-form select {
	width: 100%;
	min-height: 44px;
	padding: 10px 12px;
	color: var(--gw-text);
	background: rgba(5, 9, 14, 0.88);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
}

.site-search-page-form select {
	min-width: 110px;
}

.site-search-page-form button {
	padding: 10px 16px;
	color: #061018;
	background: var(--gw-gold);
	border: 1px solid #ffe2a1;
	border-radius: var(--gw-radius);
	font-weight: 900;
	text-transform: uppercase;
}

.site-search-summary {
	display: flex;
	gap: 6px;
	margin-top: 12px;
	padding: 11px 14px;
}

.site-search-summary span {
	color: var(--gw-muted);
}

.site-search-results-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 12px;
	margin-top: 12px;
}

.site-search-results {
	display: grid;
	align-content: start;
	gap: 9px;
	padding: 16px;
}

.site-search-result-card {
	display: grid;
	gap: 5px;
	padding: 13px;
	color: var(--gw-text) !important;
	background: rgba(21, 29, 41, 0.82);
	border: 1px solid transparent;
	border-radius: 7px;
	text-decoration: none;
}

.site-search-result-card:hover,
.site-search-result-card:focus {
	background: rgba(24, 34, 47, 0.96);
	border-color: var(--gw-accent);
}

.site-search-result-card span {
	color: var(--gw-gold);
	font-size: 0.78rem;
	font-weight: 800;
}

.site-search-result-card p,
.site-search-no-results,
.site-search-empty p {
	margin: 0;
	color: var(--gw-muted);
}

.site-search-channel-card {
	grid-template-columns: 46px minmax(0, 1fr);
	align-items: start;
}

.site-search-channel-avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	overflow: hidden;
	color: #061018 !important;
	background: var(--gw-gold);
	border: 1px solid #ffe2a1;
	border-radius: 50%;
	font-size: 1.05rem !important;
	font-weight: 900;
}

.site-search-channel-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.site-search-channel-copy {
	display: grid;
	gap: 5px;
	min-width: 0;
}

.site-search-channel-copy > strong {
	display: flex;
	align-items: center;
	gap: 7px;
	color: var(--gw-text);
}

.site-search-channel-copy > strong b {
	padding: 2px 6px;
	color: #fff;
	background: var(--gw-danger);
	border-radius: 999px;
	font-size: 0.62rem;
	text-transform: uppercase;
}

.site-search-empty {
	margin-top: 12px;
	padding: 22px;
	text-align: center;
}

@media (max-width: 760px) {
	.site-search-results-grid,
	.site-search-page-form > div {
		grid-template-columns: 1fr;
	}
}

.home-intro {
	display: grid;
	grid-template-columns: 1fr;
	justify-items: center;
	gap: 18px;
	margin-bottom: 14px;
	padding: 22px;
	text-align: center;
	background:
		linear-gradient(145deg, rgba(255, 179, 32, 0.08), rgba(83, 134, 230, 0.08) 50%, rgba(18, 17, 17, 0)),
		var(--gw-surface);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
	box-shadow: var(--gw-shadow);
}

.home-intro-wide {
	width: 100%;
}

.home-intro-copy {
	width: 100%;
	max-width: 820px;
}

.home-intro-wide .home-intro-copy {
	max-width: none;
}

.home-content-grid {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: 14px;
	align-items: start;
}

.home-panel {
	min-width: 0;
	padding: 18px;
	text-align: left;
	background-color: rgba(15, 20, 28, 0.94);
	border: 1px solid rgba(116, 139, 167, 0.26);
	border-radius: 8px;
	box-shadow: 0 10px 34px rgba(0, 0, 0, 0.26);
}

.home-panel h2 {
	margin: 0 0 12px;
}

.home-forum-video-panel {
	margin-bottom: 14px;
}

.home-panel-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
}

.home-panel-heading h2 {
	margin: 0;
}

.home-panel-heading p {
	margin: 7px 0 0;
	color: var(--gw-muted);
	font-size: 0.86rem;
	line-height: 1.45;
}

.home-panel-heading > a {
	flex: 0 0 auto;
}

.home-video-empty a {
	flex: 0 0 auto;
	padding: 8px 11px;
	color: #061018 !important;
	background: #f2bd57;
	border: 1px solid #ffe2a1;
	border-radius: 6px;
	font-size: 0.78rem;
	font-weight: 900;
	text-decoration: none;
	text-transform: uppercase;
}

.home-video-empty a:hover,
.home-video-empty a:focus {
	color: #061018 !important;
	background: #ffd777;
}

.home-lineup-panel {
	width: 100%;
	margin: 0 auto 14px;
	padding: 16px;
	background:
		linear-gradient(135deg, rgba(73, 215, 255, 0.08), rgba(242, 189, 87, 0.06) 42%, transparent 72%),
		var(--gw-surface);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
	box-shadow: 0 10px 34px rgba(0, 0, 0, 0.26);
}

.home-lineup-panel .home-panel-heading {
	margin-bottom: 12px;
}

.home-lineup-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 12px;
}

.home-lineup-card {
	display: grid;
	grid-template-columns: 62px minmax(0, 1fr);
	align-items: center;
	gap: 12px;
	min-width: 0;
	min-height: 118px;
	padding: 14px;
	color: var(--gw-text) !important;
	background: rgba(7, 10, 14, 0.5);
	border: 1px solid var(--gw-line);
	border-radius: 8px;
	text-decoration: none;
}

.home-lineup-card:hover,
.home-lineup-card:focus {
	border-color: var(--gw-accent);
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
	outline: none;
}

.home-lineup-media {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 62px;
	height: 62px;
	color: #061018;
	background: rgba(73, 215, 255, 0.14);
	border: 1px solid rgba(73, 215, 255, 0.32);
	border-radius: 10px;
	overflow: hidden;
}

.home-lineup-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.home-lineup-copy {
	display: grid;
	min-width: 0;
	gap: 5px;
	text-align: left;
}

.home-lineup-copy small {
	color: var(--gw-gold);
	font-size: 0.62rem;
	font-weight: 900;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.home-lineup-copy strong,
.home-lineup-copy em {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.home-lineup-copy strong {
	font-size: 1.02rem;
	line-height: 1.15;
}

.home-lineup-copy em {
	color: var(--gw-muted);
	font-size: 0.78rem;
	font-style: normal;
}

.home-kicker {
	color: #ffb320;
	font-size: 0.8rem;
	font-weight: 800;
	text-transform: uppercase;
}

.home-intro h1,
.home-intro h2 {
	margin: 8px 0;
	color: #f8efe2;
	line-height: 1.12;
}

.home-intro-wide h1 {
	text-align: left;
}

.home-intro p {
	margin: 0;
	color: rgb(140, 174, 174);
	text-align: center;
}

.home-intro-wide p {
	max-width: 760px;
	margin-right: auto;
	margin-left: auto;
}

.home-feature-video {
	position: relative;
	overflow: hidden;
	width: 100%;
	aspect-ratio: 16 / 9;
	background-color: #0f1012;
	border: 1px solid #31373f;
	border-radius: 8px;
}

.home-feature-video iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.home-chat-kicker {
	display: block;
	color: var(--gw-gold);
	font-size: 0.7rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.home-chat {
	display: grid;
	gap: 10px;
}

.home-chat-status {
	display: block;
	padding: 6px 8px;
	color: var(--gw-danger);
	background: rgba(239, 90, 103, 0.08);
	border: 1px solid rgba(239, 90, 103, 0.28);
	border-radius: 6px;
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.home-chat-status[hidden] {
	display: none;
}

.home-chat-presence {
	padding: 8px;
	background: rgba(4, 8, 13, 0.58);
	border: 1px solid var(--gw-line);
	border-radius: 6px;
}

.home-chat-presence-list {
	display: flex;
	gap: 5px;
	padding-bottom: 2px;
	overflow-x: auto;
	scroll-behavior: auto;
	scrollbar-width: thin;
}

.home-chat-presence-list:empty::before {
	content: "No recent chat Warriors";
	color: var(--gw-muted);
	font-size: 0.68rem;
}

.home-chat-presence-list > span {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	gap: 5px;
	padding: 4px 7px;
	color: var(--gw-muted);
	background: rgba(21, 29, 41, 0.82);
	border: 1px solid var(--gw-line);
	border-radius: 999px;
	font-size: 0.68rem;
}

.home-chat-presence-list i,
.home-chat-message-presence {
	display: inline-block;
	width: 7px;
	height: 7px;
	background: #687583;
	border-radius: 50%;
	box-shadow: 0 0 0 2px rgba(104, 117, 131, 0.12);
}

.home-chat-presence-list .is-online i,
.home-chat-message.is-user-online .home-chat-message-presence {
	background: var(--gw-success);
	box-shadow: 0 0 0 2px rgba(66, 223, 131, 0.14);
}

.home-chat-presence-list .is-online b {
	color: var(--gw-text);
}

.home-chat-presence-list b {
	font-weight: 800;
}

@media (prefers-reduced-motion: reduce) {
	.home-chat-presence-list {
		scroll-behavior: auto;
	}
}

.home-chat-messages {
	overflow-y: auto;
	height: 210px;
	padding: 12px;
	background: rgba(4, 8, 13, 0.86);
	border: 1px solid var(--gw-line);
	border-radius: 6px;
	scrollbar-width: thin;
}

.home-chat-message {
	margin: 0 0 7px;
	color: var(--gw-text);
	font-size: 0.86rem;
	line-height: 1.35;
	text-align: left;
	overflow-wrap: anywhere;
}

.home-chat-message-presence {
	margin-right: 5px;
	vertical-align: 1px;
}

.home-chat-message:last-child {
	margin-bottom: 0;
}

.home-chat-username {
	font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	font-size: 0.92rem;
	font-weight: 900;
	letter-spacing: 0.025em;
}

.home-chat-message-text {
	color: var(--gw-text);
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
}

.home-chat-message.is-system {
	color: var(--gw-accent);
	font-size: 0.76rem;
}

.home-chat-message.is-error {
	color: var(--gw-danger);
}

.home-chat-form {
	display: block;
}

.home-chat-form input {
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
	padding: 10px 12px;
	color: var(--gw-text);
	background: rgba(4, 8, 13, 0.86);
	border: 1px solid var(--gw-line);
	border-radius: 6px;
}

.home-chat-form input:focus {
	border-color: var(--gw-accent);
	box-shadow: 0 0 0 2px rgba(73, 215, 255, 0.15);
	outline: none;
}

.home-chat-guest {
	padding: 10px 11px;
	background: rgba(21, 29, 41, 0.82);
	border: 1px solid transparent;
	border-radius: 7px;
}

.home-chat-guest p {
	margin: 0;
	color: var(--gw-muted);
	font-size: 0.8rem;
	text-align: left;
}

.home-steam-carousel {
	margin-bottom: 14px;
	padding: 16px 18px 18px;
	background: rgba(15, 20, 28, 0.94);
	border: 1px solid rgba(116, 139, 167, 0.26);
	border-radius: 8px;
	box-shadow: 0 10px 34px rgba(0, 0, 0, 0.26);
}

.home-steam-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 12px;
}

.home-steam-heading span {
	color: var(--gw-gold);
	font-size: 0.7rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.home-steam-heading h2 {
	margin: 3px 0 0;
	font-size: 1.2rem;
}

.home-steam-controls {
	display: flex;
	gap: 7px;
}

.home-steam-controls button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	padding: 0;
	color: var(--gw-accent);
	background: rgba(7, 10, 14, 0.72);
	border: 1px solid var(--gw-line);
	border-radius: 50%;
	font-size: 1.8rem;
	line-height: 1;
	cursor: pointer;
	animation: home-steam-control-pulse 2.8s ease-in-out infinite;
}

.home-steam-controls button:nth-child(2) {
	animation-delay: 0.45s;
}

@keyframes home-steam-control-pulse {
	0%,
	100% {
		color: var(--gw-accent);
		background: rgba(7, 10, 14, 0.72);
		border-color: var(--gw-line);
		box-shadow: 0 0 0 rgba(73, 215, 255, 0);
	}

	50% {
		color: #061018;
		background: var(--gw-accent);
		border-color: #a8edff;
		box-shadow:
			0 0 10px rgba(73, 215, 255, 0.8),
			0 0 22px rgba(73, 215, 255, 0.42);
	}
}

.home-steam-controls button:hover,
.home-steam-controls button:focus {
	color: #061018;
	background: var(--gw-accent);
	border-color: #a8edff;
	box-shadow:
		0 0 10px rgba(73, 215, 255, 0.8),
		0 0 22px rgba(73, 215, 255, 0.42);
	animation-play-state: paused;
	outline: none;
}

.home-steam-viewport {
	overflow-x: auto;
	scroll-behavior: smooth;
	scrollbar-width: none;
}

.home-steam-viewport::-webkit-scrollbar {
	display: none;
}

.home-steam-track {
	display: flex;
	gap: 10px;
	width: max-content;
}

.home-steam-track a {
	flex: 0 0 auto;
	overflow: hidden;
	width: 231px;
	aspect-ratio: 231 / 87;
	background: #080c11;
	border: 1px solid var(--gw-line);
	border-radius: 7px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28);
	animation: home-steam-tile-pulse 4.2s ease-in-out infinite;
}

.home-steam-track a:nth-child(3n + 2) {
	animation-delay: 0.7s;
}

.home-steam-track a:nth-child(3n) {
	animation-delay: 1.4s;
}

@keyframes home-steam-tile-pulse {
	0%,
	100% {
		border-color: var(--gw-line);
		box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28);
	}

	50% {
		border-color: var(--gw-accent);
		box-shadow:
			0 0 8px rgba(73, 215, 255, 0.62),
			0 0 18px rgba(73, 215, 255, 0.3);
	}
}

.home-steam-track a:hover,
.home-steam-track a:focus {
	border-color: var(--gw-accent);
	box-shadow: 0 0 18px rgba(73, 215, 255, 0.3);
	animation-play-state: paused;
	outline: none;
	transform: translateY(-2px);
}

.home-steam-track img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.home-video-list {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 12px;
}

.home-video-card {
	min-width: 0;
	margin: 0;
	padding: 0;
}

.home-forum-video-card .home-video-frame img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 48px;
	height: 48px;
	transform: translate(-50%, -50%);
	opacity: 0.9;
}

.home-video-count {
	color: var(--gw-accent);
	font-size: 0.76rem;
	font-weight: 900;
	text-transform: uppercase;
}

.home-video-card h3 {
	margin: 8px 0 0;
	color: #e7edf5;
	font-size: 0.88rem;
	line-height: 1.25;
	text-align: left;
}

.home-video-card h3 a {
	color: #e7edf5;
	text-decoration: none;
}

.home-video-card h3 a:hover,
.home-video-card h3 a:focus {
	color: #f2bd57;
}

.home-video-card p {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 5px 10px;
	margin: 6px 0 0;
	color: #9fb0c2;
	font-size: 0.7rem;
	text-align: left;
}

.home-video-card p a {
	font-weight: 800;
	text-decoration: none;
}

.home-channel-watch-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 31px;
	margin-top: 8px;
	padding: 6px 9px;
	color: #061018 !important;
	background: var(--gw-accent);
	border: 1px solid rgba(183, 242, 255, 0.82);
	border-radius: 6px;
	font-size: 0.68rem;
	font-weight: 900;
	line-height: 1.1;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.home-channel-watch-link:hover,
.home-channel-watch-link:focus {
	color: #061018 !important;
	background: var(--gw-gold);
	border-color: #ffe2a1;
	outline: none;
}

.home-video-frame {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	aspect-ratio: 16 / 9;
	background-color: #0f1012;
	border: 1px solid #31373f;
	border-radius: 8px;
}

.home-video-frame iframe,
.home-video-frame video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	object-fit: contain;
}

.home-video-frame small {
	position: absolute;
	right: 8px;
	bottom: 8px;
	z-index: 1;
	max-width: calc(100% - 16px);
	padding: 4px 7px;
	overflow: hidden;
	color: #d9e3ec;
	background: rgba(5, 8, 12, 0.82);
	border: 1px solid rgba(116, 139, 167, 0.32);
	border-radius: 6px;
	font-size: 0.62rem;
	font-weight: 850;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.home-live-badge {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 1;
	padding: 4px 7px;
	color: #fff;
	background: #d6293e;
	border-radius: 4px;
	box-shadow: 0 0 14px rgba(214, 41, 62, 0.48);
	font-size: 0.65rem;
	font-weight: 900;
	text-transform: uppercase;
}

.home-video-placeholder .home-video-frame {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 5px;
	color: var(--gw-muted) !important;
	background:
		radial-gradient(circle at center, rgba(73, 215, 255, 0.12), transparent 62%),
		#0b1016;
	border-style: dashed;
	text-decoration: none;
}

.home-video-placeholder .home-video-frame:hover,
.home-video-placeholder .home-video-frame:focus {
	color: var(--gw-accent) !important;
	border-color: var(--gw-accent);
	outline: none;
}

.home-video-placeholder .home-video-frame img {
	width: 30px;
	height: 30px;
	margin-bottom: 2px;
	opacity: 0.72;
	filter: brightness(0) invert(1);
}

.home-video-placeholder .home-video-frame strong {
	color: var(--gw-text);
	font-size: 0.78rem;
	text-transform: uppercase;
}

.home-video-placeholder .home-video-frame span {
	font-size: 0.68rem;
}

.home-video-empty {
	display: grid;
	justify-items: start;
	gap: 12px;
	padding: 18px;
	background: rgba(7, 10, 14, 0.62);
	border: 1px dashed #3f4651;
	border-radius: 8px;
}

@media (max-width: 1120px) {
	.home-video-list {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.home-lineup-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 920px) {
	.home-video-list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

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

@media (max-width: 560px) {
	.home-lineup-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 520px) {
	.home-video-list {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	.home-steam-viewport {
		scroll-behavior: auto;
	}

	.home-steam-controls button {
		color: #061018;
		background: var(--gw-accent);
		border-color: #a8edff;
		box-shadow: 0 0 10px rgba(73, 215, 255, 0.45);
		animation: none;
	}

	.home-steam-track a {
		border-color: rgba(73, 215, 255, 0.7);
		box-shadow: 0 0 10px rgba(73, 215, 255, 0.24);
		animation: none;
	}
}

.home-video-empty p {
	margin: 0;
	text-align: left;
}

/* Videos page */

.videos-page {
	padding: 28px 0 70px;
}

.videos-container {
	width: min(1180px, 100%);
	margin: 0 auto;
	text-align: left;
}

.videos-hero,
.videos-empty,
.videos-card {
	background-color: rgba(21, 29, 41, 0.86);
	border: 1px solid rgba(116, 139, 167, 0.26);
	border-radius: 8px;
}

.videos-hero {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 16px;
	padding: 20px;
	overflow: hidden;
}

.videos-hero::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 4px;
	background: linear-gradient(90deg, var(--gw-accent), var(--gw-gold));
}

.videos-hero-side {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
}

.videos-hero-stats {
	display: flex;
	gap: 7px;
}

.videos-hero-stats span,
.videos-section-count {
	display: inline-flex;
	align-items: baseline;
	gap: 5px;
	min-height: 36px;
	padding: 7px 10px;
	color: #9fb0c2;
	background: rgba(7, 10, 14, 0.66);
	border: 1px solid rgba(116, 139, 167, 0.28);
	border-radius: 7px;
	font-size: 0.75rem;
	font-weight: 800;
	text-transform: uppercase;
}

.videos-hero-stats strong {
	color: #f2bd57;
	font-size: 1rem;
}

.videos-breadcrumb {
	margin: 0 0 10px;
}

.videos-notice {
	margin: 0 0 12px;
}

.category-page-tabs {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 8px;
	max-width: 100%;
	margin: 0 0 14px;
	padding: 6px;
	background: rgba(7, 10, 14, 0.7);
	border: 1px solid rgba(116, 139, 167, 0.24);
	border-radius: 999px;
}

.category-page-tab {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	padding: 7px 16px;
	color: #d9e3ec !important;
	background: #0a1017;
	border: 1px solid #3b4857;
	border-radius: 999px;
	font-size: 0.78rem;
	font-weight: 900;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}

.category-page-tab:hover,
.category-page-tab:focus,
.category-page-tab.is-active {
	color: #061018 !important;
	background: #49d7ff;
	border-color: #a8edff;
	outline: none;
}

.videos-breadcrumb a::before {
	content: "<";
	margin-right: 8px;
	color: #49d7ff;
}

.videos-hero-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 8px;
}

.channel-subscribe-form {
	margin: 0;
}

.channel-page {
	width: 100%;
	max-width: none;
	padding: 0 14px 14px;
}

.channel-container {
	width: 100%;
	max-width: none;
	margin: 0 auto;
	text-align: left;
}

.channel-viewing-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) clamp(260px, 16vw, 330px);
	align-items: stretch;
	gap: 10px;
	min-height: calc(100vh - var(--gw-header-height, 160px) - var(--gw-footer-height, 52px) - 112px);
}

.channel-viewing-main {
	display: grid;
	grid-template-rows: auto minmax(0, 1fr);
	align-content: start;
	gap: 12px;
	min-width: 0;
}

.channel-viewing-layout.has-docked-chat {
	grid-template-columns: minmax(0, 1fr);
}

.channel-banner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	aspect-ratio: 10 / 1;
	min-height: 112px;
	margin-bottom: 12px;
	padding: 12px 18px;
	overflow: hidden;
	background:
		linear-gradient(120deg, rgba(73, 215, 255, 0.18), rgba(18, 25, 36, 0.92) 46%, rgba(242, 189, 87, 0.18)),
		#101722;
	border: 1px solid rgba(116, 139, 167, 0.38);
	border-radius: 12px;
	box-shadow: 0 16px 42px rgba(0, 0, 0, 0.34);
}

.channel-banner.has-channel-banner:not(.has-default-channel-banner) {
	background: #05080d;
}

.channel-banner-image {
	position: absolute;
	z-index: 0;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: fill;
}

.channel-theme-image-light {
	display: none;
}

.channel-banner::before,
.channel-banner::after,
.channel-banner-glow {
	content: "";
	position: absolute;
	border-radius: 999px;
	pointer-events: none;
}

.channel-banner::before,
.channel-banner::after,
.channel-banner-glow {
	z-index: 1;
}

.channel-banner::before {
	top: -250px;
	right: 8%;
	width: 330px;
	height: 330px;
	border: 44px solid rgba(73, 215, 255, 0.09);
}

.channel-banner::after {
	bottom: -300px;
	left: 18%;
	width: 390px;
	height: 390px;
	border: 54px solid rgba(242, 189, 87, 0.08);
}

.channel-banner-glow {
	inset: 0;
	background: linear-gradient(90deg, rgba(5, 10, 16, 0.08), rgba(5, 10, 16, 0.6));
	border-radius: 0;
}

.channel-banner.has-channel-banner .channel-banner-glow {
	background: linear-gradient(90deg, rgba(5, 10, 16, 0.34), rgba(5, 10, 16, 0.08) 62%, rgba(5, 10, 16, 0.22));
}

.channel-banner.has-channel-banner:not(.has-default-channel-banner) .channel-banner-image {
	filter: contrast(1.1) saturate(1.18) brightness(1.04);
}

.channel-banner.has-default-channel-banner .channel-banner-image {
	filter: contrast(1.12) saturate(1.26) brightness(1.04);
}

.channel-banner.has-default-channel-banner .channel-banner-glow {
	background: linear-gradient(90deg, rgba(5, 10, 16, 0.24), rgba(5, 10, 16, 0.04) 58%, rgba(5, 10, 16, 0.16));
}

.channel-banner.has-channel-banner:not(.has-default-channel-banner)::before,
.channel-banner.has-channel-banner:not(.has-default-channel-banner)::after {
	display: none;
}

.channel-identity,
.channel-banner-actions {
	position: relative;
	z-index: 2;
}

.channel-identity {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
}

.channel-name-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	min-width: 0;
}

.channel-avatar {
	display: grid;
	flex: 0 0 56px;
	place-items: center;
	width: 56px;
	height: 56px;
	color: #061018;
	background: linear-gradient(145deg, #49d7ff, #f2bd57);
	border: 2px solid rgba(248, 239, 226, 0.9);
	border-radius: 50%;
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.34);
	font-size: 1.5rem;
	font-weight: 900;
	text-transform: uppercase;
}

.channel-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.channel-identity h1,
.channel-identity h2 {
	margin: 2px 0 3px;
	color: #f8efe2;
	font-size: clamp(1.35rem, 3vw, 2.2rem);
	line-height: 1;
	overflow-wrap: anywhere;
}

.channel-stream-status {
	display: inline-flex;
	align-items: center;
	color: #49d7ff;
	font-size: 0.68rem;
	font-weight: 900;
	line-height: 1;
	text-transform: uppercase;
	white-space: nowrap;
}

.channel-stream-status.is-live {
	color: #2efc93;
}

.channel-identity p {
	margin: 0;
	color: #b7c5d3;
	font-size: 0.82rem;
	font-weight: 800;
}

.channel-viewer-identity {
	position: relative;
	min-height: 96px;
	padding: 12px;
	overflow: hidden;
	background: rgba(7, 10, 14, 0.78);
	border-color: rgba(73, 215, 255, 0.22);
	border-radius: 8px;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.2);
}

.channel-viewer-identity .channel-identity {
	position: relative;
	z-index: auto;
	width: fit-content;
	max-width: min(100%, 520px);
	padding-right: 18px;
	background: linear-gradient(90deg, rgba(7, 10, 14, 0.96), rgba(7, 10, 14, 0.88) 78%, rgba(7, 10, 14, 0));
	z-index: 2;
}

.channel-identity-calendar {
	position: absolute;
	z-index: 1;
	inset: 10px 12px 10px clamp(320px, 34vw, 520px);
	display: flex;
	align-items: center;
	overflow: hidden;
	pointer-events: none;
	mask-image: linear-gradient(90deg, transparent 0, #000 70px, #000 calc(100% - 190px), transparent 100%);
	-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 70px, #000 calc(100% - 190px), transparent 100%);
}

.channel-identity-calendar::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 90px;
	background: linear-gradient(90deg, rgba(7, 10, 14, 0.96), rgba(7, 10, 14, 0));
	pointer-events: none;
}

.channel-identity-calendar-track {
	display: flex;
	width: max-content;
	gap: 12px;
	animation: channel-calendar-marquee 24s linear infinite;
}

.channel-identity-calendar-set {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: max-content;
}

.channel-identity-calendar-item {
	display: grid;
	grid-template-columns: 70px minmax(220px, 300px);
	align-items: center;
	gap: 10px;
	min-width: 390px;
	padding: 8px 10px;
	background: rgba(4, 8, 13, 0.64);
	border: 1px solid rgba(73, 215, 255, 0.22);
	border-radius: 8px;
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16);
}

.channel-identity-calendar-item .channel-schedule-date {
	min-height: 64px;
}

.channel-identity-calendar-item .channel-schedule-copy > strong,
.channel-identity-calendar-item .channel-schedule-copy > span,
.channel-identity-calendar-item .channel-schedule-copy p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@keyframes channel-calendar-marquee {
	0% {
		opacity: 0;
		transform: translateX(calc(100% + 700px));
	}

	12% {
		opacity: 0;
	}

	24% {
		opacity: 1;
	}

	82% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		transform: translateX(calc(-100% - 12px));
	}
}

@media (prefers-reduced-motion: reduce) {
	.channel-identity-calendar-track {
		animation: none;
	}
}

@media screen and (max-width: 1120px) {
	.channel-viewer-identity {
		display: grid;
		gap: 12px;
	}

	.channel-viewer-identity .channel-identity {
		width: 100%;
		max-width: none;
		padding-right: 0;
		background: transparent;
	}

	.channel-identity-calendar {
		position: relative;
		inset: auto;
		order: 2;
		display: block;
		min-width: 0;
		overflow-x: auto;
		pointer-events: auto;
		mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 34px), transparent 100%);
		-webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 34px), transparent 100%);
	}

	.channel-identity-calendar::before {
		display: none;
	}

	.channel-identity-calendar-track {
		animation: none;
	}

}

@media screen and (max-width: 560px) {
	.channel-identity-calendar-item {
		grid-template-columns: 58px minmax(190px, 1fr);
		min-width: min(340px, 86vw);
	}
}

.channel-identity .channel-banner-bio {
	max-width: 620px;
	margin-top: 4px;
	color: #f0f4f7;
	font-size: 0.78rem;
	font-weight: 600;
	line-height: 1.25;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9);
}

.channel-friend-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-top: 9px;
}

.channel-friend-actions form {
	margin: 0;
}

.channel-friend-actions .site-button,
.channel-friend-actions button {
	min-height: 34px;
	padding: 7px 10px;
	font-size: 0.72rem;
}

.channel-friend-actions img {
	width: 16px;
	height: 16px;
}

.channel-banner-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 8px;
}

.channel-banner-actions > a,
.channel-banner-actions .channel-subscribe-form button,
.channel-section-heading > a,
.channel-live-details > a,
.channel-featured-video > div > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 9px 13px;
	color: #061018 !important;
	background: #f2bd57;
	border: 1px solid #ffe2a1;
	border-radius: 7px;
	font-size: 0.78rem;
	font-weight: 900;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
}

.channel-owner-tools {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin: 10px 0 0;
	padding: 8px;
	background: rgba(7, 10, 14, 0.88);
	border: 1px solid rgba(116, 139, 167, 0.28);
	border-radius: 9px;
}

.channel-owner-tools a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	padding: 0;
	color: #dce7ef !important;
	background: rgba(21, 29, 41, 0.9);
	border: 1px solid transparent;
	border-radius: 7px;
	font-size: 0.72rem;
	font-weight: 900;
	text-decoration: none;
	text-transform: uppercase;
}

.channel-owner-tools a:hover,
.channel-owner-tools a:focus {
	color: #061018 !important;
	background: #49d7ff;
	border-color: #a8edff;
	outline: none;
}

.channel-owner-tools img {
	width: 20px;
	height: 20px;
	filter: brightness(0) invert(1);
}

.channel-owner-tools a:hover img,
.channel-owner-tools a:focus img {
	filter: brightness(0.2);
}

.channel-owner-tools .sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.channel-tabs {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 6px;
	margin-bottom: 12px;
	padding: 6px;
	background: rgba(7, 10, 14, 0.88);
	border: 1px solid rgba(116, 139, 167, 0.32);
	border-radius: 10px;
}

.channel-tabs button {
	min-height: 43px;
	padding: 9px 12px;
	color: #c7d3d3 !important;
	background: transparent !important;
	border: 1px solid transparent;
	border-radius: 7px;
	font-size: 0.82rem;
	font-weight: 900;
	text-transform: uppercase;
	cursor: pointer;
}

.channel-tabs button:hover,
.channel-tabs button:focus {
	color: #f8efe2 !important;
	background: rgba(73, 215, 255, 0.1) !important;
	border-color: #3f4651;
	outline: none;
	transform: none;
}

.channel-tabs button.is-active {
	color: #061018 !important;
	background: linear-gradient(135deg, #49d7ff, #f2bd57) !important;
	border-color: #ffe2a1;
}

.channel-tabs-ready [data-channel-tab-panel][hidden] {
	display: none !important;
}

.channel-tabs-ready [data-channel-tab-panel] {
	scroll-margin-top: 18px;
}

.channel-panel {
	margin-bottom: 14px;
	padding: 14px;
	background: rgba(15, 20, 28, 0.94);
	border: 1px solid rgba(116, 139, 167, 0.28);
	border-radius: 10px;
	box-shadow: 0 10px 34px rgba(0, 0, 0, 0.24);
}

.channel-viewing-layout .channel-panel {
	margin-bottom: 0;
}

.channel-section-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 13px;
}

.channel-section-heading span {
	color: #49d7ff;
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.channel-section-heading h3,
.channel-live-details h3,
.channel-featured-video h3,
.channel-about-grid h3,
.channel-empty h3 {
	margin: 4px 0 0;
	color: #f8efe2;
	text-align: left;
	overflow-wrap: anywhere;
}

.channel-live-viewers {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 11px;
	color: #f8efe2;
	background: rgba(73, 215, 255, 0.1);
	border: 1px solid rgba(73, 215, 255, 0.38);
	border-radius: 999px;
	box-shadow: inset 0 0 14px rgba(73, 215, 255, 0.08);
	white-space: nowrap;
}

.channel-live-viewers strong {
	color: #49d7ff;
	font-size: 1rem;
	line-height: 1;
}

.channel-live-viewers span {
	color: #f2bd57;
	font-size: 0.68rem;
	letter-spacing: 0.04em;
}

.channel-live-layout,
.channel-featured-video {
	display: grid;
	grid-template-columns: minmax(0, 1.55fr) minmax(250px, 0.45fr);
	gap: 16px;
	margin-bottom: 16px;
	padding: 14px;
	background: rgba(7, 10, 14, 0.7);
	border: 1px solid rgba(239, 90, 103, 0.45);
	border-radius: 9px;
}

.channel-live-player,
.channel-featured-frame {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	aspect-ratio: 16 / 9;
	background: #05070a;
	border: 1px solid #31373f;
	border-radius: 8px;
}

.channel-live-player iframe,
.channel-live-player > video[data-live-broadcast-video],
.channel-featured-frame video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	object-fit: contain;
}

.channel-live-main .channel-live-layout {
	grid-template-rows: minmax(0, 1fr) auto;
	grid-template-columns: minmax(0, 1fr);
	height: 100%;
	margin-bottom: 0;
	padding: 10px;
}

.channel-live-main .channel-live-player {
	min-height: clamp(420px, 68vh, 760px);
}

.channel-live-main {
	display: grid;
	grid-template-rows: auto minmax(0, 1fr);
	min-height: 100%;
}

.channel-live-main.is-offline {
	grid-template-rows: minmax(0, 1fr);
	padding: 0;
	overflow: hidden;
}

.channel-live-main .channel-live-player {
	aspect-ratio: 16 / 9;
}

.channel-offline-player {
	position: relative;
	display: grid;
	min-height: clamp(420px, 68vh, 760px);
	overflow: hidden;
	background: #05070a;
	border: 1px solid #31373f;
	border-radius: 8px;
}

.channel-live-main.is-offline .channel-offline-player {
	width: 100%;
	height: 100%;
	min-height: 100%;
	border: 0;
	border-radius: inherit;
}

.channel-viewing-layout.is-offline-viewing {
	min-height: 0;
}

.channel-viewing-layout.is-offline-viewing .channel-live-main {
	min-height: 0;
}

.channel-viewing-layout.is-offline-viewing .channel-live-main.is-offline .channel-offline-player {
	aspect-ratio: 16 / 9;
	height: auto;
	min-height: clamp(360px, 58vh, 720px);
}

.channel-offline-player > img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: contrast(1.08) saturate(1.14);
}

.channel-offline-player::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(5, 8, 13, 0.46), rgba(5, 8, 13, 0.08) 56%, rgba(5, 8, 13, 0.34)),
		linear-gradient(0deg, rgba(5, 8, 13, 0.26), transparent 42%);
	pointer-events: none;
}

.channel-offline-player-copy {
	position: relative;
	z-index: 1;
	align-self: start;
	display: grid;
	gap: 12px;
	max-width: 640px;
	padding: 26px;
}

.channel-offline-player-copy > span {
	color: #49d7ff;
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.channel-offline-player-copy h3 {
	margin: 0;
	color: #f8efe2;
	font-size: clamp(1.35rem, 2vw, 2.25rem);
	line-height: 1.12;
	overflow-wrap: anywhere;
}

.channel-offline-player-copy p {
	margin: 0;
	color: #b8c8da;
	font-size: 1rem;
	font-weight: 800;
	line-height: 1.45;
}

.channel-live-main .channel-live-details {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px 14px;
}

.channel-stream-actions {
	display: flex;
	flex: 1 1 260px;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 8px;
	margin-left: auto;
}

.channel-stream-actions .site-icon-button,
.channel-stream-actions > a,
.channel-stream-actions summary {
	display: inline-flex;
	flex: 0 0 36px;
	align-items: center;
	justify-content: center;
	width: 36px;
	min-width: 36px;
	height: 36px;
	padding: 0;
	color: #061018 !important;
	background: #f2bd57;
	border: 1px solid #ffe2a1;
	border-radius: 8px;
	cursor: pointer;
}

.channel-stream-actions .channel-chat-popout {
	display: none !important;
}

.channel-viewing-layout:fullscreen .channel-stream-actions .channel-chat-popout,
.channel-viewing-layout.is-stream-fullscreen .channel-stream-actions .channel-chat-popout {
	display: inline-flex !important;
}

.channel-stream-actions .channel-chat-popout[aria-pressed="true"] {
	background: #49d7ff;
	border-color: #d9f6ff;
	box-shadow: 0 0 22px rgba(73, 215, 255, 0.42);
}

.channel-stream-actions button[disabled] {
	cursor: not-allowed;
	opacity: 0.55;
}

.channel-stream-actions img {
	width: 20px;
	height: 20px;
	filter: brightness(0.1);
}

.channel-stream-actions svg {
	width: 22px;
	height: 22px;
}

.channel-watch-button {
	overflow: hidden;
}

.channel-watch-eye {
	display: block;
	color: currentColor;
}

.channel-watch-button.is-watching {
	background: linear-gradient(135deg, #49d7ff, #f2bd57);
	border-color: #d9f6ff;
	box-shadow: 0 0 18px rgba(73, 215, 255, 0.35);
}

.channel-watch-button.is-watching .channel-eye-pupil {
	transform-box: fill-box;
	transform-origin: center;
	animation: channel-watch-eye-scan 1.8s ease-in-out infinite;
}

@keyframes channel-watch-eye-scan {
	0%,
	100% {
		transform: translateX(-2px);
	}

	50% {
		transform: translateX(2px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.channel-watch-button.is-watching .channel-eye-pupil {
		animation: none;
	}

	.channel-watching-chat .channel-chat-watchers.has-watchers img {
		animation: none;
	}
}

.channel-stream-actions .channel-subscribe-form {
	margin: 0;
}

.channel-stream-report,
.channel-stream-share {
	position: relative;
}

.channel-stream-report summary,
.channel-stream-share summary {
	list-style: none;
}

.channel-stream-report summary::-webkit-details-marker,
.channel-stream-share summary::-webkit-details-marker {
	display: none;
}

.channel-stream-report .content-report-form,
.channel-share-popover {
	position: absolute;
	right: 0;
	top: calc(100% + 8px);
	z-index: 5;
	width: min(320px, 80vw);
	padding: 12px;
	background: rgba(7, 10, 14, 0.96);
	border: 1px solid rgba(239, 90, 103, 0.5);
	border-radius: 10px;
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.42);
}

.channel-share-popover {
	display: grid;
	gap: 8px;
	border-color: rgba(73, 215, 255, 0.5);
}

.channel-share-popover label {
	color: #f2bd57;
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.channel-share-popover input {
	width: 100%;
	padding: 8px 10px;
	color: #d7edf5;
	background: rgba(3, 7, 11, 0.82);
	border: 1px solid rgba(116, 139, 167, 0.35);
	border-radius: 7px;
}

.channel-share-popover a {
	justify-self: start;
	color: #49d7ff;
	font-weight: 800;
}

.channel-side-rail,
.channel-watching-chat {
	position: sticky;
	top: 12px;
	display: grid;
	height: max(520px, calc(100vh - var(--gw-header-height, 160px) - var(--gw-footer-height, 52px) - 42px));
	min-height: 460px;
	overflow: hidden;
	border-color: rgba(73, 215, 255, 0.34);
}

.channel-side-rail {
	align-content: start;
	gap: 12px;
	overflow-y: auto;
	scrollbar-width: thin;
}

.channel-watching-chat {
	grid-template-rows: auto minmax(0, 1fr);
	align-content: stretch;
}

.channel-watching-chat.has-channel-navigation {
	grid-template-rows: auto auto minmax(0, 1fr);
}

.channel-chat-navigation {
	min-width: 0;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(73, 215, 255, 0.16);
}

.channel-chat-navigation + .channel-section-heading {
	margin-top: 2px;
}

.channel-watching-chat > .home-chat,
.channel-watching-chat > .home-chat-guest {
	min-height: 0;
}

.channel-side-rail .access-drawer-heading {
	margin-bottom: 0;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(73, 215, 255, 0.16);
}

.channel-side-rail .channel-rail-section {
	padding-bottom: 12px;
}

.channel-watching-chat .channel-section-heading {
	align-items: center;
	margin-bottom: 10px;
}

.channel-watching-chat .channel-section-heading > div:first-child {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}

.channel-watching-chat .channel-live-viewers {
	padding: 7px 9px;
}

.channel-watching-chat .channel-chat-watchers {
	justify-content: flex-start;
	width: auto;
	min-width: 0;
	height: 34px;
	padding: 0;
	gap: 6px;
	color: var(--gw-accent);
	background: transparent;
	border-color: transparent;
	box-shadow: none;
}

.channel-watching-chat .channel-chat-watchers-icon {
	display: inline-grid;
	flex: 0 0 34px;
	place-items: center;
	width: 34px;
	height: 34px;
	color: #061018;
	background: var(--gw-accent);
	border: 1px solid #a8edff;
	border-radius: 999px;
	box-shadow: 0 0 8px rgba(73, 215, 255, 0.28);
}

.channel-watching-chat .channel-chat-watchers img {
	width: 14px;
	height: 14px;
	filter: brightness(0.1);
	transform-origin: center;
}

.channel-watching-chat .channel-chat-watchers.has-watchers img {
	animation: channel-chat-eye-look 1.9s ease-in-out infinite;
}

@keyframes channel-chat-eye-look {
	0%,
	100% {
		transform: translateY(-1px) rotate(-8deg);
	}

	50% {
		transform: translateY(2px) rotate(8deg);
	}
}

.channel-watching-chat .channel-live-viewers strong {
	font-size: 0.88rem;
}

.channel-watching-chat .channel-chat-watchers strong {
	color: var(--gw-accent);
	font-size: 0.88rem;
}

.channel-chat-heading-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	min-width: 0;
}

.channel-chat-heading-actions .site-icon-button {
	flex: 0 0 auto;
	width: 34px;
	height: 34px;
	color: #061018 !important;
	background: var(--gw-accent);
	border: 1px solid #a8edff;
	box-shadow: 0 0 8px rgba(73, 215, 255, 0.28);
	animation: site-search-button-pulse 2.8s ease-in-out infinite;
}

.channel-chat-heading-actions .site-icon-button[aria-pressed="true"] {
	background: #49d7ff;
	border-color: #d7f8ff;
	box-shadow:
		0 0 10px rgba(73, 215, 255, 0.85),
		0 0 22px rgba(73, 215, 255, 0.42);
}

.channel-chat-heading-actions .site-icon-button img {
	width: 17px;
	height: 17px;
	filter: brightness(0.1);
}

.channel-chat-heading-actions .site-icon-button:hover,
.channel-chat-heading-actions .site-icon-button:focus {
	background: var(--gw-accent);
	border-color: #d7f8ff;
	box-shadow:
		0 0 10px rgba(73, 215, 255, 0.85),
		0 0 22px rgba(73, 215, 255, 0.42);
	animation-play-state: paused;
}

.channel-watching-chat.is-chat-docked {
	position: fixed;
	top: calc(var(--gw-header-height, 120px) + 16px);
	right: 18px;
	bottom: calc(var(--gw-footer-height, 52px) + 18px);
	z-index: 1250;
	width: clamp(320px, 24vw, 430px);
	height: auto;
	min-height: 360px;
	max-height: calc(100vh - var(--gw-header-height, 120px) - var(--gw-footer-height, 52px) - 34px);
	box-shadow: 0 22px 60px rgba(0, 0, 0, 0.42);
	backdrop-filter: blur(16px);
}

.channel-watching-chat.is-chat-docked .channel-section-heading {
	cursor: grab;
	touch-action: none;
	user-select: none;
}

.channel-watching-chat.is-chat-docked.is-chat-dragging .channel-section-heading {
	cursor: grabbing;
}

.channel-watching-chat.is-chat-docked.is-chat-positioned {
	top: var(--chat-dock-top, calc(var(--gw-header-height, 120px) + 16px));
	right: auto;
	bottom: auto;
	left: var(--chat-dock-left, auto);
	height: min(68vh, 620px);
	max-height: calc(100vh - 20px);
}

.channel-watching-chat.is-chat-docked.is-chat-sized {
	width: var(--chat-dock-width, clamp(320px, 24vw, 430px));
	height: var(--chat-dock-height, min(68vh, 620px));
}

.channel-watching-chat.is-chat-docked.is-chat-dragging {
	box-shadow:
		0 28px 70px rgba(0, 0, 0, 0.58),
		0 0 28px rgba(73, 215, 255, 0.26);
}

.channel-watching-chat.is-chat-docked.is-chat-resizing {
	box-shadow:
		0 28px 70px rgba(0, 0, 0, 0.58),
		0 0 28px rgba(242, 189, 87, 0.24);
}

.channel-chat-resize-handle {
	position: absolute;
	z-index: 4;
	bottom: 0;
	display: none;
	width: 18px;
	height: 18px;
	border-bottom: 2px solid rgba(73, 215, 255, 0.8);
	pointer-events: auto;
}

.channel-chat-resize-handle--left {
	left: 0;
	border-left: 2px solid rgba(73, 215, 255, 0.8);
	border-bottom-left-radius: 8px;
	cursor: nesw-resize;
}

.channel-chat-resize-handle--right {
	right: 0;
	border-right: 2px solid rgba(73, 215, 255, 0.8);
	border-bottom-right-radius: 8px;
	cursor: nwse-resize;
}

.channel-watching-chat.is-chat-docked:not(.is-chat-minimized) .channel-chat-resize-handle {
	display: block;
}

.channel-watching-chat.is-chat-minimized {
	top: auto;
	bottom: calc(var(--gw-footer-height, 52px) + 18px);
	width: auto;
	min-width: 184px;
	height: auto;
	min-height: 0;
	padding: 10px;
	grid-template-rows: auto;
}

.channel-watching-chat.is-chat-minimized .channel-section-heading {
	margin: 0;
	gap: 10px;
}

.channel-watching-chat.is-chat-minimized.is-chat-positioned {
	height: auto;
}

.channel-watching-chat.is-chat-minimized .channel-section-heading > div:first-child span,
.channel-watching-chat.is-chat-minimized .channel-section-heading > div:first-child h3,
.channel-watching-chat.is-chat-minimized .channel-live-viewers,
.channel-watching-chat.is-chat-minimized > .home-chat,
.channel-watching-chat.is-chat-minimized > .home-chat-guest {
	display: none;
}

.channel-stream-actions > .channel-watching-chat.is-chat-minimized {
	position: static;
	flex: 0 0 auto;
	width: auto;
	min-width: 0;
	height: auto;
	min-height: 0;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
	backdrop-filter: none;
}

.channel-stream-actions > .channel-watching-chat.is-chat-minimized .channel-section-heading {
	margin: 0;
}

.channel-stream-actions > .channel-watching-chat.is-chat-minimized .channel-chat-heading-actions {
	gap: 8px;
}

.channel-stream-actions > .channel-watching-chat.is-chat-minimized .channel-chat-heading-actions .site-icon-button {
	width: 36px;
	min-width: 36px;
	height: 36px;
}

.channel-viewing-layout:fullscreen,
.channel-viewing-layout.is-stream-fullscreen {
	grid-template-columns: minmax(0, 1fr);
	align-items: stretch;
	gap: 0;
	width: 100vw;
	height: 100vh;
	min-height: 100vh;
	padding: 12px;
	overflow: hidden;
	background: #05070a;
}

.channel-viewing-layout:fullscreen .channel-viewing-main,
.channel-viewing-layout.is-stream-fullscreen .channel-viewing-main {
	height: 100%;
	min-height: 0;
}

.channel-viewing-layout:fullscreen .channel-live-main,
.channel-viewing-layout.is-stream-fullscreen .channel-live-main {
	height: 100%;
	min-height: 0;
	background: transparent;
	border-color: rgba(73, 215, 255, 0.18);
}

.channel-viewing-layout:fullscreen .channel-live-main > .channel-section-heading,
.channel-viewing-layout.is-stream-fullscreen .channel-live-main > .channel-section-heading {
	display: none;
}

.channel-viewing-layout:fullscreen .channel-live-layout,
.channel-viewing-layout.is-stream-fullscreen .channel-live-layout {
	height: 100%;
	min-height: 0;
	padding: 0;
	background: transparent;
	border: 0;
}

.channel-viewing-layout:fullscreen .channel-live-player,
.channel-viewing-layout.is-stream-fullscreen .channel-live-player {
	height: 100%;
	min-height: 0;
	border: 0;
	border-radius: 0;
}

.channel-viewing-layout:fullscreen .channel-live-details,
.channel-viewing-layout.is-stream-fullscreen .channel-live-details {
	position: fixed;
	right: 18px;
	bottom: 18px;
	left: 18px;
	z-index: 1275;
	padding: 10px 12px;
	background: rgba(5, 7, 10, 0.76);
	border: 1px solid rgba(73, 215, 255, 0.2);
	border-radius: 8px;
	backdrop-filter: blur(14px);
}

.channel-viewing-layout:fullscreen .channel-watching-chat:not(.is-chat-docked),
.channel-viewing-layout.is-stream-fullscreen .channel-watching-chat:not(.is-chat-docked) {
	display: none;
}

.channel-viewing-layout:fullscreen .channel-watching-chat.is-chat-docked,
.channel-viewing-layout.is-stream-fullscreen .channel-watching-chat.is-chat-docked {
	position: fixed;
	top: 18px;
	right: 18px;
	bottom: 84px;
	z-index: 1280;
	width: clamp(300px, 24vw, 420px);
	height: auto;
	min-height: 0;
	max-height: none;
	box-shadow: 0 22px 60px rgba(0, 0, 0, 0.52);
}

.channel-viewing-layout:fullscreen .channel-watching-chat.is-chat-docked.is-chat-positioned,
.channel-viewing-layout.is-stream-fullscreen .channel-watching-chat.is-chat-docked.is-chat-positioned {
	top: var(--chat-dock-top, 18px);
	right: auto;
	bottom: auto;
	left: var(--chat-dock-left, auto);
	height: min(68vh, 620px);
	max-height: calc(100vh - 20px);
}

.channel-viewing-layout:fullscreen .channel-watching-chat.is-chat-docked.is-chat-sized,
.channel-viewing-layout.is-stream-fullscreen .channel-watching-chat.is-chat-docked.is-chat-sized {
	width: var(--chat-dock-width, clamp(300px, 24vw, 420px));
	height: var(--chat-dock-height, min(68vh, 620px));
}

.channel-viewing-layout:fullscreen .channel-watching-chat.is-chat-docked.is-chat-minimized,
.channel-viewing-layout.is-stream-fullscreen .channel-watching-chat.is-chat-docked.is-chat-minimized {
	top: auto;
	bottom: 84px;
	width: auto;
	min-width: 172px;
	height: auto;
}

.channel-viewing-layout:fullscreen .channel-watching-chat.is-chat-docked.is-chat-minimized.is-chat-positioned,
.channel-viewing-layout.is-stream-fullscreen .channel-watching-chat.is-chat-docked.is-chat-minimized.is-chat-positioned {
	top: var(--chat-dock-top, auto);
	bottom: auto;
	left: var(--chat-dock-left, auto);
	height: auto;
}

.channel-viewing-layout:fullscreen .channel-stream-actions > .channel-watching-chat.is-chat-docked.is-chat-minimized,
.channel-viewing-layout.is-stream-fullscreen .channel-stream-actions > .channel-watching-chat.is-chat-docked.is-chat-minimized {
	position: static;
	inset: auto;
	width: auto;
	min-width: 0;
	height: auto;
	box-shadow: none;
}

.channel-chat .home-chat-presence {
	background: rgba(4, 8, 13, 0.72);
}

.channel-chat {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 0;
}

.channel-chat .home-chat-presence,
.channel-chat .home-chat-form {
	flex: 0 0 auto;
}

.channel-chat .home-chat-messages {
	flex: 1 1 auto;
	height: auto !important;
	min-height: 0;
	background:
		radial-gradient(circle at top right, rgba(73, 215, 255, 0.08), transparent 34%),
		rgba(4, 8, 13, 0.9);
}

.channel-chat .home-chat-form input {
	border-color: rgba(73, 215, 255, 0.3);
}

.channel-chat-guest a {
	color: var(--gw-accent);
	font-weight: 900;
}

.channel-watching-chat .channel-chat-guest {
	display: grid;
	align-content: start;
	height: 100%;
	min-height: 100%;
}

.channel-live-details,
.channel-featured-video > div {
	display: grid;
	align-content: center;
	justify-items: start;
	gap: 10px;
}

.channel-live-details p,
.channel-featured-video p,
.channel-about-grid p,
.channel-empty-copy,
.channel-empty p {
	margin: 0;
	color: #9fb0c2;
	text-align: left;
}

.channel-live-badge {
	padding: 5px 9px;
	color: #fff;
	background: #ef5a67;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.channel-home-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.channel-home-grid > section {
	padding: 14px;
	background: rgba(7, 10, 14, 0.5);
	border: 1px solid rgba(116, 139, 167, 0.24);
	border-radius: 8px;
}

.channel-compact-list {
	display: grid;
	gap: 7px;
}

.channel-compact-list a {
	display: grid;
	gap: 3px;
	padding: 10px 11px;
	color: #f8efe2 !important;
	background: rgba(21, 29, 41, 0.78);
	border: 1px solid transparent;
	border-radius: 7px;
	text-decoration: none;
}

.channel-compact-list a:hover,
.channel-compact-list a:focus {
	background: rgba(73, 215, 255, 0.1);
	border-color: rgba(73, 215, 255, 0.4);
	outline: none;
}

.channel-compact-list span {
	color: #9fb0c2;
	font-size: 0.78rem;
}

.channel-post-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.channel-post-list .blog-post {
	margin: 0;
}

.channel-about-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.65fr);
	gap: 22px;
}

.channel-about-grid dl {
	display: grid;
	gap: 8px;
	margin: 0;
}

.channel-about-grid dl > div {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 12px;
	background: rgba(7, 10, 14, 0.55);
	border: 1px solid rgba(116, 139, 167, 0.24);
	border-radius: 7px;
}

.channel-about-grid dt {
	color: #9fb0c2;
	font-weight: 800;
}

.channel-about-grid dd {
	margin: 0;
	color: #f2bd57;
	font-weight: 900;
	text-align: right;
	overflow-wrap: anywhere;
}

.channel-empty {
	padding: 18px;
	background: rgba(7, 10, 14, 0.55);
	border: 1px dashed #3f4651;
	border-radius: 8px;
}

@media screen and (max-width: 760px) {
	.channel-viewing-layout {
		grid-template-columns: 1fr;
	}

	.forum-viewing-layout {
		grid-template-columns: 1fr;
		min-height: 0;
	}

	.channel-side-rail,
	.channel-watching-chat,
	.forum-campfire-chat {
		position: static;
		height: auto;
		min-height: 0;
		max-height: none;
	}

	.channel-side-rail {
		max-height: none;
	}

	.channel-chat .home-chat-messages {
		height: 260px;
	}

	.channel-watching-chat.is-chat-docked {
		position: fixed;
		top: auto;
		right: 10px;
		bottom: 10px;
		left: 10px;
		z-index: 1250;
		width: auto;
		height: min(72vh, 560px);
		min-height: 320px;
		max-height: none;
	}

	.channel-watching-chat.is-chat-minimized {
		left: auto;
		width: auto;
		min-width: 172px;
		height: auto;
		min-height: 0;
	}

	.channel-viewing-layout:fullscreen .channel-watching-chat.is-chat-docked,
	.channel-viewing-layout.is-stream-fullscreen .channel-watching-chat.is-chat-docked {
		top: auto;
		right: 10px;
		bottom: 76px;
		left: 10px;
		width: auto;
		height: min(46vh, 360px);
	}

	.channel-viewing-layout:fullscreen .channel-watching-chat.is-chat-docked.is-chat-minimized,
	.channel-viewing-layout.is-stream-fullscreen .channel-watching-chat.is-chat-docked.is-chat-minimized {
		left: auto;
		width: auto;
		height: auto;
	}

	.channel-viewing-layout:fullscreen .channel-live-details,
	.channel-viewing-layout.is-stream-fullscreen .channel-live-details {
		right: 10px;
		bottom: 10px;
		left: 10px;
	}

	.forum-chat .home-chat-messages {
		height: 260px !important;
	}

	.channel-banner {
		display: grid;
		align-items: center;
		min-height: 104px;
		padding: 12px;
	}

	.channel-identity {
		align-items: center;
	}

	.channel-avatar {
		flex-basis: 48px;
		width: 48px;
		height: 48px;
		font-size: 1.3rem;
	}

	.channel-banner-actions {
		justify-content: flex-start;
	}

	.channel-owner-tools {
		justify-content: center;
	}

	.channel-tabs {
		display: flex;
		overflow-x: auto;
		scrollbar-width: thin;
	}

	.channel-tabs button {
		flex: 0 0 auto;
		min-width: 100px;
	}

	.channel-live-layout,
	.channel-featured-video,
	.channel-home-grid,
	.channel-post-list,
	.channel-about-grid {
		grid-template-columns: 1fr;
	}

	.channel-live-main .channel-live-player {
		min-height: 0;
	}

	.channel-offline-player {
		min-height: 320px;
	}

	.channel-offline-player-copy {
		padding: 18px;
	}

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

	.channel-live-viewers {
		align-self: flex-start;
	}
}

.channel-customization-form {
	gap: 10px;
}

.channel-artwork-guide {
	display: grid;
	gap: 4px;
	padding: 11px 13px;
	color: #dce7ef;
	background: rgba(73, 215, 255, 0.08);
	border: 1px solid rgba(73, 215, 255, 0.28);
	border-radius: 8px;
	line-height: 1.45;
}

.channel-artwork-guide strong {
	color: #f2bd57;
	font-size: 0.82rem;
	text-transform: uppercase;
}

.channel-artwork-guide small {
	color: #aebdcc;
}

.channel-artwork-fields {
	display: grid;
	grid-template-columns: minmax(0, 1.6fr) minmax(190px, 0.4fr);
	gap: 14px;
	margin-bottom: 6px;
}

.channel-artwork-field {
	display: grid;
	align-content: start;
	gap: 7px;
	min-width: 0;
	padding: 12px;
	background: rgba(7, 10, 14, 0.48);
	border: 1px solid rgba(116, 139, 167, 0.24);
	border-radius: 8px;
}

.channel-artwork-preview {
	display: grid;
	place-items: center;
	overflow: hidden;
	width: 100%;
	color: #9fb0c2;
	background:
		linear-gradient(135deg, rgba(73, 215, 255, 0.12), rgba(242, 189, 87, 0.09)),
		#0b1017;
	border: 1px dashed #3f4651;
	border-radius: 8px;
	font-weight: 800;
}

.channel-artwork-preview img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.channel-banner-preview {
	aspect-ratio: 80 / 11;
}

.channel-avatar-preview {
	width: min(150px, 100%);
	aspect-ratio: 1;
	margin: 0 auto;
	border-radius: 50%;
	font-size: 2.2rem;
}

.channel-avatar-preview img {
	border-radius: 50%;
}

.channel-offline-artwork-field {
	max-width: 760px;
}

.channel-offline-preview {
	aspect-ratio: 16 / 9;
}

.channel-customization-form input[type="file"] {
	width: 100%;
	padding: 8px;
}

.channel-remove-artwork {
	display: flex;
	align-items: center;
	gap: 7px;
	margin: 2px 0 0;
	color: #c7d3d3;
	font-size: 0.82rem;
	font-weight: 700;
}

.channel-remove-artwork input {
	width: auto;
	margin: 0;
}

@media screen and (max-width: 680px) {
	.channel-artwork-fields {
		grid-template-columns: 1fr;
	}

	.channel-avatar-preview {
		width: 120px;
	}
}

.video-card-subscribe {
	justify-self: start;
}

.video-card-subscribe button {
	min-height: 36px;
	padding: 7px 11px;
	font-size: 0.76rem;
}

.video-card-login {
	justify-self: start;
	color: #49d7ff !important;
	font-size: 0.78rem;
	font-weight: 900;
	text-decoration: none;
}

.video-card-login:hover,
.video-card-login:focus {
	color: #f2bd57 !important;
}

.video-library-summary {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 14px 0;
}

.video-library-summary span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 12px;
	color: #dce9f4;
	background: rgba(9, 19, 32, 0.78);
	border: 1px solid rgba(73, 215, 255, 0.2);
	border-radius: 12px;
	font-size: 0.82rem;
	font-weight: 800;
}

.video-library-summary strong {
	color: #49d7ff;
}

.video-library-actions {
	justify-content: flex-start;
	margin: 8px 0 16px;
}

.video-library-grid {
	margin-top: 12px;
}

.video-library-card-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
}

.video-library-card-actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 32px;
	padding: 6px 10px;
	color: #061018 !important;
	background: #49d7ff;
	border: 1px solid rgba(142, 235, 255, 0.85);
	border-radius: 8px;
	font-size: 0.74rem;
	font-weight: 900;
	text-decoration: none;
	text-transform: uppercase;
}

.video-library-card-actions a:hover,
.video-library-card-actions a:focus {
	background: #f2bd57;
	border-color: #ffe2a1;
}

.videos-kicker {
	color: #f2bd57;
	font-size: 0.78rem;
	font-weight: 900;
	text-transform: uppercase;
}

.videos-hero .videos-kicker {
	color: var(--gw-accent);
}

.videos-hero h1,
.videos-hero h2,
.videos-empty h3,
.videos-card h3 {
	margin: 6px 0 8px;
	color: var(--gw-text);
	text-align: left;
	overflow-wrap: anywhere;
}

.videos-hero p,
.videos-empty p,
.videos-card p {
	margin: 0;
	color: var(--gw-muted);
	text-align: left;
}

.videos-channel-link {
	color: #f2bd57 !important;
	font-weight: 900;
	text-decoration: none;
}

.videos-channel-link:hover,
.videos-channel-link:focus {
	color: #49d7ff !important;
}

.videos-hero a:not(.site-button),
.videos-actions a:not(.site-button),
.channel-subscribe-form button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 10px 14px;
	color: #061018 !important;
	background-color: #f2bd57;
	border: 1px solid #ffe2a1;
	border-radius: 8px;
	font-size: 0.86rem;
	font-weight: 900;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	cursor: pointer;
}

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

@media screen and (max-width: 1280px) {
	.videos-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media screen and (max-width: 1040px) {
	.videos-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media screen and (max-width: 760px) {
	.videos-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.video-category-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 14px;
	padding: 6px;
	background: rgba(7, 10, 14, 0.7);
	border: 1px solid rgba(116, 139, 167, 0.24);
	border-radius: 9px;
}

.video-category-filter a {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 7px 11px;
	color: #d9e3ec !important;
	background: #0a1017;
	border: 1px solid #3b4857;
	border-radius: 999px;
	font-size: 0.78rem;
	font-weight: 900;
	text-decoration: none;
}

.video-category-filter a:hover,
.video-category-filter a:focus,
.video-category-filter a.is-active {
	color: #061018 !important;
	background: #49d7ff;
	border-color: #a8edff;
	outline: none;
}

.channels-page {
	width: 100%;
	max-width: none;
	margin: 0 auto;
	padding-bottom: 90px;
}

.channels-container {
	display: block;
	width: min(1180px, 100%);
	max-width: 100%;
	min-width: 0;
	margin: 0 auto;
}

.channels-hero {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin: 0 0 12px;
	padding: 16px 18px;
	overflow: hidden;
	background-color: rgba(21, 29, 41, 0.86);
	border: 1px solid rgba(116, 139, 167, 0.26);
	border-radius: 8px;
}

.channels-hero::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 4px;
	background: linear-gradient(90deg, var(--gw-accent), var(--gw-gold));
}

.channels-hero h1,
.channels-hero p {
	text-align: left;
}

.channels-hero > div {
	width: 100%;
	min-width: 0;
}

.channels-hero h1 {
	margin: 6px 0 8px;
	color: var(--gw-text);
}

.channels-hero p {
	margin: 0;
	overflow-wrap: anywhere;
	color: var(--gw-muted);
}

.channels-kicker {
	color: var(--gw-accent);
	font-size: 0.78rem;
	font-weight: 900;
	text-transform: uppercase;
}

.channels-hero-stats {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 7px;
}

.channels-hero-stats span {
	display: inline-flex;
	align-items: baseline;
	gap: 5px;
	min-height: 36px;
	padding: 7px 11px;
	color: #9fb0c2;
	background: rgba(7, 10, 14, 0.66);
	border: 1px solid rgba(116, 139, 167, 0.28);
	border-radius: 7px;
	font-size: 0.75rem;
	font-weight: 800;
	text-transform: uppercase;
}

.channels-hero-stats strong {
	color: var(--gw-gold);
	font-size: 1rem;
}

.channels-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 10px;
}

.channels-card {
	display: grid;
	min-width: 0;
	overflow: hidden;
	color: var(--gw-text);
	background: rgba(21, 29, 41, 0.82);
	border: 1px solid var(--gw-line);
	border-radius: 8px;
}

.channels-card:hover,
.channels-card:focus-within {
	background: rgba(28, 42, 56, 0.92);
	border-color: var(--gw-accent);
	transform: translateY(-2px);
}

.channels-card-media {
	position: relative;
	display: block;
	overflow: hidden;
	color: var(--gw-text) !important;
	text-decoration: none;
}

.channels-card-media img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 8.5;
	background: #0c1117;
	object-fit: cover;
}

.channels-card-media span {
	position: absolute;
	top: 8px;
	left: 8px;
	padding: 5px 8px;
	color: #fff;
	background: var(--gw-danger);
	border-radius: 6px;
	font-size: 0.76rem;
	font-weight: 900;
	text-transform: uppercase;
}

.channels-card-body {
	display: grid;
	gap: 6px;
	align-content: start;
	padding: 9px;
}

.channels-card-body h3 {
	margin: 0;
	font-size: 0.88rem;
	line-height: 1.22;
}

.channels-card-body h3 a {
	color: var(--gw-text) !important;
	text-decoration: none;
}

.channels-card-body h3 a:hover,
.channels-card-body h3 a:focus {
	color: var(--gw-accent) !important;
}

.channels-card-body p {
	display: -webkit-box;
	margin: 0;
	overflow: hidden;
	color: var(--gw-muted);
	font-size: 0.76rem;
	line-height: 1.35;
	text-align: left;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.channels-card-actions {
	min-height: 30px;
	margin-top: 0;
}

.channels-card-actions form {
	margin: 0;
}

.channels-card-actions button,
.channels-card-actions a,
.channels-card-actions span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 29px;
	padding: 5px 9px;
	color: #061018 !important;
	background: var(--gw-accent);
	border: 1px solid #a8edff;
	border-radius: 6px;
	font-size: 0.7rem;
	font-weight: 900;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
}

.channels-card-actions span,
.channels-card-placeholder .channels-card-actions span {
	color: var(--gw-text) !important;
	background: rgba(4, 8, 13, 0.55);
	border-color: var(--gw-line-strong);
	cursor: default;
}

.channels-card-placeholder {
	border-style: dashed;
	opacity: 0.82;
}

.channels-card-placeholder .channels-card-media img {
	filter: saturate(0.65) brightness(0.78);
}

@media screen and (max-width: 1280px) {
	.channels-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media screen and (max-width: 1040px) {
	.channels-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media screen and (max-width: 760px) {
	.channels-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.channel-category-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 8px;
	background: rgba(7, 10, 14, 0.82);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
}

.channel-category-filter a,
.channel-directory-tags a,
.channel-directory-tags span {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	padding: 6px 11px;
	color: var(--gw-text) !important;
	background: rgba(21, 29, 41, 0.9);
	border: 1px solid var(--gw-line);
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 900;
	text-decoration: none;
}

.channel-category-filter a:hover,
.channel-category-filter a:focus,
.channel-category-filter a.is-active,
.channel-directory-tags a:hover,
.channel-directory-tags a:focus {
	color: #061018 !important;
	background: var(--gw-accent);
	border-color: #a8edff;
	outline: none;
}

.channel-directory-search {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: end;
	gap: 10px;
	padding: 10px 12px;
	background: var(--gw-surface);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
}

.channel-directory-search-title {
	min-width: 128px;
	padding: 10px 12px;
	color: var(--gw-gold);
	background: rgba(7, 10, 14, 0.42);
	border: 1px solid rgba(116, 139, 167, 0.22);
	border-radius: 6px;
	font-size: 0.78rem;
	font-weight: 900;
	text-transform: uppercase;
	white-space: nowrap;
}

.channel-directory-search-controls {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	align-items: center;
	gap: 8px;
	min-width: 0;
}

.channel-directory-search input {
	width: 100%;
	min-height: 40px;
	padding: 10px 13px;
	color: var(--gw-text);
	background: rgba(5, 9, 14, 0.88);
	border: 1px solid var(--gw-line);
	border-radius: 6px;
	font: inherit;
}

.channel-directory-search input:focus {
	border-color: var(--gw-accent);
	box-shadow: 0 0 0 3px rgba(73, 215, 255, 0.16);
	outline: none;
}

.channel-directory-search .site-icon-button {
	width: 40px;
	min-width: 40px;
	height: 40px;
	flex-basis: 40px;
	padding: 8px !important;
	color: #061018 !important;
	background: var(--gw-accent);
	border: 1px solid #a8edff;
	border-radius: var(--gw-radius) !important;
	box-shadow: 0 0 8px rgba(73, 215, 255, 0.28);
	animation: site-search-button-pulse 2.8s ease-in-out infinite;
}

.channel-directory-search .site-icon-button img {
	filter: brightness(0.1);
}

.channel-directory-search .site-icon-button:hover,
.channel-directory-search .site-icon-button:focus {
	background: var(--gw-accent);
	border-color: #d7f8ff;
	box-shadow:
		0 0 10px rgba(73, 215, 255, 0.85),
		0 0 22px rgba(73, 215, 255, 0.42);
	animation-play-state: paused;
	outline: none;
}

.channels-empty > a {
	color: var(--gw-accent) !important;
	font-weight: 900;
}

.channel-directory-results,
.channels-empty {
	padding: 18px;
	background: var(--gw-surface);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22);
}

.channel-directory-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.channel-directory-card {
	display: grid;
	align-content: start;
	gap: 10px;
	min-width: 0;
	padding: 14px;
	background: rgba(7, 10, 14, 0.58);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
}

.channel-directory-card-main {
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr);
	align-items: center;
	gap: 11px;
	min-width: 0;
	color: var(--gw-text) !important;
	text-decoration: none;
}

.channel-directory-avatar {
	display: block;
	width: 58px;
	height: 58px;
	overflow: hidden;
	border: 2px solid var(--gw-line-strong);
	border-radius: 50%;
}

.channel-directory-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.channel-directory-copy {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.channel-directory-copy strong {
	display: flex;
	align-items: center;
	gap: 6px;
	color: var(--gw-text);
	overflow-wrap: anywhere;
}

.channel-directory-copy strong b {
	padding: 2px 5px;
	color: #fff;
	background: var(--gw-danger);
	border-radius: 999px;
	font-size: 0.58rem;
	text-transform: uppercase;
}

.channel-directory-copy small,
.channel-directory-copy > span {
	color: var(--gw-muted);
}

.channel-directory-copy > span {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-size: 0.78rem;
}

.channel-directory-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

.channel-directory-tags a,
.channel-directory-tags span {
	min-height: 26px;
	padding: 4px 8px;
	font-size: 0.66rem;
}

.channels-empty {
	text-align: center;
}

.channels-empty img {
	width: 52px;
	height: 52px;
}

.channels-empty h2,
.channels-empty p {
	text-align: center;
}

@media screen and (max-width: 900px) {
	.channel-directory-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (max-width: 580px) {
	.channels-hero {
		display: grid;
	}

	.channels-hero > div {
		max-width: 100%;
	}

	.channel-category-filter {
		flex-wrap: nowrap;
		overflow-x: auto;
		scrollbar-width: thin;
	}

	.channel-category-filter a {
		flex: 0 0 auto;
	}

	.channel-directory-search {
		grid-template-columns: 1fr;
	}

	.channel-directory-search-title {
		width: 100%;
		min-width: 0;
	}

	.channel-directory-search-controls {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.channel-directory-search-controls > a {
		grid-column: 1 / -1;
		width: 100%;
	}

	.channel-directory-grid {
		grid-template-columns: 1fr;
	}
}

.channel-category-showcase {
	display: grid;
	grid-auto-columns: minmax(190px, 1fr);
	grid-auto-flow: column;
	gap: 8px;
	width: 100%;
	min-width: 0;
	overflow-x: auto;
	padding: 4px 2px 9px;
	overscroll-behavior-inline: contain;
	scrollbar-width: thin;
}

.channel-explorer-actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.channel-explorer-actions a {
	position: relative;
	display: grid;
	grid-template-columns: 46px minmax(0, 1fr);
	align-items: center;
	gap: 12px;
	min-height: 74px;
	padding: 13px 15px;
	overflow: hidden;
	color: var(--gw-text) !important;
	background:
		linear-gradient(145deg, rgba(73, 215, 255, 0.16), rgba(242, 189, 87, 0.08)),
		var(--gw-panel);
	border: 1px solid var(--gw-line-strong);
	border-radius: var(--gw-radius);
	box-shadow: 0 14px 0 rgba(0, 0, 0, 0.18), 0 20px 32px rgba(0, 0, 0, 0.18);
	text-decoration: none;
	transform: translateY(0);
	transition: transform 0.18s, border-color 0.18s, box-shadow 0.18s;
}

.channel-explorer-actions a::after {
	position: absolute;
	inset: auto 12px 8px 12px;
	height: 1px;
	content: "";
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.32), transparent);
}

.channel-explorer-actions a:hover,
.channel-explorer-actions a:focus,
.channel-explorer-actions a.is-active {
	border-color: var(--gw-accent);
	box-shadow: 0 8px 0 rgba(0, 0, 0, 0.22), 0 0 22px rgba(73, 215, 255, 0.2);
	transform: translateY(3px);
	outline: none;
}

.channel-explorer-actions a.is-active {
	background:
		linear-gradient(145deg, rgba(73, 215, 255, 0.28), rgba(242, 189, 87, 0.15)),
		var(--gw-panel);
}

.channel-explorer-actions img {
	width: 42px;
	height: 42px;
	padding: 8px;
	background: rgba(5, 9, 14, 0.58);
	border: 1px solid var(--gw-line);
	border-radius: 10px;
	filter: brightness(0) invert(1);
}

.channel-explorer-actions span {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.channel-explorer-actions strong,
.channel-explorer-actions small {
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.channel-explorer-actions strong {
	color: var(--gw-text);
	font-size: 0.92rem;
}

.channel-explorer-actions small {
	color: var(--gw-muted);
	font-size: 0.68rem;
	font-weight: 800;
	text-transform: uppercase;
}

.channel-category-showcase > a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 66px;
	padding: 10px 12px 10px 16px;
	color: var(--gw-text) !important;
	background:
		linear-gradient(135deg, rgba(73, 215, 255, 0.16), rgba(28, 180, 232, 0.04)),
		var(--gw-panel);
	border: 1px solid var(--gw-line-strong);
	border-radius: var(--gw-radius);
	font-weight: 900;
	text-decoration: none;
	transition: transform 0.18s, border-color 0.18s, box-shadow 0.18s;
}

.channel-category-showcase > a:hover,
.channel-category-showcase > a:focus,
.channel-category-showcase > a.is-active {
	border-color: var(--gw-accent);
	box-shadow: 0 0 18px rgba(73, 215, 255, 0.22);
	transform: translateY(-2px);
	outline: none;
}

.channel-category-showcase > a.is-active {
	color: #061018 !important;
	background: linear-gradient(135deg, var(--gw-accent), #92eaff);
}

.channel-category-showcase > a span {
	display: grid;
	gap: 2px;
	text-align: left;
}

.channel-category-showcase > a strong {
	font-size: 0.94rem;
}

.channel-category-showcase > a small {
	color: var(--gw-muted);
	font-size: 0.68rem;
	text-transform: uppercase;
}

.channel-category-showcase > a.is-active small {
	color: rgba(6, 16, 24, 0.72);
}

.channel-category-showcase > a img {
	width: 38px;
	height: 38px;
	flex: 0 0 auto;
	filter: brightness(0) invert(1);
}

.channel-category-showcase > a.is-active img {
	filter: brightness(0.15);
}

.channel-browse-section {
	padding: 16px;
	background: var(--gw-surface);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2);
}

.site-card-heading,
.channel-browse-heading {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
}

.site-card-heading > div,
.channel-browse-heading > div {
	min-width: 0;
}

.site-card-heading h1,
.site-card-heading h2,
.site-card-heading h3,
.site-card-heading h4,
.site-card-heading h5,
.site-card-heading h6,
.channel-browse-heading h2 {
	margin: 2px 0 0;
	color: var(--gw-text);
}

.site-card-heading p,
.channel-browse-heading p {
	margin: 4px 0 0;
	color: var(--gw-muted);
	font-size: 0.84rem;
	line-height: 1.35;
}

.site-card-heading__kicker,
.channel-browse-heading > span,
.channel-browse-heading > a {
	color: var(--gw-accent) !important;
	font-size: 0.76rem;
	font-weight: 900;
	text-decoration: none;
	text-transform: uppercase;
}

.site-card-heading__status {
	align-self: center;
	color: var(--gw-gold);
	font-size: 0.75rem;
	font-weight: 900;
	text-transform: uppercase;
	white-space: nowrap;
}

.channel-browse-grid {
	display: grid;
	gap: 0;
}

.channel-browse-row {
	display: grid;
	grid-template-columns: minmax(210px, 0.58fr) minmax(300px, 1fr) minmax(160px, 0.5fr) 92px 84px 132px;
	align-items: stretch;
}

.channel-browse-list-heading {
	color: #061018;
	background: linear-gradient(90deg, var(--gw-accent), var(--gw-gold));
	font-size: 0.78rem;
	font-weight: 900;
	text-transform: uppercase;
}

.channel-browse-list-heading span,
.channel-browse-card > * {
	padding: 12px 14px;
	border-right: 1px solid rgba(116, 139, 167, 0.22);
}

.channel-browse-list-heading span:last-child,
.channel-browse-card > *:last-child {
	border-right: 0;
}

.channel-browse-watch-action {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
}

.channel-browse-watch-action form {
	margin: 0;
}

.channel-browse-watch-action .site-button {
	width: 100%;
	min-height: 32px;
	padding: 6px 9px;
	font-size: 0.68rem;
}

.channel-subcategory-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin: -4px 0 14px;
}

.channel-subcategory-nav a {
	padding: 6px 10px;
	color: var(--gw-muted) !important;
	background: rgba(116, 139, 167, 0.1);
	border: 1px solid var(--gw-line);
	border-radius: 999px;
	font-size: 0.68rem;
	font-weight: 850;
	text-decoration: none;
}

.channel-subcategory-nav a:hover,
.channel-subcategory-nav a:focus,
.channel-subcategory-nav a.is-active {
	color: #061018 !important;
	background: var(--gw-accent);
	border-color: rgba(183, 242, 255, 0.72);
	outline: none;
}

.channel-category-overview {
	overflow: hidden;
	padding: 0;
	background: var(--gw-surface);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
}

.channel-category-overview > .channel-browse-heading {
	padding: 16px;
}

.channel-category-overview-row {
	display: grid;
	grid-template-columns: minmax(210px, 0.58fr) 96px minmax(320px, 1fr) 104px 96px;
	align-items: stretch;
}

.channel-category-overview-heading {
	color: #061018;
	background: linear-gradient(90deg, var(--gw-accent), var(--gw-gold));
	font-size: 0.78rem;
	font-weight: 900;
	text-transform: uppercase;
}

.channel-category-overview-heading span,
.channel-category-overview-card > * {
	padding: 12px 14px;
	border-right: 1px solid rgba(116, 139, 167, 0.22);
}

.channel-category-overview-heading span:last-child,
.channel-category-overview-card > *:last-child {
	border-right: 0;
}

.channel-category-overview-grid {
	display: grid;
	gap: 0;
}

.channel-category-overview-card {
	min-width: 0;
	background: rgba(7, 10, 14, 0.48);
	border-top: 1px solid var(--gw-line);
	border-radius: 0;
}

.channel-category-overview-card:nth-child(even) {
	background: rgba(21, 29, 41, 0.58);
}

.channel-category-overview-primary {
	display: grid;
	align-content: center;
	gap: 8px;
	min-width: 0;
}

.channel-category-overview-main {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	color: var(--gw-text) !important;
	text-decoration: none;
}

.channel-category-overview-main:hover strong,
.channel-category-overview-main:focus strong {
	color: var(--gw-accent);
}

.channel-category-overview-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	background: rgba(73, 215, 255, 0.12);
	border: 1px solid rgba(73, 215, 255, 0.28);
	border-radius: 10px;
}

.channel-category-overview-icon img {
	width: 24px;
	height: 24px;
	filter: brightness(0) invert(1);
}

.channel-category-overview-main span:last-child {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.channel-category-overview-main strong,
.channel-category-overview-feature b,
.channel-category-overview-feature small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.channel-category-overview-main strong {
	color: var(--gw-accent);
	font-size: 1.02rem;
	text-decoration: underline;
}

.channel-category-overview-main small {
	display: block;
	min-width: 0;
	color: var(--gw-muted);
	font-size: 0.72rem;
	line-height: 1.45;
}

.channel-category-overview-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	min-height: 28px;
}

.channel-category-overview-count {
	display: grid;
	place-items: center;
	color: var(--gw-text);
	font-weight: 900;
	text-align: center;
}

.channel-category-overview-tags a {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 3px 7px;
	color: var(--gw-muted) !important;
	background: rgba(116, 139, 167, 0.13);
	border: 1px solid rgba(116, 139, 167, 0.22);
	border-radius: 999px;
	font-size: 0.58rem;
	font-weight: 850;
	text-decoration: none;
}

.channel-category-overview-tags a:hover,
.channel-category-overview-tags a:focus {
	color: #061018 !important;
	background: var(--gw-accent);
	border-color: rgba(183, 242, 255, 0.72);
	outline: none;
}

.channel-category-overview-feature {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	align-items: center;
	align-content: center;
	gap: 8px;
	min-width: 0;
	color: var(--gw-text) !important;
	text-decoration: none;
}

.channel-category-overview-feature img {
	width: 34px;
	height: 34px;
	object-fit: cover;
	background: #081018;
	border: 1px solid var(--gw-line-strong);
	border-radius: 50%;
}

.channel-category-overview-feature span {
	display: grid;
	min-width: 0;
}

.channel-category-overview-feature b {
	font-size: 0.72rem;
}

.channel-category-overview-feature small {
	color: var(--gw-gold);
	font-size: 0.62rem;
	font-weight: 850;
}

.channel-category-overview-feature.is-empty {
	color: var(--gw-muted) !important;
}

.channel-category-landing {
	display: grid;
	grid-template-columns: minmax(0, 1.5fr) minmax(220px, 0.8fr);
	gap: 14px;
	padding: 17px;
	background:
		linear-gradient(135deg, rgba(73, 215, 255, 0.12), rgba(242, 189, 87, 0.09) 55%, rgba(7, 10, 14, 0.1)),
		var(--gw-surface);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2);
}

.channel-category-landing-main {
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr);
	align-items: center;
	gap: 13px;
	min-width: 0;
}

.channel-category-landing-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	background: rgba(73, 215, 255, 0.13);
	border: 1px solid rgba(73, 215, 255, 0.3);
	border-radius: 13px;
}

.channel-category-landing-icon img {
	width: 32px;
	height: 32px;
	filter: brightness(0) invert(1);
}

.channel-category-landing h2,
.channel-category-landing p {
	margin: 0;
	text-align: left;
}

.channel-category-landing h2 {
	color: var(--gw-text);
	font-size: 1.55rem;
}

.channel-category-landing p {
	margin-top: 5px;
	color: var(--gw-muted);
	line-height: 1.45;
}

.channel-category-landing-stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	grid-column: 1;
}

.channel-category-landing-stats span {
	display: grid;
	gap: 2px;
	min-height: 58px;
	padding: 9px;
	color: var(--gw-muted);
	background: rgba(7, 10, 14, 0.48);
	border: 1px solid var(--gw-line);
	border-radius: 9px;
	font-size: 0.66rem;
	font-weight: 850;
	text-transform: uppercase;
}

.channel-category-landing-stats strong {
	color: var(--gw-gold);
	font-size: 1.22rem;
	line-height: 1;
}

.channel-category-landing-related {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	grid-column: 1;
}

.channel-category-landing-related a {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 4px 8px;
	color: var(--gw-muted) !important;
	background: rgba(116, 139, 167, 0.13);
	border: 1px solid rgba(116, 139, 167, 0.24);
	border-radius: 999px;
	font-size: 0.64rem;
	font-weight: 850;
	text-decoration: none;
}

.channel-category-landing-related a:hover,
.channel-category-landing-related a:focus {
	color: #061018 !important;
	background: var(--gw-accent);
	border-color: rgba(183, 242, 255, 0.72);
	outline: none;
}

.channel-category-landing-feature {
	display: grid;
	align-content: start;
	gap: 9px;
	grid-column: 2;
	grid-row: 1 / span 3;
}

.channel-category-landing-feature a {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	min-width: 0;
	padding: 10px;
	color: var(--gw-text) !important;
	background: rgba(7, 10, 14, 0.52);
	border: 1px solid var(--gw-line);
	border-radius: 9px;
	text-decoration: none;
}

.channel-category-landing-feature a:hover,
.channel-category-landing-feature a:focus {
	border-color: var(--gw-accent);
	outline: none;
}

.channel-category-landing-feature img {
	width: 42px;
	height: 42px;
	object-fit: cover;
	background: rgba(73, 215, 255, 0.12);
	border: 1px solid var(--gw-line-strong);
	border-radius: 10px;
}

.channel-category-landing-feature a:first-child img {
	border-radius: 50%;
}

.channel-category-landing-feature span {
	display: grid;
	min-width: 0;
}

.channel-category-landing-feature b,
.channel-category-landing-feature small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.channel-category-landing-feature b {
	font-size: 0.78rem;
}

.channel-category-landing-feature small {
	color: var(--gw-gold);
	font-size: 0.64rem;
	font-weight: 850;
}

.channel-category-video-heading {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 10px;
	margin: 20px 0 10px;
	padding-top: 16px;
	border-top: 1px solid rgba(73, 215, 255, 0.18);
}

.channel-category-video-heading strong {
	color: var(--gw-accent);
	font-size: 0.8rem;
	text-transform: uppercase;
}

.channel-category-video-heading span {
	color: var(--gw-muted);
	font-size: 0.66rem;
}

.channel-category-video-grid {
	display: grid;
	gap: 0;
}

.channel-category-video-row {
	display: grid;
	grid-template-columns: minmax(190px, 0.72fr) minmax(210px, 0.78fr) minmax(150px, 0.48fr) minmax(150px, 0.48fr) 110px;
	align-items: stretch;
}

.channel-category-video-heading-row {
	color: #f6fbff;
	background: linear-gradient(90deg, #102b3a, #1f4a5c 48%, #344e64);
	border-top: 1px solid rgba(73, 215, 255, 0.24);
	border-bottom: 1px solid rgba(73, 215, 255, 0.18);
	font-size: 0.78rem;
	font-weight: 900;
	text-transform: uppercase;
}

.channel-category-video-heading-row span,
.channel-category-video-card > * {
	padding: 12px 14px;
	border-right: 1px solid rgba(73, 215, 255, 0.12);
}

.channel-category-video-heading-row span:last-child,
.channel-category-video-card > *:last-child {
	border-right: 0;
}

.channel-category-video-card {
	min-width: 0;
	background: rgba(7, 10, 14, 0.48);
	border-top: 1px solid var(--gw-line);
	border-radius: 0;
}

.channel-category-video-card:nth-child(even) {
	background: rgba(21, 29, 41, 0.58);
}

.channel-category-video-preview {
	position: relative;
	display: block;
	width: 118px;
	max-width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #05080c;
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
}

.channel-category-video-preview video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.channel-category-video-preview > span {
	position: absolute;
	top: 7px;
	left: 7px;
	padding: 3px 7px;
	color: #061018;
	background: var(--gw-gold);
	border-radius: 4px;
	font-size: 0.6rem;
	font-weight: 900;
	text-transform: uppercase;
}

.channel-category-video-preview > b {
	position: absolute;
	right: 8px;
	bottom: 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 32px;
	background: rgba(5, 8, 12, 0.84);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 7px;
}

.channel-category-video-preview > b img {
	width: 19px;
	height: 19px;
	filter: brightness(0) invert(1);
}

.channel-category-video-preview:hover,
.channel-category-video-preview:focus {
	border-color: var(--gw-accent);
	box-shadow: 0 0 16px rgba(73, 215, 255, 0.2);
	outline: none;
}

.channel-category-video-details {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr);
	align-items: center;
	gap: 8px;
}

.channel-category-video-details > div {
	display: grid;
	align-content: start;
	gap: 3px;
	min-width: 0;
}

.channel-category-video-details > div > a {
	overflow: hidden;
	color: var(--gw-text) !important;
	font-size: 0.76rem;
	font-weight: 900;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.channel-category-video-details > div > span {
	overflow: hidden;
	color: var(--gw-muted);
	font-size: 0.64rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.channel-category-video-pill,
.channel-category-video-date {
	align-self: center;
	justify-self: start;
	min-width: 0;
	color: var(--gw-muted);
	font-size: 0.68rem;
	font-weight: 850;
}

.channel-category-video-pill {
	padding: 3px 7px;
	background: rgba(116, 139, 167, 0.15);
	border: 1px solid rgba(116, 139, 167, 0.22);
	border-radius: 999px;
}

@media screen and (max-width: 700px) {
	.channel-category-video-grid {
		display: grid;
		gap: 0;
	}

	.channel-category-video-heading-row {
		display: none;
	}

	.channel-category-video-row {
		grid-template-columns: 1fr;
	}

	.channel-category-video-card > * {
		border-right: 0;
	}

	.channel-category-video-heading {
		align-items: flex-start;
		flex-direction: column;
	}

	.channel-category-overview-heading {
		display: none;
	}

	.channel-category-overview-row {
		grid-template-columns: 1fr;
	}

	.channel-category-overview-card > * {
		border-right: 0;
	}

	.channel-category-overview-count {
		display: inline-flex;
		justify-content: flex-start;
		gap: 6px;
		padding-top: 0;
		color: var(--gw-muted);
		font-size: 0.78rem;
	}

	.channel-category-overview-count::after {
		content: attr(data-label);
		color: var(--gw-muted);
	}

	.channel-category-landing {
		grid-template-columns: 1fr;
	}

	.channel-category-landing-feature,
	.channel-category-landing-main,
	.channel-category-landing-related,
	.channel-category-landing-stats {
		grid-column: 1;
	}

	.channel-category-landing-feature {
		grid-row: auto;
	}

	.channel-category-landing-stats {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media screen and (max-width: 480px) {
	.channel-category-landing-main {
		align-items: start;
		grid-template-columns: 48px minmax(0, 1fr);
	}

	.channel-category-landing-icon {
		width: 48px;
		height: 48px;
	}

	.channel-category-landing h2 {
		font-size: 1.25rem;
	}

	.channel-category-landing-stats {
		grid-template-columns: 1fr;
	}
}

.channel-browse-card {
	min-width: 0;
	background: rgba(7, 10, 14, 0.48);
	border-top: 1px solid var(--gw-line);
	border-radius: 0;
}

.channel-browse-card:nth-child(even) {
	background: rgba(21, 29, 41, 0.58);
}

.channel-live-directory {
	background: linear-gradient(135deg, rgba(239, 90, 103, 0.08), rgba(73, 215, 255, 0.035));
	border-color: rgba(239, 90, 103, 0.34);
}

.channel-browse-card.is-live .channel-browse-preview {
	border-color: rgba(239, 90, 103, 0.72);
	box-shadow: 0 0 0 1px rgba(239, 90, 103, 0.12), 0 8px 24px rgba(0, 0, 0, 0.25);
}

.channel-browse-card.is-live .channel-browse-avatar {
	border-color: var(--gw-danger);
}

.channel-browse-preview {
	position: relative;
	display: block;
	width: 108px;
	max-width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #05080c;
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
}

.channel-browse-preview > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.22s;
}

.channel-browse-preview:hover > img,
.channel-browse-preview:focus > img {
	transform: scale(1.035);
}

.channel-browse-preview > b,
.channel-browse-preview > span {
	position: absolute;
	padding: 3px 6px;
	color: #fff;
	background: rgba(5, 8, 12, 0.84);
	border-radius: 4px;
	font-size: 0.62rem;
	font-weight: 900;
	text-transform: uppercase;
}

.channel-browse-preview > b {
	top: 7px;
	left: 7px;
	background: var(--gw-danger);
}

.channel-browse-preview > span {
	bottom: 7px;
	left: 7px;
}

.channel-browse-feature {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr);
	align-items: center;
	gap: 8px;
	min-width: 0;
	color: var(--gw-text) !important;
	text-decoration: none;
}

.channel-browse-details {
	display: grid;
	grid-template-columns: 108px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.channel-browse-avatar {
	display: block;
	width: 38px;
	height: 38px;
	overflow: hidden;
	border: 1px solid var(--gw-line-strong);
	border-radius: 50%;
}

.channel-browse-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.channel-browse-copy {
	display: grid;
	gap: 2px;
	min-width: 0;
	text-align: left;
}

.channel-browse-copy > a {
	overflow: hidden;
	color: var(--gw-text) !important;
	font-size: 0.8rem;
	font-weight: 900;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.channel-browse-copy > b {
	overflow: hidden;
	color: var(--gw-text);
	font-size: 0.8rem;
	font-weight: 900;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.channel-browse-copy > a:hover,
.channel-browse-copy > a:focus,
.channel-browse-feature:hover b,
.channel-browse-feature:focus b {
	color: var(--gw-accent) !important;
}

.channel-browse-copy > small,
.channel-browse-copy > span {
	overflow: hidden;
	color: var(--gw-muted);
	font-size: 0.68rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.channel-browse-tags {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px;
	min-width: 0;
}

.channel-browse-tags a,
.channel-browse-tags span {
	flex: 0 0 auto;
	padding: 2px 6px;
	color: var(--gw-muted) !important;
	background: rgba(116, 139, 167, 0.15);
	border: 1px solid rgba(116, 139, 167, 0.22);
	border-radius: 999px;
	font-size: 0.58rem;
	font-weight: 800;
	text-decoration: none;
}

.channel-browse-count {
	display: grid;
	place-items: center;
	color: var(--gw-text);
	font-weight: 900;
	text-align: center;
}

.watching-page {
	width: 100%;
	max-width: none;
	margin: 0 auto;
	padding-bottom: 90px;
}

.watching-hero {
	background:
		linear-gradient(135deg, rgba(242, 189, 87, 0.13), rgba(73, 215, 255, 0.12) 54%, transparent 82%),
		var(--gw-surface);
}

.watching-empty,
.watching-strip-section {
	padding: 18px;
	background: var(--gw-surface);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2);
}

.watching-empty {
	display: grid;
	justify-items: center;
	gap: 10px;
	text-align: center;
}

.watching-empty img {
	width: 54px;
	height: 54px;
	padding: 10px;
	background: rgba(73, 215, 255, 0.1);
	border: 1px solid var(--gw-line);
	border-radius: 14px;
	filter: brightness(0) invert(1);
}

.watching-empty h2,
.watching-empty p {
	margin: 0;
	text-align: center;
}

.watching-empty p {
	max-width: 620px;
	color: var(--gw-muted);
}

.watching-empty > div {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
}

.watching-empty a:not(.site-button),
.watching-channel-actions > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 8px 12px;
	color: #061018 !important;
	background: var(--gw-accent);
	border: 1px solid #a8edff;
	border-radius: 8px;
	font-size: 0.74rem;
	font-weight: 900;
	text-decoration: none;
	text-transform: uppercase;
}

.watching-avatar-strip {
	display: flex;
	gap: 12px;
	overflow-x: auto;
	padding: 4px 2px 10px;
	scrollbar-width: thin;
}

.watching-avatar-strip a {
	position: relative;
	display: grid;
	justify-items: center;
	gap: 7px;
	flex: 0 0 88px;
	min-width: 0;
	color: var(--gw-text) !important;
	text-decoration: none;
}

.watching-avatar-strip a > span {
	display: block;
	width: 70px;
	height: 70px;
	padding: 3px;
	background: linear-gradient(135deg, rgba(73, 215, 255, 0.7), rgba(242, 189, 87, 0.6));
	border-radius: 50%;
}

.watching-avatar-strip a.is-live > span {
	background: linear-gradient(135deg, rgba(239, 90, 103, 0.95), rgba(242, 189, 87, 0.76));
	box-shadow: 0 0 18px rgba(239, 90, 103, 0.28);
}

.watching-avatar-strip img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	background: #081018;
	border-radius: 50%;
}

.watching-avatar-strip strong {
	width: 100%;
	overflow: hidden;
	font-size: 0.68rem;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.watching-channel-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 12px;
}

.watching-channel-card {
	display: grid;
	grid-template-rows: auto 1fr auto;
	min-width: 0;
	overflow: hidden;
	background: rgba(7, 10, 14, 0.58);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
}

.watching-channel-card.is-live {
	border-color: rgba(239, 90, 103, 0.54);
	box-shadow: 0 0 20px rgba(239, 90, 103, 0.12);
}

.watching-channel-banner {
	position: relative;
	display: block;
	aspect-ratio: 16 / 6;
	overflow: hidden;
	background: #05080c;
}

.watching-channel-banner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.2s;
}

.watching-channel-banner:hover img,
.watching-channel-banner:focus img {
	transform: scale(1.03);
}

.watching-channel-banner b {
	position: absolute;
	top: 8px;
	left: 8px;
	padding: 4px 8px;
	color: #fff;
	background: var(--gw-danger);
	border-radius: 999px;
	font-size: 0.62rem;
	font-weight: 900;
	text-transform: uppercase;
}

.watching-channel-body {
	display: grid;
	grid-template-columns: 56px minmax(0, 1fr);
	gap: 11px;
	padding: 12px;
}

.watching-channel-avatar {
	display: block;
	width: 56px;
	height: 56px;
	overflow: hidden;
	border: 2px solid var(--gw-line-strong);
	border-radius: 50%;
}

.watching-channel-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.watching-channel-body h3,
.watching-channel-body p {
	margin: 0;
	text-align: left;
}

.watching-channel-body h3 a {
	color: var(--gw-text) !important;
	font-size: 0.9rem;
	text-decoration: none;
}

.watching-channel-body p {
	color: var(--gw-gold);
	font-size: 0.72rem;
	font-weight: 850;
}

.watching-channel-body span {
	display: -webkit-box;
	margin-top: 5px;
	overflow: hidden;
	color: var(--gw-muted);
	font-size: 0.72rem;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.watching-channel-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 0 12px 12px;
}

.watching-channel-actions form {
	margin: 0;
}

.watching-channel-actions .site-icon-button {
	width: 36px;
	height: 36px;
	min-height: 36px;
	padding: 7px;
	border-radius: 8px;
}

@media screen and (max-width: 700px) {
	.channel-explorer-actions {
		grid-template-columns: 1fr;
	}

	.channel-explorer-actions a {
		box-shadow: 0 8px 0 rgba(0, 0, 0, 0.18), 0 14px 24px rgba(0, 0, 0, 0.16);
	}

	.watching-channel-grid {
		grid-template-columns: 1fr;
	}

	.channel-browse-grid {
		display: grid;
		gap: 0;
	}

	.channel-browse-list-heading {
		display: none;
	}

	.channel-browse-row {
		grid-template-columns: 1fr;
	}

	.channel-browse-card > * {
		border-right: 0;
	}

	.channel-browse-count {
		display: inline-flex;
		justify-content: flex-start;
		gap: 6px;
		padding-top: 0;
		color: var(--gw-muted);
		font-size: 0.78rem;
	}

	.channel-browse-count::after {
		content: attr(data-label);
		color: var(--gw-muted);
	}

	.channel-browse-heading {
		align-items: flex-start;
	}
}

.video-channel-directory {
	margin-bottom: 18px;
	padding: 18px;
	background: rgba(21, 29, 41, 0.9);
	border: 1px solid rgba(116, 139, 167, 0.28);
	border-radius: 8px;
}

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

.video-channel-card {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 8px;
	padding: 10px;
	background: rgba(7, 10, 14, 0.58);
	border: 1px solid rgba(116, 139, 167, 0.25);
	border-radius: 8px;
}

.video-channel-card-link {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	min-width: 0;
	color: var(--gw-text) !important;
	text-decoration: none;
}

.video-channel-card-link:hover strong,
.video-channel-card-link:focus strong {
	color: var(--gw-accent);
}

.video-channel-avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	overflow: hidden;
	color: #061018;
	background: var(--gw-gold);
	border: 1px solid #ffe2a1;
	border-radius: 50%;
	font-weight: 900;
}

.video-channel-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.video-channel-copy {
	display: grid;
	gap: 4px;
	min-width: 0;
}

.video-channel-copy strong {
	display: flex;
	align-items: center;
	gap: 6px;
	overflow-wrap: anywhere;
}

.video-channel-copy strong b {
	padding: 2px 5px;
	color: #fff;
	background: var(--gw-danger);
	border-radius: 999px;
	font-size: 0.58rem;
	text-transform: uppercase;
}

.video-channel-copy > span {
	color: var(--gw-muted);
	font-size: 0.72rem;
	font-weight: 800;
}

.video-channel-follow button {
	min-width: 38px;
	min-height: 38px;
	padding: 8px;
}

.video-channel-follow button img {
	width: 20px;
	height: 20px;
}

@media screen and (max-width: 900px) {
	.video-channel-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (max-width: 580px) {
	.video-channel-grid {
		grid-template-columns: 1fr;
	}
}

.live-feeds-section {
	margin-bottom: 18px;
	padding: 18px;
	background: rgba(21, 29, 41, 0.9);
	border: 1px solid rgba(239, 90, 103, 0.45);
	border-radius: 8px;
	box-shadow: 0 0 24px rgba(239, 90, 103, 0.1);
}

.live-feeds-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 14px;
}

.live-feeds-heading h2 {
	margin: 4px 0 0;
	color: #e7edf5;
}

.live-feeds-count,
.live-feed-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: #ef5a67;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.live-feeds-count {
	min-height: 30px;
	padding: 6px 11px;
}

.live-feeds-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.live-feed-card {
	overflow: hidden;
	background: #0b1017;
	border: 1px solid #313d4a;
	border-radius: 8px;
}

.live-feed-card.is-official {
	border-color: rgba(242, 189, 87, 0.7);
	box-shadow: 0 0 24px rgba(242, 189, 87, 0.12);
}

.live-feed-player {
	position: relative;
	aspect-ratio: 16 / 9;
	background: #05070a;
}

.live-feed-player iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

.live-feed-badge {
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 5px 9px;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35);
}

.live-feed-details {
	display: grid;
	gap: 8px;
	padding: 13px;
}

.live-feed-details h3,
.live-feed-details p {
	margin: 0;
	text-align: left;
	overflow-wrap: anywhere;
}

.live-feed-details h3 {
	color: #e7edf5;
}

.live-feed-details p {
	color: #9fb0c2;
}

.live-feed-details > a {
	justify-self: start;
	color: #49d7ff !important;
	font-size: 0.82rem;
	font-weight: 900;
}

.videos-empty {
	padding: 22px;
	text-align: center;
}

.videos-library {
	padding: 18px;
	background: rgba(15, 20, 28, 0.9);
	border: 1px solid rgba(116, 139, 167, 0.26);
	border-radius: 8px;
	box-shadow: 0 10px 34px rgba(0, 0, 0, 0.22);
}

.videos-section-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 14px;
}

.videos-section-heading h1,
.videos-section-heading h2 {
	margin: 4px 0 0;
	color: #e7edf5;
	text-align: left;
}

.videos-section-count {
	flex: 0 0 auto;
	color: #49d7ff;
}

.videos-card {
	display: grid;
	grid-template-rows: auto 1fr;
	overflow: hidden;
}

.video-card-preview {
	position: relative;
	display: block;
	overflow: hidden;
	background: #05070a;
	text-decoration: none;
}

.video-card-preview video {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	background-color: #05070a;
	border: 0;
	object-fit: contain;
}

.video-card-preview iframe {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	background-color: #05070a;
	border: 0;
}

.video-preview-action {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: rgba(5, 7, 10, 0.62);
	font-size: 0.84rem;
	font-weight: 900;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	opacity: 0;
	transition: opacity 160ms ease;
}

.video-preview-action::before {
	content: "\25B6";
	margin-right: 8px;
	color: #49d7ff;
	font-size: 1.15rem;
}

.home-forum-video-card .video-preview-action {
	inset: 8px 8px auto auto;
	width: auto;
	min-height: 30px;
	padding: 6px 9px;
	background: rgba(5, 7, 10, 0.82);
	border: 1px solid rgba(73, 215, 255, 0.42);
	border-radius: 7px;
	font-size: 0.64rem;
	letter-spacing: 0;
	opacity: 1;
	text-decoration: none;
}

.home-forum-video-card .video-preview-action::before {
	margin-right: 5px;
	font-size: 0.8rem;
}

.video-card-preview:hover .video-preview-action,
.video-card-preview:focus .video-preview-action,
.home-video-frame:hover .video-preview-action,
.home-video-frame:focus .video-preview-action {
	opacity: 1;
}

.videos-card-body {
	display: grid;
	align-content: start;
	gap: 7px;
	padding: 10px;
}

.videos-card-body h3 {
	margin: 0;
	font-size: 0.88rem;
	line-height: 1.22;
}

.videos-card-body h3 a {
	color: var(--gw-text) !important;
	text-decoration: none;
}

.videos-card-body h3 a:hover,
.videos-card-body h3 a:focus {
	color: var(--gw-accent) !important;
}

.videos-card-body p {
	display: -webkit-box;
	overflow: hidden;
	color: var(--gw-muted);
	font-size: 0.76rem;
	line-height: 1.35;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.video-card-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.video-card-meta span {
	padding: 5px 8px;
	color: #aebdcc;
	background: rgba(7, 10, 14, 0.68);
	border: 1px solid rgba(116, 139, 167, 0.24);
	border-radius: 999px;
	font-size: 0.7rem;
	font-weight: 800;
}

.video-card-primary-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-top: 2px;
}

.videos-actions {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 8px;
}

.videos-actions input {
	width: 100%;
	padding: 10px 12px;
	color: #d3dddd;
	background-color: #070a0e;
	border: 1px solid #31373f;
	border-radius: 6px;
	font-size: 0.86rem;
}

.video-card-tools {
	align-self: end;
	border-top: 1px solid rgba(116, 139, 167, 0.2);
}

.video-card-tools summary {
	padding-top: 10px;
	color: #49d7ff;
	font-size: 0.74rem;
	font-weight: 900;
	text-transform: uppercase;
	cursor: pointer;
}

.video-card-tools[open] summary {
	margin-bottom: 10px;
	color: #f2bd57;
}

.video-card-tools > div {
	display: grid;
	gap: 12px;
	padding: 11px;
	background: rgba(7, 10, 14, 0.5);
	border: 1px solid rgba(116, 139, 167, 0.2);
	border-radius: 7px;
}

.video-card-tools label {
	margin: 0;
	color: #f2bd57;
	font-size: 0.7rem;
	font-weight: 900;
	text-transform: uppercase;
}

.video-card-tools .videos-actions a {
	min-height: 38px;
	padding: 8px 10px;
	font-size: 0.72rem;
}

.video-reactions,
.video-reactions form {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.video-reactions form {
	margin: 0;
}

.video-reactions button,
.video-reactions a,
.video-reactions > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	padding: 7px 11px;
	color: #d9e3ec !important;
	background: #0a1017;
	border: 1px solid #3b4857;
	border-radius: 999px;
	font-size: 0.78rem;
	font-weight: 900;
	line-height: 1;
	text-decoration: none;
}

.video-reactions button {
	cursor: pointer;
}

.video-reactions button span {
	margin-left: 6px;
	color: #9fb0c2;
}

.video-reaction-icon {
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	fill: currentColor;
}

.video-reactions > span .video-reaction-icon {
	margin-right: 6px;
}

.video-reactions button:hover,
.video-reactions button:focus,
.video-reactions button.is-active {
	color: #061018 !important;
	background: #49d7ff;
	border-color: #a8edff;
	outline: none;
}

.video-reactions button.is-active span {
	color: #061018;
}

.video-reactions button.is-active.is-dislike {
	background: #f2bd57;
	border-color: #ffe2a1;
}

.video-reactions > span {
	color: #9fb0c2 !important;
	cursor: default;
}

.watch-reactions {
	margin-top: 4px;
}

.content-report-form {
	position: relative;
	display: grid;
	gap: 9px;
	margin: 0;
}

.content-report-form label {
	margin: 0;
	color: #f2bd57;
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.content-report-form textarea {
	width: 100%;
	min-height: 112px;
	padding: 10px 12px;
	color: #d9e3ec;
	background: #070a0e;
	border: 1px solid #3b4857;
	border-radius: 6px;
	font: inherit;
	font-size: 0.9rem;
	line-height: 1.4;
	resize: vertical;
}

.content-report-form textarea:focus {
	border-color: #ef5a67;
	outline: none;
	box-shadow: 0 0 0 3px rgba(239, 90, 103, 0.12);
}

.content-report-form button {
	justify-self: start;
	padding: 6px 10px;
	color: #061018 !important;
	background: var(--gw-accent);
	border: 1px solid rgba(139, 235, 255, 0.9);
	border-radius: 6px;
	font-size: 0.74rem;
	font-weight: 800;
	cursor: pointer;
	box-shadow:
		inset 0 1px rgba(255, 255, 255, 0.22),
		0 0 12px rgba(73, 215, 255, 0.18);
}

.content-report-form button img {
	filter: brightness(0) saturate(100%) invert(4%) sepia(49%) saturate(1324%) hue-rotate(160deg) brightness(94%) contrast(94%);
}

.content-report-form .content-report-close {
	position: absolute;
	top: 8px;
	right: 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	padding: 0;
	color: var(--gw-muted) !important;
	background: rgba(7, 10, 14, 0.72);
	border: 1px solid var(--gw-line);
	border-radius: 50%;
	font-size: 1.15rem;
	font-weight: 900;
	line-height: 1;
	box-shadow: none;
}

.content-report-form .content-report-close:hover,
.content-report-form .content-report-close:focus {
	color: #061018 !important;
	background: var(--gw-accent);
	border-color: #d7f8ff;
	outline: none;
}

.content-report-form .content-report-icon-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	padding: 0;
	font-size: 1.3rem;
	line-height: 1;
}

.content-report-icon-button span {
	display: block;
	transform: translateY(-1px);
}

.content-report-form button:hover,
.content-report-form button:focus {
	color: #061018 !important;
	background: #8bebff;
	border-color: #d7f8ff;
	outline: none;
}

.admin-report-reason {
	margin-top: 5px;
	padding: 7px 8px;
	color: #ffd8dc !important;
	background: rgba(239, 90, 103, 0.1);
	border-left: 3px solid #ef5a67;
}

.watch-panel {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(260px, 0.6fr);
	gap: 16px;
	padding: 16px;
	background-color: rgba(21, 29, 41, 0.86);
	border: 1px solid rgba(116, 139, 167, 0.26);
	border-radius: 8px;
}

.watch-panel video {
	display: block;
	width: 100%;
	max-height: 72vh;
	background-color: #05070a;
	border: 1px solid #31373f;
	border-radius: 8px;
	object-fit: contain;
}

.watch-details {
	display: grid;
	align-content: start;
	gap: 10px;
}

.watch-details h1,
.watch-details h2 {
	margin: 0;
	color: #e7edf5;
	text-align: left;
	overflow-wrap: anywhere;
}

.watch-details p {
	margin: 0;
	color: #9fb0c2;
	text-align: left;
}

.watch-actions {
	margin-top: 8px;
}

/* Help page */

.help-page {
	min-height: 72vh;
	padding-top: 28px;
	padding-bottom: 70px;
}

.help-page .help-container {
	width: min(100%, 1120px);
	height: auto;
	min-height: 0;
	padding: 0;
	overflow: visible;
	text-align: left;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.site-page-hero,
.site-page-card,
.help-hero,
.help-panel {
	background: var(--gw-panel-soft);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
	box-shadow: var(--gw-shadow);
}

.site-page-hero,
.help-hero {
	position: relative;
	margin: 0 auto 18px;
	padding: 20px;
	overflow: hidden;
}

.site-page-hero::before,
.help-hero::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 4px;
	background: linear-gradient(90deg, var(--gw-accent), var(--gw-gold));
}

.site-page-hero > span,
.help-hero span {
	color: var(--gw-accent);
	font-size: 0.78rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.site-page-card > span,
.help-panel span {
	color: var(--gw-gold);
	font-size: 0.78rem;
	font-weight: 900;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.site-page-hero h1,
.site-page-hero h2,
.site-page-card h3,
.help-hero h1,
.help-hero h2,
.help-panel h3 {
	margin: 6px 0 8px;
	color: var(--gw-text);
	text-align: left;
	overflow-wrap: anywhere;
}

.site-page-card h3,
.help-panel h3 {
	font-size: 1.02rem;
	line-height: 1.18;
}

.site-page-hero p,
.site-page-card p,
.help-hero p,
.help-panel p {
	margin: 0;
	color: var(--gw-muted);
	text-align: left;
}

.site-page-card p,
.help-panel p {
	font-size: 0.9rem;
	line-height: 1.45;
}

.site-page-grid,
.help-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	gap: 12px;
	margin: 0 auto;
}

.help-page-status {
	display: grid;
	gap: 8px;
	margin: 0 0 14px;
}

.help-page-status > span {
	color: var(--gw-muted);
	font-size: 0.78rem;
	font-weight: 900;
	text-transform: uppercase;
}

.help-page-status .forum-pagination {
	margin-top: 0;
	justify-content: flex-start;
}

.site-page-card,
.help-panel {
	display: flex;
	flex-direction: column;
	align-content: start;
	gap: 8px;
	padding: 14px;
	transition: border-color 0.2s, transform 0.2s;
}

.site-page-card:hover,
.site-page-card:focus-within,
.help-panel:hover,
.help-panel:focus-within {
	border-color: var(--gw-accent);
	transform: translateY(-2px);
}

.help-panel a:not(.site-button) {
	align-self: flex-start;
	margin-top: auto;
	padding: 10px 14px;
	color: #061018 !important;
	background: var(--gw-gold) !important;
	border: 1px solid #ffe2a1;
	border-radius: 6px;
	font-size: 0.9rem;
	font-weight: 800;
	text-decoration: none;
	transition: background-color 0.2s, transform 0.2s;
}

.help-panel a:not(.site-button):hover {
	background: var(--gw-accent) !important;
	border-color: #a8edff;
	transform: translateY(-1px);
}

.site-page-card a.site-button,
.help-panel a.site-button {
	align-self: flex-start;
	width: fit-content;
	max-width: 100%;
	margin-top: auto;
}

@media screen and (max-width: 920px) {
	.site-page-grid,
	.help-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (max-width: 620px) {
	.help-page {
		padding-top: 18px;
	}

	.site-page-grid,
	.help-grid {
		grid-template-columns: 1fr;
	}

	.site-page-card a.site-button,
	.help-panel a {
		align-self: stretch;
		width: 100%;
		text-align: center;
	}
}

.home-forum-panel {
	width: min(1280px, calc(100% - 30px));
	margin: 15px auto 0;
}

.home-forum-panel .home-panel-heading > div > span {
	display: block;
	margin-bottom: 4px;
	color: #f2bd57;
	font-size: 0.76rem;
	font-weight: 900;
	text-transform: uppercase;
}

.home-forum-list,
.profile-forum-list {
	display: grid;
	gap: 8px;
}

.home-forum-item,
.profile-forum-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 12px 14px;
	color: #e7edf5 !important;
	background: rgba(7, 10, 14, 0.58);
	border: 1px solid rgba(116, 139, 167, 0.26);
	border-radius: 8px;
	text-decoration: none;
}

.home-forum-item:hover,
.home-forum-item:focus,
.profile-forum-item:hover,
.profile-forum-item:focus {
	background: rgba(73, 215, 255, 0.1);
	border-color: rgba(73, 215, 255, 0.45);
	outline: none;
}

.home-forum-item > div,
.profile-forum-item > div {
	display: grid;
	gap: 4px;
	min-width: 0;
}

.home-forum-item strong,
.profile-forum-item strong {
	color: #f8efe2;
	overflow-wrap: anywhere;
}

.home-forum-item span,
.home-forum-item small,
.profile-forum-item p,
.profile-forum-item small {
	margin: 0;
	color: #9fb0c2;
	font-size: 0.82rem;
	text-align: left;
	overflow-wrap: anywhere;
}

.home-forum-item small {
	flex: 0 0 auto;
	color: #f2bd57;
	font-weight: 900;
	text-transform: uppercase;
}

.home-forum-empty {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.home-forum-empty p {
	margin: 0;
	color: #9fb0c2;
	text-align: left;
}

.home-forum-empty a {
	padding: 9px 12px;
	color: #061018 !important;
	background: #f2bd57;
	border-radius: 6px;
	font-weight: 900;
	text-decoration: none;
}

/* Profile */

.profile-page {
	padding-bottom: 70px;
}

.profile-container {
	width: min(100%, 980px);
	height: auto;
	min-height: calc(85vh + 50px);
	padding: 24px;
	overflow: auto;
	text-align: left;
	background:
		linear-gradient(135deg, rgba(255, 179, 32, 0.06), rgba(83, 134, 230, 0.05) 45%, rgba(27, 27, 27, 0)),
		#151515;
}

.profile-header,
.profile-panel {
	max-width: 820px;
	margin: 0 auto 18px;
	padding: 20px;
	background-color: rgba(34, 34, 34, 0.96);
	border: 1px solid #3f4651;
	border-radius: 8px;
}

.profile-tabs {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 6px;
	max-width: 820px;
	margin: 0 auto 18px;
	padding: 6px;
	background-color: rgba(7, 10, 14, 0.78);
	border: 1px solid #3f4651;
	border-radius: 10px;
}

.profile-tabs button {
	min-height: 42px;
	padding: 9px 10px;
	color: #c7d3d3 !important;
	background: transparent !important;
	border: 1px solid transparent;
	border-radius: 7px;
	font-size: 0.82rem;
	font-weight: 900;
	text-transform: uppercase;
	cursor: pointer;
}

.profile-tabs button:hover,
.profile-tabs button:focus {
	color: #f8efe2 !important;
	background: rgba(73, 215, 255, 0.1) !important;
	border-color: #3f4651;
	outline: none;
	transform: none;
}

.profile-tabs button.is-active {
	color: #061018 !important;
	background: linear-gradient(135deg, #49d7ff, #f2bd57) !important;
	border-color: #ffe2a1;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28);
}

.profile-tabs-ready [data-profile-tab-panel][hidden] {
	display: none !important;
}

.profile-tabs-ready [data-profile-tab-panel] {
	scroll-margin-top: 18px;
}

.profile-anchor-alias {
	position: relative;
	top: -18px;
	display: block;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.profile-dashboard-page-nav {
	position: relative;
	z-index: 30;
	width: 100%;
	margin: 0 0 18px;
	padding: 10px 18px;
	background: rgba(7, 10, 14, 0.94);
	border: 1px solid var(--gw-line);
	border-radius: 8px;
	box-shadow: 0 12px 26px rgba(0, 0, 0, 0.28);
}

.profile-dashboard-page-nav-links {
	display: flex;
	flex-wrap: nowrap;
	gap: 10px;
	justify-content: safe center;
	width: 100%;
	min-width: 0;
	overflow-x: auto;
	padding: 0 2px 4px;
	scroll-padding-inline: 2px;
	scrollbar-width: thin;
	scrollbar-gutter: stable;
}

.profile-dashboard-page-nav-links a {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 10px;
	min-height: 42px;
	padding: 7px 12px 7px 7px;
	color: var(--gw-text) !important;
	background: rgba(21, 29, 40, 0.86);
	border: 1px solid rgba(92, 103, 117, 0.65);
	border-radius: 6px;
	font-size: 0.8rem;
	font-weight: 900;
	text-decoration: none;
	white-space: nowrap;
}

.profile-dashboard-page-nav-links a:hover,
.profile-dashboard-page-nav-links a:focus,
.profile-dashboard-page-nav-links a.is-active {
	color: #061018 !important;
	background: var(--gw-accent);
	border-color: #d7f8ff;
	outline: none;
}

.profile-dashboard-page-nav-links img {
	width: 28px;
	height: 28px;
	padding: 5px;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 6px;
	filter: brightness(0) invert(1);
	object-fit: contain;
}

.profile-dashboard-page-nav-links a:hover img,
.profile-dashboard-page-nav-links a:focus img,
.profile-dashboard-page-nav-links a.is-active img {
	filter: brightness(0) saturate(100%) invert(4%) sepia(49%) saturate(1324%) hue-rotate(160deg) brightness(94%) contrast(94%);
}

.profile-header span,
.profile-section-heading span {
	color: #ffb320;
	font-size: 0.78rem;
	font-weight: 800;
	text-transform: uppercase;
}

.profile-header h1,
.profile-header h2,
.profile-section-heading h1,
.profile-section-heading h2,
.profile-section-heading h3 {
	margin: 6px 0 8px;
	color: #f8efe2;
	text-align: left;
	overflow-wrap: anywhere;
}

.profile-section-heading {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: start;
	column-gap: 12px;
}

.profile-section-heading span,
.profile-section-heading h1,
.profile-section-heading h2,
.profile-section-heading h3 {
	grid-column: 1;
}

.creator-section-heading {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: start;
	column-gap: 12px;
}

.creator-section-heading > span,
.creator-section-heading > h3 {
	grid-column: 1;
}

.creator-return-link {
	display: inline-flex;
	grid-column: 2;
	grid-row: 1 / span 2;
	align-self: center;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 8px 11px;
	color: #061018 !important;
	background: #49d7ff;
	border: 1px solid #a8edff;
	border-radius: 6px;
	font-size: 0.72rem;
	font-weight: 900;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.creator-return-link:hover,
.creator-return-link:focus {
	color: #02070b !important;
	background: #8ae8ff;
	border-color: #d5f7ff;
	outline: 2px solid rgba(242, 189, 87, 0.48);
	outline-offset: 2px;
}

.channel-manage-page {
	min-height: 70vh;
	padding: 28px 0 70px;
}

.channel-manage-container {
	width: min(100%, 980px);
	padding: 0 20px;
	text-align: left;
}

.channel-manage-nav {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
	gap: 6px;
	max-width: 820px;
	margin: 0 auto 16px;
	padding: 6px;
	background: rgba(7, 10, 14, 0.88);
	border: 1px solid #3f4651;
	border-radius: 10px;
}

.channel-manage-nav a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 42px;
	padding: 9px 10px;
	color: #c7d3d3 !important;
	background: transparent;
	border: 1px solid transparent;
	border-radius: 7px;
	font-size: 0.78rem;
	font-weight: 900;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.channel-manage-nav a img {
	width: 20px;
	height: 20px;
	filter: brightness(0) invert(1);
}

.channel-manage-nav a:hover,
.channel-manage-nav a:focus {
	color: #f8efe2 !important;
	background: rgba(73, 215, 255, 0.1);
	border-color: #3f4651;
	outline: none;
}

.channel-manage-nav a.is-active {
	color: #061018 !important;
	background: linear-gradient(135deg, #49d7ff, #f2bd57);
	border-color: #ffe2a1;
}

.channel-manage-nav a.is-active img {
	filter: brightness(0.15);
}

.channel-manage-panel {
	display: grid;
	gap: 16px;
}

.channel-manage-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-top: 16px;
}

.channel-manage-grid a {
	display: grid;
	gap: 7px;
	min-height: 130px;
	padding: 18px;
	color: #f8efe2 !important;
	background: rgba(7, 10, 14, 0.58);
	border: 1px solid rgba(116, 139, 167, 0.32);
	border-radius: 8px;
	text-decoration: none;
}

.channel-manage-grid a:hover,
.channel-manage-grid a:focus {
	background: rgba(73, 215, 255, 0.1);
	border-color: rgba(73, 215, 255, 0.55);
	outline: none;
}

.channel-manage-grid strong {
	color: #f2bd57;
	font-size: 1.05rem;
}

.channel-manage-grid span {
	color: #9fb0c2;
	line-height: 1.5;
}

.game-warrior-live-container {
	width: min(100%, 1320px);
}

.game-warrior-live-panel {
	min-height: min(900px, calc(100vh - 120px));
}

.game-warrior-live-frame {
	position: relative;
	overflow: hidden;
	width: 100%;
	min-height: min(780px, calc(100vh - 230px));
	background: #05070a;
	border: 1px solid rgba(116, 139, 167, 0.32);
	border-radius: 8px;
}

.game-warrior-live-frame iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.live-broadcast-frame {
	position: relative;
}

.live-broadcast-frame > video[data-live-broadcast-video] {
	display: block;
	width: 100%;
	height: 100%;
	background: #05070a;
	border: 0;
	object-fit: contain;
}

.game-warrior-live-frame.live-broadcast-frame > video[data-live-broadcast-video] {
	position: absolute;
	inset: 0;
}

.live-broadcast-start {
	position: absolute;
	right: 14px;
	bottom: 14px;
	z-index: 5;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 38px;
	padding: 9px 13px;
	color: #071017;
	font: inherit;
	font-size: 0.86rem;
	font-weight: 900;
	line-height: 1;
	background: linear-gradient(135deg, #f2bd57, #49d7ff);
	border: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: 7px;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.38);
	cursor: pointer;
}

.live-broadcast-start:hover,
.live-broadcast-start:focus-visible {
	transform: translateY(-1px);
	box-shadow: 0 16px 34px rgba(0, 0, 0, 0.44);
}

.live-broadcast-start:focus-visible {
	outline: 2px solid rgba(255, 255, 255, 0.82);
	outline-offset: 3px;
}

.live-broadcast-start img {
	width: 17px;
	height: 17px;
	filter: brightness(0) saturate(100%) invert(5%) sepia(20%) saturate(1654%) hue-rotate(156deg) brightness(96%) contrast(96%);
}

.live-broadcast-frame.is-broadcast-started .live-broadcast-start,
.live-broadcast-start[hidden] {
	display: none;
}

.channel-stream-actions .live-broadcast-start,
.channel-stream-actions .live-broadcast-fullscreen {
	position: static;
	flex: 0 0 36px;
	width: 36px;
	min-width: 36px;
	height: 36px;
	min-height: 36px;
	padding: 7px;
	gap: 0;
	color: #061018 !important;
	background: #f2bd57;
	border: 1px solid #ffe2a1;
	border-radius: 8px;
	box-shadow: none;
}

.channel-stream-actions .live-broadcast-start:hover,
.channel-stream-actions .live-broadcast-start:focus-visible,
.channel-stream-actions .live-broadcast-fullscreen:hover,
.channel-stream-actions .live-broadcast-fullscreen:focus-visible {
	transform: none;
	border-color: #d9f6ff;
	box-shadow: 0 0 18px rgba(73, 215, 255, 0.25);
}

.channel-stream-actions .live-broadcast-fullscreen.is-fullscreen-active {
	background: #49d7ff;
	border-color: #d9f6ff;
	box-shadow: 0 0 22px rgba(73, 215, 255, 0.42);
}

.channel-stream-actions .live-broadcast-start img,
.channel-stream-actions .live-broadcast-fullscreen img {
	width: 20px;
	height: 20px;
	filter: brightness(0.1);
}

.live-broadcast-fullscreen {
	position: absolute;
	right: 14px;
	bottom: 62px;
	z-index: 5;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 38px;
	padding: 9px 13px;
	color: #dff8ff;
	font: inherit;
	font-size: 0.86rem;
	font-weight: 900;
	line-height: 1;
	background: rgba(4, 8, 13, 0.82);
	border: 1px solid rgba(73, 215, 255, 0.38);
	border-radius: 7px;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.38);
	cursor: pointer;
}

.live-broadcast-fullscreen:hover,
.live-broadcast-fullscreen:focus-visible {
	transform: translateY(-1px);
	border-color: rgba(242, 189, 87, 0.62);
	box-shadow: 0 16px 34px rgba(0, 0, 0, 0.44);
}

.live-broadcast-fullscreen:focus-visible {
	outline: 2px solid rgba(255, 255, 255, 0.82);
	outline-offset: 3px;
}

.live-broadcast-fullscreen img {
	width: 17px;
	height: 17px;
	filter: brightness(0) saturate(100%) invert(96%) sepia(7%) saturate(2253%) hue-rotate(166deg) brightness(103%) contrast(101%);
}

.profile-panel-toggle {
	grid-column: 2;
	grid-row: 1 / span 2;
	align-self: center;
	min-width: 92px;
	padding: 9px 12px;
	color: #061018;
	background-color: #f2bd57;
	border: 1px solid #ffe2a1;
	border-radius: 6px;
	font-size: 0.78rem;
	font-weight: 900;
	text-transform: uppercase;
	cursor: pointer;
}

.profile-panel.is-collapsed > :not(.profile-section-heading) {
	display: none !important;
}

.profile-panel.is-collapsed {
	padding-bottom: 14px;
}

.profile-header p,
.profile-empty {
	margin: 0;
	color: #c7d3d3;
	text-align: left;
}

.profile-notice {
	max-width: 820px;
	margin: 0 auto 16px;
	text-align: center;
}

.profile-user-panel {
	display: grid;
	gap: 16px;
}

.profile-overview-grid {
	display: grid;
	gap: 0;
	overflow: hidden;
	background: rgba(7, 10, 14, 0.58);
	border: 1px solid var(--gw-line);
	border-radius: 8px;
}

.profile-overview-row {
	display: grid;
	grid-template-columns: minmax(210px, 0.9fr) minmax(155px, 0.32fr) minmax(300px, 1.15fr) 98px;
	align-items: stretch;
}

.profile-overview-heading {
	color: #061018;
	background: linear-gradient(90deg, var(--gw-accent), var(--gw-gold));
	font-size: 0.78rem;
	font-weight: 900;
	text-transform: uppercase;
}

.profile-overview-heading span,
.profile-overview-item > span {
	min-width: 0;
	padding: 12px 14px;
	border-right: 1px solid rgba(116, 139, 167, 0.22);
}

.profile-overview-heading span:last-child,
.profile-overview-item > span:last-child {
	border-right: 0;
}

.profile-overview-item {
	color: var(--gw-text) !important;
	background: rgba(7, 10, 14, 0.48);
	border-top: 1px solid var(--gw-line);
	text-decoration: none;
	transition: background-color 0.18s ease, box-shadow 0.18s ease;
}

.profile-overview-item:nth-child(even) {
	background: rgba(21, 29, 41, 0.58);
}

.profile-overview-item:hover,
.profile-overview-item:focus {
	background: rgba(31, 43, 59, 0.96);
	box-shadow: inset 4px 0 0 var(--gw-accent);
	outline: none;
}

.profile-overview-area {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	align-items: center;
	gap: 9px;
}

.profile-overview-area img {
	width: 34px;
	height: 34px;
	padding: 6px;
	background: rgba(73, 215, 255, 0.1);
	border: 1px solid rgba(73, 215, 255, 0.24);
	border-radius: 8px;
	filter: brightness(0) invert(1);
}

.profile-overview-area strong,
.profile-overview-value,
.profile-overview-open {
	font-weight: 900;
}

.profile-overview-area strong,
.profile-overview-value {
	overflow: hidden;
	text-overflow: ellipsis;
}

.profile-overview-area strong {
	white-space: nowrap;
}

.profile-overview-value {
	white-space: normal;
	overflow-wrap: anywhere;
}

.profile-overview-value,
.profile-overview-open {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--gw-text);
	text-align: center;
}

.profile-overview-detail {
	display: flex;
	align-items: center;
	color: var(--gw-muted);
	line-height: 1.35;
}

.profile-overview-open {
	color: var(--gw-accent);
	text-transform: uppercase;
}

.profile-overview-chart {
	display: grid;
	gap: 9px;
	padding: 12px;
	background: rgba(7, 10, 14, 0.5);
	border: 1px solid var(--gw-line);
	border-radius: 8px;
}

.profile-overview-chart-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.profile-overview-chart-heading span {
	color: var(--gw-gold);
	font-size: 0.78rem;
	font-weight: 900;
	text-transform: uppercase;
}

.profile-overview-chart-heading strong {
	color: var(--gw-text);
	font-size: 0.86rem;
}

.profile-overview-line-graph {
	display: block;
	width: 100%;
	height: auto;
	max-height: 165px;
	min-height: 118px;
	background:
		rgba(7, 10, 14, 0.48);
	border: 1px solid rgba(116, 139, 167, 0.22);
	border-radius: 8px;
}

.profile-overview-grid-line {
	stroke: rgba(116, 139, 167, 0.42);
	stroke-width: 1;
}

.profile-overview-axis-line {
	stroke: rgba(242, 189, 87, 0.7);
	stroke-width: 1.2;
}

.profile-overview-axis-label {
	fill: var(--gw-muted);
	font-size: 0.58rem;
	font-weight: 900;
}

.profile-overview-stat-line {
	fill: none;
	stroke: var(--chart-point-color, var(--gw-accent));
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.15;
	opacity: 0.72;
	filter: drop-shadow(0 0 2px rgba(73, 215, 255, 0.14));
}

.profile-overview-line-graph circle {
	cursor: help;
	fill: var(--chart-point-color, var(--gw-gold));
	stroke: #061018;
	stroke-width: 1.35;
	transition: r 0.16s ease, filter 0.16s ease;
}

.profile-overview-line-graph circle:hover,
.profile-overview-line-graph circle:focus {
	filter: drop-shadow(0 0 8px var(--chart-point-color, var(--gw-accent)));
	r: 5px;
}

.profile-overview-chart-cells {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	gap: 10px;
}

.profile-overview-chart-cells > div {
	display: grid;
	align-content: start;
	gap: 10px;
	min-width: 0;
	padding: 10px;
	background: rgba(21, 29, 41, 0.58);
	border: 1px solid var(--gw-line);
	border-radius: 8px;
}

.profile-overview-stat-top {
	display: grid;
	gap: 5px;
	text-align: center;
}

.profile-overview-stat-top span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	overflow: hidden;
	color: var(--gw-muted);
	font-size: 0.68rem;
	font-weight: 900;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
}

.profile-overview-stat-top span::before {
	content: "";
	flex: 0 0 9px;
	width: 9px;
	height: 9px;
	background: var(--chart-point-color, var(--gw-accent));
	border-radius: 50%;
	box-shadow: 0 0 7px rgba(73, 215, 255, 0.34);
}

.profile-overview-stat-top > strong {
	color: var(--gw-text);
	font-size: 0.98rem;
}

.profile-overview-stat-details {
	display: grid;
	gap: 8px;
}

.profile-overview-stat-details article {
	display: grid;
	gap: 5px;
	min-width: 0;
	padding: 9px;
	background: rgba(7, 10, 14, 0.5);
	border: 1px solid var(--gw-line);
	border-radius: 6px;
}

.profile-overview-stat-details span {
	color: var(--gw-gold);
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.profile-overview-stat-details strong {
	color: var(--gw-text);
	font-size: 1rem;
}

.profile-overview-stat-details small {
	color: var(--gw-muted);
	font-size: 0.78rem;
	line-height: 1.35;
}

.profile-quick-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.profile-quick-actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 10px 14px;
	color: #111;
	background-color: #ffb320;
	border-radius: 6px;
	font-size: 0.9rem;
	font-weight: 800;
	text-decoration: none;
	transition: background-color 0.2s, transform 0.2s;
}

.profile-quick-actions a:hover {
	background-color: #ffd06c;
	transform: translateY(-1px);
}

.profile-account-hub {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 16px;
	padding: 12px;
	background:
		linear-gradient(135deg, rgba(73, 215, 255, 0.08), transparent 44%),
		rgba(7, 10, 14, 0.48);
	border: 1px solid rgba(116, 139, 167, 0.2);
	border-radius: 8px;
}

.profile-account-hub .profile-account-header-cell {
	display: none;
}

.profile-account-identity-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0;
	overflow: hidden;
	background: rgba(7, 10, 14, 0.58);
	border: 1px solid var(--gw-line);
	border-radius: 8px;
}

.profile-account-header-cell {
	min-width: 0;
	padding: 13px 12px;
	color: #061018;
	background: linear-gradient(90deg, var(--gw-accent), var(--gw-gold));
	border-right: 1px solid rgba(6, 16, 24, 0.16);
	font-size: 0.76rem;
	font-weight: 900;
	line-height: 1.1;
	text-transform: uppercase;
}

.profile-account-header-cell:nth-child(6) {
	border-right: 0;
}

.profile-account-identity-grid .profile-account-header-cell:nth-child(2),
.profile-account-identity-grid .profile-account-tile:nth-last-child(1) {
	border-right: 0;
}

.profile-account-tile {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	min-height: 96px;
	padding: 14px;
	color: var(--gw-text) !important;
	background:
		linear-gradient(180deg, rgba(21, 29, 41, 0.78), rgba(7, 10, 14, 0.68));
	border: 1px solid rgba(116, 139, 167, 0.18);
	border-radius: 8px;
	box-shadow: 0 10px 22px rgba(0, 0, 0, 0.14);
	text-decoration: none;
	transition: border-color 0.2s, transform 0.2s, background 0.2s;
}

.profile-account-tile:nth-last-child(1) {
	border-right: 0;
}

a.profile-account-tile:hover,
a.profile-account-tile:focus {
	background:
		linear-gradient(180deg, rgba(73, 215, 255, 0.12), rgba(7, 10, 14, 0.72));
	border-color: rgba(73, 215, 255, 0.55);
	outline: none;
	transform: translateY(-1px);
}

.profile-account-tile img {
	flex: 0 0 auto;
	width: 42px;
	height: 42px;
	padding: 8px;
	background: rgba(73, 215, 255, 0.12);
	border: 1px solid rgba(73, 215, 255, 0.24);
	border-radius: 8px;
	filter: brightness(0) invert(1);
}

.profile-account-tile span {
	display: block;
	width: 100%;
	min-width: 0;
	overflow: hidden;
	color: var(--gw-text);
	font-size: 0.88rem;
	font-weight: 900;
	line-height: 1.25;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.profile-account-tile::before {
	display: none;
	order: 2;
	flex: 1 1 auto;
	min-width: 0;
	content: attr(data-account-label);
	color: var(--gw-gold);
	font-size: 0.68rem;
	font-weight: 900;
	line-height: 1.1;
	text-transform: uppercase;
}

.profile-account-tile span {
	order: 3;
}

.profile-account-tile img {
	order: 1;
}

.profile-account-hub .profile-account-tile {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	grid-template-rows: auto auto;
	align-content: center;
}

.profile-account-hub .profile-account-tile img {
	grid-row: 1 / span 2;
}

.profile-account-hub .profile-account-tile::before {
	display: block;
}

.profile-account-hub .profile-account-tile::before,
.profile-account-hub .profile-account-tile span {
	grid-column: 2;
}

.profile-self-snapshot {
	display: grid;
	gap: 14px;
	margin-bottom: 16px;
	padding: 16px;
	background:
		linear-gradient(135deg, rgba(242, 189, 87, 0.12), transparent 42%),
		linear-gradient(180deg, rgba(21, 29, 41, 0.68), rgba(7, 10, 14, 0.62));
	border: 1px solid rgba(242, 189, 87, 0.2);
	border-radius: 8px;
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.16);
}

.profile-self-snapshot-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.profile-self-snapshot-heading h2 {
	margin: 3px 0 0;
	color: var(--gw-text);
	font-size: 1.2rem;
	line-height: 1.1;
	overflow-wrap: anywhere;
}

.profile-self-snapshot-privacy {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	gap: 6px;
	max-width: 100%;
	padding: 7px 10px;
	color: #061018;
	background: #42df83;
	border: 1px solid rgba(210, 255, 226, 0.85);
	border-radius: 7px;
	font-size: 0.72rem;
	font-weight: 900;
	line-height: 1.2;
	text-transform: uppercase;
	box-shadow: 0 0 12px rgba(66, 223, 131, 0.24);
}

.profile-self-snapshot-privacy img {
	width: 16px;
	height: 16px;
	filter: brightness(0.1);
}

.profile-self-snapshot-privacy.is-public {
	background: var(--gw-accent);
	border-color: rgba(215, 248, 255, 0.9);
	box-shadow: 0 0 12px rgba(73, 215, 255, 0.22);
}

.profile-self-snapshot-privacy.is-private {
	color: #fff;
	background: var(--gw-danger);
	border-color: rgba(255, 190, 198, 0.74);
	box-shadow: 0 0 12px rgba(239, 113, 128, 0.24);
}

.profile-self-snapshot-privacy.is-private img {
	filter: brightness(0) invert(1);
}

.profile-self-snapshot-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(178px, 1fr));
	gap: 8px;
}

.profile-self-snapshot-grid article,
.profile-self-snapshot-card {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	gap: 2px 9px;
	min-width: 0;
	padding: 12px;
	background: rgba(7, 10, 14, 0.42);
	border: 1px solid rgba(116, 139, 167, 0.2);
	border-radius: 8px;
}

.profile-self-snapshot-card {
	color: inherit;
	text-decoration: none;
}

.profile-self-snapshot-card:hover,
.profile-self-snapshot-card:focus {
	background: rgba(73, 215, 255, 0.08);
	border-color: rgba(73, 215, 255, 0.42);
	outline: none;
}

.profile-self-snapshot-grid img {
	grid-row: span 3;
	width: 34px;
	height: 34px;
	padding: 7px;
	background: rgba(73, 215, 255, 0.1);
	border: 1px solid rgba(73, 215, 255, 0.24);
	border-radius: 8px;
	filter: brightness(0) invert(1);
}

.profile-self-snapshot-grid span,
.profile-self-snapshot-grid small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.profile-self-snapshot-grid span {
	color: var(--gw-gold);
	font-size: 0.66rem;
	font-weight: 900;
	text-transform: uppercase;
}

.profile-self-snapshot-grid strong {
	color: var(--gw-text);
	font-size: 0.92rem;
	line-height: 1.15;
	overflow-wrap: anywhere;
}

.profile-self-snapshot-grid small {
	color: var(--gw-muted);
	font-size: 0.68rem;
	font-weight: 800;
}

.profile-self-snapshot-grid .profile-visibility-pill {
	justify-self: start;
	max-width: 100%;
	padding: 3px 8px;
	color: #061018;
	background: #42df83;
	border: 1px solid rgba(210, 255, 226, 0.85);
	border-radius: 999px;
	font-size: 0.66rem;
	font-weight: 900;
	line-height: 1.2;
	text-transform: uppercase;
	box-shadow: 0 0 12px rgba(66, 223, 131, 0.24);
}

.profile-self-snapshot-grid .profile-visibility-pill.is-public {
	background: var(--gw-accent);
	border-color: rgba(215, 248, 255, 0.9);
	box-shadow: 0 0 12px rgba(73, 215, 255, 0.22);
}

.profile-self-snapshot-grid .profile-visibility-pill.is-private {
	color: #fff;
	background: var(--gw-danger);
	border-color: rgba(255, 190, 198, 0.74);
	box-shadow: 0 0 12px rgba(239, 113, 128, 0.24);
}

.profile-self-snapshot-grid .profile-stream-pill {
	justify-self: start;
	max-width: 100%;
	padding: 3px 8px;
	color: #061018;
	background: var(--gw-gold);
	border: 1px solid rgba(255, 226, 161, 0.82);
	border-radius: 999px;
	font-size: 0.66rem;
	font-weight: 900;
	line-height: 1.2;
	text-transform: uppercase;
	box-shadow: 0 0 12px rgba(242, 189, 87, 0.2);
}

.profile-self-snapshot-grid .profile-stream-pill.is-live {
	background: #42df83;
	border-color: rgba(210, 255, 226, 0.88);
	box-shadow: 0 0 12px rgba(66, 223, 131, 0.28);
}

.profile-self-snapshot-grid .profile-stream-pill.is-offline {
	color: var(--gw-muted);
	background: rgba(116, 139, 167, 0.18);
	border-color: rgba(116, 139, 167, 0.42);
	box-shadow: none;
}

.profile-community-signals {
	display: grid;
	gap: 10px;
	margin-bottom: 16px;
	padding: 12px;
	background: rgba(7, 10, 14, 0.38);
	border: 1px solid rgba(116, 139, 167, 0.2);
	border-radius: 8px;
}

.profile-community-signal-list {
	display: grid;
	gap: 8px;
}

.profile-community-signal {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	padding: 10px 12px;
	color: var(--gw-text) !important;
	background: rgba(7, 10, 14, 0.5);
	border: 1px solid rgba(116, 139, 167, 0.18);
	border-radius: 8px;
	text-decoration: none;
}

.profile-community-signal:hover,
.profile-community-signal:focus {
	border-color: var(--gw-accent);
	background: rgba(22, 34, 48, 0.82);
}

.profile-community-signal.is-unread {
	border-color: rgba(246, 196, 83, 0.48);
	box-shadow: 0 0 0 1px rgba(246, 196, 83, 0.16);
}

.profile-community-signal img {
	flex: 0 0 auto;
	width: 22px;
	height: 22px;
	object-fit: contain;
}

.profile-community-signal span {
	min-width: 0;
	color: var(--gw-muted);
	font-size: 0.82rem;
	font-weight: 800;
	line-height: 1.35;
}

.profile-community-signal strong,
.profile-community-signal em {
	color: var(--gw-text);
	font-style: normal;
}

.profile-self-snapshot-games {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	gap: 8px;
}

.profile-self-snapshot-game-card {
	display: grid;
	grid-template-columns: 76px minmax(0, 1fr);
	gap: 10px;
	min-width: 0;
	padding: 10px;
	color: inherit;
	background: rgba(7, 10, 14, 0.42);
	border: 1px solid rgba(116, 139, 167, 0.2);
	border-radius: 8px;
	text-decoration: none;
}

a.profile-self-snapshot-game-card:hover,
a.profile-self-snapshot-game-card:focus {
	background: rgba(73, 215, 255, 0.08);
	border-color: rgba(73, 215, 255, 0.42);
	outline: none;
}

.profile-self-snapshot-game-media {
	display: grid;
	place-items: center;
	min-width: 0;
	aspect-ratio: 16 / 9;
	align-self: center;
	overflow: hidden;
	background: rgba(73, 215, 255, 0.1);
	border: 1px solid rgba(73, 215, 255, 0.24);
	border-radius: 8px;
}

.profile-self-snapshot-game-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.profile-self-snapshot-game-media img[src$="game-warrior-gamepad.svg"] {
	width: 34px;
	height: 34px;
	padding: 7px;
	object-fit: contain;
	filter: brightness(0) invert(1);
}

.profile-self-snapshot-game-copy {
	display: grid;
	gap: 3px;
	align-content: center;
	min-width: 0;
}

.profile-self-snapshot-game-copy span,
.profile-self-snapshot-game-copy small,
.profile-self-snapshot-game-copy em {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.profile-self-snapshot-game-copy span {
	color: var(--gw-gold);
	font-size: 0.64rem;
	font-weight: 900;
	text-transform: uppercase;
}

.profile-self-snapshot-game-copy strong {
	color: var(--gw-text);
	font-size: 0.9rem;
	line-height: 1.15;
	overflow-wrap: anywhere;
}

.profile-self-snapshot-game-copy small {
	color: var(--gw-muted);
	font-size: 0.7rem;
	font-weight: 800;
}

.profile-self-snapshot-game-copy em {
	justify-self: start;
	max-width: 100%;
	padding: 3px 8px;
	color: #061018;
	background: var(--gw-gold);
	border: 1px solid rgba(255, 226, 161, 0.82);
	border-radius: 999px;
	font-size: 0.64rem;
	font-style: normal;
	font-weight: 900;
	line-height: 1.2;
	text-transform: uppercase;
}

.profile-self-snapshot-empty {
	margin: 0;
	color: var(--gw-muted);
	font-size: 0.8rem;
	font-weight: 700;
}

.profile-account-contact-editor {
	display: grid;
	gap: 12px;
	padding: 12px;
	background: rgba(7, 10, 14, 0.42);
	border: 1px solid rgba(116, 139, 167, 0.2);
	border-radius: 8px;
}

.profile-account-contact-heading {
	display: grid;
	gap: 4px;
}

.profile-account-contact-heading strong {
	color: var(--gw-gold);
	font-size: 0.86rem;
	text-transform: uppercase;
}

.profile-account-contact-heading small {
	color: var(--gw-muted);
	font-size: 0.78rem;
	font-weight: 800;
	line-height: 1.35;
}

.profile-account-contact-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.profile-account-country-field {
	grid-column: 1 / -1;
}

.profile-favorite-games-editor {
	display: grid;
	grid-template-columns: minmax(150px, 220px) minmax(0, 1fr);
	gap: 8px 12px;
	padding: 12px;
	background: rgba(7, 10, 14, 0.38);
	border: 1px solid rgba(116, 139, 167, 0.2);
	border-radius: 8px;
}

.profile-favorite-games-editor > div {
	display: grid;
	gap: 3px;
	grid-column: 1 / -1;
}

.profile-favorite-games-editor strong {
	color: var(--gw-gold);
	font-size: 0.78rem;
	text-transform: uppercase;
}

.profile-favorite-games-editor .profile-action-link {
	justify-self: start;
	grid-column: 1 / -1;
	min-height: 34px;
	padding: 7px 10px;
}

.profile-favorite-games-editor label {
	margin: 0;
	align-self: center;
}

.profile-favorite-games-editor input {
	width: 100%;
	min-height: 40px;
	padding-block: 8px;
}

.profile-account-home-form {
	display: grid;
	gap: 10px;
	padding: 12px;
	background:
		linear-gradient(135deg, rgba(73, 215, 255, 0.06), transparent 50%),
		rgba(7, 10, 14, 0.44);
	border: 1px solid rgba(116, 139, 167, 0.2);
	border-radius: 8px;
}

.profile-username-reminder {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 12px;
	align-items: center;
	padding: 14px;
	background:
		linear-gradient(135deg, rgba(242, 189, 87, 0.22), rgba(73, 215, 255, 0.08)),
		rgba(7, 10, 14, 0.82);
	border: 1px solid rgba(242, 189, 87, 0.72);
	border-radius: 8px;
	box-shadow: 0 0 0 0 rgba(242, 189, 87, 0.5);
	animation: profile-username-reminder-flash 1.35s ease-in-out 6;
}

.profile-username-reminder-copy {
	display: grid;
	gap: 4px;
}

.profile-username-reminder-copy span {
	width: fit-content;
	padding: 4px 8px;
	color: #061018;
	background: var(--gw-gold);
	border-radius: 999px;
	font-size: 0.68rem;
	font-weight: 900;
	text-transform: uppercase;
}

.profile-username-reminder-copy strong {
	color: var(--gw-text);
	font-size: 1rem;
	line-height: 1.2;
}

.profile-username-reminder-copy p {
	margin: 0;
	color: var(--gw-muted);
	font-size: 0.82rem;
	font-weight: 700;
	line-height: 1.4;
}

.profile-username-reminder-action {
	white-space: nowrap;
}

.profile-username-reminder-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: flex-end;
}

.profile-username-reminder-actions form {
	margin: 0;
}

@keyframes profile-username-reminder-flash {
	0%,
	100% {
		border-color: rgba(242, 189, 87, 0.5);
		box-shadow: 0 0 0 0 rgba(242, 189, 87, 0);
	}

	50% {
		border-color: rgba(73, 215, 255, 0.95);
		box-shadow: 0 0 0 5px rgba(242, 189, 87, 0.18);
	}
}

@media (prefers-reduced-motion: reduce) {
	.profile-username-reminder {
		animation: none;
	}
}

.profile-account-editor-heading {
	display: grid;
	gap: 3px;
	padding: 10px 12px;
	background: rgba(21, 29, 41, 0.52);
	border: 1px solid rgba(116, 139, 167, 0.18);
	border-radius: 8px;
}

.profile-account-editor-heading span {
	color: var(--gw-gold);
	font-size: 0.68rem;
	font-weight: 900;
	text-transform: uppercase;
}

.profile-account-editor-heading strong {
	color: var(--gw-text);
	font-size: 0.96rem;
	line-height: 1.15;
}

.profile-account-editor-heading small {
	color: var(--gw-muted);
	font-size: 0.76rem;
	font-weight: 700;
	line-height: 1.35;
}

.profile-privacy-form {
	display: grid;
	gap: 12px;
	padding: 12px;
	background:
		linear-gradient(135deg, rgba(73, 215, 255, 0.06), transparent 50%),
		rgba(7, 10, 14, 0.44);
	border: 1px solid rgba(116, 139, 167, 0.2);
	border-radius: 8px;
}

.profile-account-privacy {
	display: grid;
	gap: 12px;
	margin-top: 16px;
	margin-bottom: 16px;
}

.profile-account-edit,
.profile-account-newsletter,
.profile-account-channel {
	display: grid;
	gap: 12px;
	margin-top: 16px;
	margin-bottom: 16px;
}

.profile-account-disclosure-toggle {
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	cursor: pointer;
	list-style: none;
}

.profile-account-disclosure-toggle::-webkit-details-marker {
	display: none;
}

.profile-account-disclosure-toggle::marker {
	content: "";
}

.profile-account-disclosure-copy {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.profile-account-disclosure-icons {
	display: inline-grid;
	place-items: center;
	width: 34px;
	height: 34px;
	background: rgba(7, 10, 14, 0.52);
	border: 1px solid var(--gw-line);
	border-radius: 7px;
}

.profile-account-editor-heading .profile-account-disclosure-icons {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	text-transform: none;
}

.profile-account-disclosure-icon {
	width: 18px;
	height: 18px;
	filter: brightness(0) invert(1);
	opacity: 0.86;
}

.profile-account-privacy[open] .profile-account-disclosure-icon-closed,
.profile-account-edit[open] .profile-account-disclosure-icon-closed,
.profile-account-video[open] .profile-account-disclosure-icon-closed,
.profile-account-newsletter[open] .profile-account-disclosure-icon-closed,
.profile-account-notifications[open] .profile-account-disclosure-icon-closed,
.profile-account-channel[open] .profile-account-disclosure-icon-closed,
.profile-account-privacy:not([open]) .profile-account-disclosure-icon-open,
.profile-account-edit:not([open]) .profile-account-disclosure-icon-open,
.profile-account-video:not([open]) .profile-account-disclosure-icon-open,
.profile-account-newsletter:not([open]) .profile-account-disclosure-icon-open,
.profile-account-notifications:not([open]) .profile-account-disclosure-icon-open,
.profile-account-channel:not([open]) .profile-account-disclosure-icon-open {
	display: none;
}

.profile-account-disclosure-toggle:focus-visible {
	outline: 2px solid rgba(73, 215, 255, 0.78);
	outline-offset: 3px;
}

.profile-account-video {
	display: grid;
	gap: 12px;
	margin-top: 16px;
}

.profile-account-video .video-account-summary {
	margin: 0;
}

.profile-account-video-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.profile-privacy-actions {
	display: flex;
	justify-content: flex-start;
}

.profile-privacy-summary {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
}

.profile-privacy-summary article,
.profile-privacy-note,
.profile-privacy-control {
	min-width: 0;
	padding: 12px;
	background: rgba(7, 10, 14, 0.46);
	border: 1px solid var(--gw-line);
	border-radius: 8px;
}

.profile-privacy-summary article {
	display: grid;
	gap: 4px;
}

.profile-privacy-summary span,
.profile-privacy-note strong,
.profile-privacy-control legend strong {
	color: var(--gw-gold);
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.profile-privacy-summary strong {
	color: var(--gw-text);
	font-size: 0.94rem;
}

.profile-privacy-control {
	display: grid;
	gap: 10px;
}

.profile-privacy-control legend {
	display: grid;
	gap: 4px;
	width: 100%;
	margin-bottom: 10px;
	color: var(--gw-muted);
	font-size: 0.78rem;
	line-height: 1.35;
}

.profile-privacy-options {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 7px;
}

.profile-privacy-options label {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 8px 10px;
	color: var(--gw-text);
	background: rgba(21, 29, 41, 0.78);
	border: 1px solid var(--gw-line);
	border-radius: 7px;
	font-size: 0.74rem;
	font-weight: 900;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
}

.profile-privacy-options label.is-public {
	color: #061018;
	background: rgba(73, 215, 255, 0.18);
	border-color: rgba(73, 215, 255, 0.56);
	box-shadow: inset 0 0 0 1px rgba(73, 215, 255, 0.08);
}

.profile-privacy-options label.is-friends {
	color: #061018;
	background: rgba(66, 223, 131, 0.22);
	border-color: rgba(66, 223, 131, 0.62);
	box-shadow: inset 0 0 0 1px rgba(66, 223, 131, 0.1);
}

.profile-privacy-options label.is-private {
	color: #ffd7dc;
	background: rgba(239, 113, 128, 0.16);
	border-color: rgba(239, 113, 128, 0.55);
	box-shadow: inset 0 0 0 1px rgba(239, 113, 128, 0.08);
}

.profile-privacy-options input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.profile-privacy-options label.is-public:has(input:checked) {
	color: #061018;
	background: var(--gw-accent);
	border-color: rgba(215, 248, 255, 0.95);
	box-shadow: 0 0 16px rgba(73, 215, 255, 0.28);
}

.profile-privacy-options label.is-friends:has(input:checked) {
	color: #061018;
	background: #42df83;
	border-color: rgba(210, 255, 226, 0.95);
	box-shadow: 0 0 16px rgba(66, 223, 131, 0.3);
}

.profile-privacy-options label.is-private:has(input:checked) {
	color: #fff;
	background: var(--gw-danger);
	border-color: rgba(255, 190, 198, 0.86);
	box-shadow: 0 0 16px rgba(239, 113, 128, 0.28);
}

.profile-privacy-note {
	display: grid;
	gap: 4px;
	color: var(--gw-muted);
	font-size: 0.78rem;
	line-height: 1.35;
}

.profile-ranks-panel .rank-panel {
	margin: 0;
	box-shadow: none;
}

.profile-rank-layout {
	display: grid;
	gap: 14px;
}

.profile-rank-list {
	overflow: visible;
	padding: 18px;
	background: rgba(7, 10, 14, 0.5);
	border: 1px solid var(--gw-line);
	border-radius: 8px;
}

.profile-rank-list .rank-section-heading h2 {
	margin: 5px 0 0;
	color: var(--gw-text);
	text-align: left;
}

.profile-help-intro {
	display: grid;
	gap: 5px;
	margin-bottom: 14px;
	padding: 14px;
	background: rgba(7, 10, 14, 0.5);
	border: 1px solid var(--gw-line);
	border-radius: 8px;
}

.profile-help-intro strong {
	color: var(--gw-text);
}

.profile-help-intro span {
	color: var(--gw-muted);
}

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

.profile-help-grid .help-panel {
	box-shadow: none;
}

.profile-following-summary {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 14px;
}

.profile-following-summary article {
	padding: 14px;
	background: rgba(7, 10, 14, 0.5);
	border: 1px solid var(--gw-line);
	border-radius: 8px;
}

.profile-following-summary span {
	display: block;
	color: var(--gw-muted);
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.profile-following-summary strong {
	display: block;
	margin-top: 4px;
	color: var(--gw-gold);
	font-size: 1.7rem;
	line-height: 1;
}

.profile-social-identity {
	display: grid;
	gap: 0;
	margin-bottom: 14px;
	overflow: hidden;
	background:
		linear-gradient(135deg, rgba(73, 215, 255, 0.08), rgba(242, 189, 87, 0.08)),
		rgba(7, 10, 14, 0.52);
	border: 1px solid rgba(116, 139, 167, 0.24);
	border-radius: 8px;
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.16);
}

.profile-social-identity-banner {
	display: block;
	width: 100%;
	aspect-ratio: 10 / 1;
	height: auto;
	min-height: 112px;
	background: rgba(7, 10, 14, 0.58);
	object-fit: fill;
}

.profile-social-identity-body {
	display: grid;
	grid-template-columns: 82px minmax(0, 1fr) auto;
	gap: 14px;
	align-items: end;
	margin-top: -28px;
	padding: 0 14px 14px;
}

.profile-social-identity-avatar {
	display: inline-flex;
	width: 82px;
	height: 82px;
	overflow: hidden;
	background: #081018;
	border: 3px solid rgba(7, 10, 14, 0.9);
	border-radius: 50%;
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28);
}

.profile-social-identity-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.profile-social-identity-copy {
	display: grid;
	gap: 5px;
	min-width: 0;
	padding-top: 30px;
}

.profile-social-identity-copy h2 {
	margin: 0;
	color: var(--gw-text);
	font-size: 1.35rem;
	line-height: 1.1;
	overflow-wrap: anywhere;
}

.profile-social-identity-copy p {
	margin: 0;
	color: var(--gw-muted);
	font-size: 0.82rem;
	font-weight: 800;
	line-height: 1.35;
}

.profile-social-identity-games {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.profile-social-identity-games span {
	display: inline-flex;
	max-width: 100%;
	padding: 4px 8px;
	color: #061018;
	background: var(--gw-gold);
	border: 1px solid #ffe2a1;
	border-radius: 999px;
	font-size: 0.66rem;
	font-weight: 900;
	line-height: 1.15;
	overflow-wrap: anywhere;
}

.profile-social-identity-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 8px;
	padding-bottom: 2px;
}

.profile-social-hub {
	display: grid;
	gap: 12px;
	margin-bottom: 14px;
	padding: 14px;
	background:
		linear-gradient(135deg, rgba(73, 215, 255, 0.08), transparent 54%),
		rgba(7, 10, 14, 0.46);
	border: 1px solid var(--gw-line);
	border-radius: 8px;
}

.profile-social-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 12px;
	background: rgba(21, 29, 41, 0.52);
	border: 1px solid rgba(116, 139, 167, 0.18);
	border-radius: 8px;
}

.profile-social-heading h2 {
	margin: 3px 0 0;
	color: var(--gw-text);
	font-size: 1.05rem;
	line-height: 1.15;
}

.profile-social-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 8px;
}

.profile-social-stat-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
}

.profile-social-stat {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	gap: 2px 9px;
	min-width: 0;
	padding: 12px;
	color: var(--gw-text) !important;
	background: rgba(7, 10, 14, 0.42);
	border: 1px solid rgba(116, 139, 167, 0.2);
	border-radius: 8px;
	text-decoration: none;
}

.profile-social-stat:hover,
.profile-social-stat:focus {
	background: rgba(73, 215, 255, 0.08);
	border-color: rgba(73, 215, 255, 0.42);
	outline: none;
}

.profile-social-stat.is-hot {
	border-color: rgba(242, 189, 87, 0.64);
	box-shadow: inset 4px 0 0 var(--gw-gold);
}

.profile-social-stat.is-live {
	border-color: rgba(66, 223, 131, 0.58);
	box-shadow: inset 4px 0 0 #42df83;
}

.profile-social-stat img {
	grid-row: span 3;
	width: 34px;
	height: 34px;
	padding: 7px;
	background: rgba(73, 215, 255, 0.1);
	border: 1px solid rgba(73, 215, 255, 0.24);
	border-radius: 8px;
	filter: brightness(0) invert(1);
}

.profile-social-stat span,
.profile-social-stat small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.profile-social-stat span {
	color: var(--gw-gold);
	font-size: 0.66rem;
	font-weight: 900;
	text-transform: uppercase;
}

.profile-social-stat strong {
	color: var(--gw-text);
	font-size: 1.05rem;
	line-height: 1.15;
}

.profile-social-stat small {
	color: var(--gw-muted);
	font-size: 0.68rem;
	font-weight: 800;
}

.profile-following-strip,
.profile-following-empty {
	margin-bottom: 14px;
	box-shadow: none;
}

.profile-following-cells {
	display: grid;
	gap: 12px;
	margin-bottom: 14px;
	padding: 14px;
	background: rgba(7, 10, 14, 0.46);
	border: 1px solid var(--gw-line);
	border-radius: 8px;
}

.profile-friends-cells,
.profile-watched-cells {
	margin-bottom: 14px;
}

.profile-social-count {
	align-self: center;
	color: var(--gw-gold);
	font-size: 0.75rem;
	font-weight: 900;
	text-transform: uppercase;
	white-space: nowrap;
}

.profile-social-activity-list {
	display: grid;
	gap: 8px;
}

.profile-social-activity-item {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr);
	gap: 10px;
	align-items: center;
	min-width: 0;
	padding: 10px;
	color: var(--gw-text) !important;
	background: rgba(21, 29, 41, 0.72);
	border: 1px solid rgba(116, 139, 167, 0.22);
	border-left: 4px solid rgba(73, 215, 255, 0.72);
	border-radius: 8px;
	text-decoration: none;
}

.profile-social-activity-item:hover,
.profile-social-activity-item:focus {
	background: rgba(73, 215, 255, 0.08);
	border-color: rgba(73, 215, 255, 0.5);
	outline: none;
}

.profile-social-activity-item img {
	width: 38px;
	height: 38px;
	padding: 8px;
	background: rgba(7, 10, 14, 0.62);
	border: 1px solid rgba(116, 139, 167, 0.28);
	border-radius: 8px;
	filter: brightness(0) invert(1);
	object-fit: contain;
}

.profile-social-activity-item span {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.profile-social-activity-item small,
.profile-social-activity-item strong,
.profile-social-activity-item em {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.profile-social-activity-item small {
	color: var(--gw-gold);
	font-size: 0.66rem;
	font-weight: 900;
	text-transform: uppercase;
}

.profile-social-activity-item strong {
	color: var(--gw-text);
	font-size: 0.9rem;
}

.profile-social-activity-item em {
	color: var(--gw-muted);
	font-size: 0.72rem;
	font-style: normal;
	font-weight: 800;
}

.profile-steam-friends-refresh {
	margin: 0;
}

.profile-warrior-directory-heading {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
}

.profile-warrior-directory-heading .site-card-heading {
	flex: 1 1 auto;
	margin-bottom: 0;
}

.profile-warrior-directory-tools,
.profile-warrior-card-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 7px;
}

.profile-warrior-directory-tools {
	flex: 0 0 auto;
	justify-content: flex-end;
}

.profile-warrior-directory-tools form {
	margin: 0;
}

.profile-warrior-card-grid {
	max-height: none;
	overflow: visible;
	padding-right: 0;
}

.profile-warrior-card .channels-card-body {
	grid-template-rows: auto auto auto minmax(0, 1fr) auto;
	height: 100%;
}

.profile-warrior-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	min-height: 24px;
}

.profile-warrior-tag {
	display: inline-flex;
	align-items: center;
	min-height: 22px;
	padding: 3px 7px;
	color: var(--gw-muted);
	background: rgba(7, 10, 14, 0.56);
	border: 1px solid var(--gw-line);
	border-radius: 999px;
	font-size: 0.62rem;
	font-weight: 900;
	line-height: 1;
	text-transform: uppercase;
	white-space: nowrap;
}

.profile-warrior-tag.is-steam {
	color: #061018;
	background: var(--gw-accent);
	border-color: rgba(183, 242, 255, 0.82);
}

.profile-warrior-tag.is-friend {
	color: #061018;
	background: var(--gw-gold);
	border-color: #ffe2a1;
}

.profile-warrior-tag.is-watching {
	color: #f5fbff;
	background: rgba(56, 168, 111, 0.7);
	border-color: rgba(125, 232, 171, 0.6);
}

.profile-warrior-card-actions {
	align-self: end;
	margin-top: 4px;
}

.profile-warrior-card-actions form,
.profile-warrior-card-actions button {
	min-width: 0;
}

.profile-warrior-card-actions button {
	white-space: nowrap;
}

.profile-friend-cell-grid,
.profile-watched-cell-grid,
.profile-warrior-cell-grid {
	display: grid;
	gap: 8px;
	max-height: 360px;
	overflow: auto;
	padding-right: 4px;
	scrollbar-width: thin;
	scrollbar-color: var(--gw-line-strong) rgba(7, 10, 14, 0.46);
}

.profile-warrior-cell-grid {
	max-height: 420px;
}

.profile-watched-cell-grid {
	max-height: 360px;
}

.profile-warrior-cell {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	min-width: 0;
	padding: 10px;
	background: rgba(21, 29, 41, 0.74);
	border: 1px solid rgba(116, 139, 167, 0.22);
	border-radius: 8px;
}

.profile-warrior-cell.is-live {
	border-color: rgba(255, 185, 71, 0.5);
	box-shadow: inset 3px 0 0 var(--gw-gold);
}

.profile-warrior-cell-main {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	min-width: 0;
	color: var(--gw-text) !important;
	text-decoration: none;
}

.profile-warrior-avatar {
	display: inline-flex;
	width: 44px;
	height: 44px;
	overflow: hidden;
	background: #081018;
	border: 1px solid var(--gw-line-strong);
	border-radius: 50%;
}

.profile-warrior-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.profile-warrior-cell-main span:last-child {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.profile-warrior-cell-main strong,
.profile-warrior-cell-main small,
.profile-warrior-cell-main em {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.profile-warrior-cell-main strong {
	color: var(--gw-accent);
	font-size: 0.94rem;
	text-decoration: underline;
}

.profile-warrior-cell-main small {
	color: var(--gw-gold);
	font-size: 0.68rem;
	font-weight: 850;
}

.profile-warrior-cell-main em {
	color: var(--gw-muted);
	font-size: 0.7rem;
	font-style: normal;
}

.profile-warrior-watch-badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	width: fit-content;
	max-width: 100%;
	padding: 2px 6px;
	color: #061018;
	background: var(--gw-gold);
	border: 1px solid #ffe2a1;
	border-radius: 999px;
	font-size: 0.62rem;
	font-weight: 900;
	line-height: 1.1;
	text-transform: uppercase;
	white-space: nowrap;
}

.profile-warrior-watch-badge img {
	width: 12px;
	height: 12px;
	filter: brightness(0) saturate(100%) invert(7%) sepia(16%) saturate(1716%) hue-rotate(159deg) brightness(92%) contrast(96%);
}

.profile-warrior-cell-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 7px;
}

.profile-warrior-cell-actions form {
	margin: 0;
}

.profile-warrior-cell-actions .profile-warrior-action,
.profile-warrior-cell-actions button,
.profile-warrior-status {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	min-width: 70px;
	min-height: 31px;
	padding: 5px 9px;
	color: #061018 !important;
	background: var(--gw-accent) !important;
	border: 1px solid rgba(183, 242, 255, 0.82) !important;
	border-radius: 7px;
	font-size: 0.68rem;
	font-weight: 900;
	line-height: 1.1;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}

.profile-warrior-cell-actions .profile-warrior-action,
.profile-warrior-cell-actions button {
	cursor: pointer;
}

.profile-warrior-cell-actions .site-button--muted,
.profile-warrior-cell-actions .site-button--danger,
.profile-warrior-status:not(.is-friend) {
	color: var(--gw-text) !important;
	background: rgba(7, 10, 14, 0.7) !important;
	border-color: var(--gw-line) !important;
}

.profile-warrior-cell-actions .site-button--danger {
	color: #ffe3e3 !important;
	border-color: rgba(255, 137, 137, 0.45) !important;
}

.profile-warrior-cell-actions .site-button--primary {
	color: #061018 !important;
	background: var(--gw-accent) !important;
	border-color: rgba(183, 242, 255, 0.82) !important;
}

.profile-warrior-status img {
	width: 13px;
	height: 13px;
}

.profile-following-grid {
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
}

.profile-community-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	margin-bottom: 14px;
}

.profile-community-actions .profile-action-link {
	margin-top: 0;
}

.profile-community-categories {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 8px;
	margin-bottom: 14px;
}

.profile-community-categories a {
	display: grid;
	gap: 4px;
	padding: 12px;
	color: var(--gw-text) !important;
	background: rgba(7, 10, 14, 0.5);
	border: 1px solid var(--gw-line);
	border-radius: 8px;
	text-decoration: none;
}

.profile-community-categories a:hover,
.profile-community-categories a:focus {
	background: rgba(73, 215, 255, 0.1);
	border-color: rgba(73, 215, 255, 0.55);
	outline: none;
}

.profile-community-categories strong {
	overflow: hidden;
	color: var(--gw-text);
	text-overflow: ellipsis;
	white-space: nowrap;
}

.profile-community-categories span,
.profile-community-section-heading span {
	color: var(--gw-muted);
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.profile-community-section-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 10px;
}

.profile-community-section-heading strong {
	color: var(--gw-gold);
	font-size: 0.8rem;
	text-transform: uppercase;
}

.profile-community-topic-card {
	display: grid;
	gap: 0;
	overflow: hidden;
	background: rgba(7, 10, 14, 0.58);
	border: 1px solid rgba(116, 139, 167, 0.26);
	border-radius: 8px;
}

.profile-community-topic-card > .profile-forum-item {
	background: transparent;
	border: 0;
	border-radius: 0;
}

.profile-community-topic-card:hover,
.profile-community-topic-card:focus-within {
	background: rgba(73, 215, 255, 0.08);
	border-color: rgba(73, 215, 255, 0.45);
}

.profile-community-topic-replies {
	display: grid;
	gap: 6px;
	margin: 0;
	padding: 10px 14px 12px;
	border-top: 1px solid rgba(116, 139, 167, 0.2);
}

.profile-community-topic-replies summary {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	width: 100%;
	padding: 8px 10px;
	color: var(--gw-text);
	background: rgba(7, 10, 14, 0.56);
	border: 1px solid rgba(73, 215, 255, 0.24);
	border-radius: 7px;
	cursor: pointer;
	list-style: none;
}

.profile-community-topic-replies summary::-webkit-details-marker {
	display: none;
}

.profile-community-topic-replies summary::marker {
	content: "";
}

.profile-community-topic-replies summary .profile-community-reply-count {
	color: var(--gw-gold);
	font-size: 0.68rem;
	font-weight: 900;
	text-transform: uppercase;
}

.profile-community-topic-replies summary strong {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--gw-accent);
	font-size: 0.76rem;
	font-weight: 900;
	text-transform: uppercase;
}

.profile-community-topic-replies summary strong span {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	text-transform: inherit;
}

.profile-community-reply-hide,
.profile-community-topic-replies[open] .profile-community-reply-show {
	display: none;
}

.profile-community-topic-replies[open] .profile-community-reply-hide {
	display: inline;
}

.profile-community-reply-icons {
	display: inline-grid;
	place-items: center;
	width: 20px;
	height: 20px;
}

.profile-community-reply-icon {
	width: 16px;
	height: 16px;
	filter: brightness(0) invert(1);
	opacity: 0.88;
}

.profile-community-topic-replies[open] .profile-community-reply-icon-closed,
.profile-community-topic-replies:not([open]) .profile-community-reply-icon-open {
	display: none;
}

.profile-community-reply-panel {
	display: grid;
	gap: 8px;
	padding-top: 8px;
}

.profile-community-topic-reply {
	display: grid;
	gap: 4px;
	padding: 10px 12px;
	color: var(--gw-text) !important;
	background: rgba(21, 29, 40, 0.72);
	border: 1px solid rgba(73, 215, 255, 0.22);
	border-left: 4px solid var(--gw-accent);
	border-radius: 7px;
	text-decoration: none;
}

.profile-community-topic-reply:hover,
.profile-community-topic-reply:focus {
	background: rgba(73, 215, 255, 0.1);
	border-color: rgba(73, 215, 255, 0.5);
	outline: none;
}

.profile-community-topic-reply span {
	color: var(--gw-gold);
	font-size: 0.68rem;
	font-weight: 900;
	text-transform: uppercase;
}

.profile-community-topic-reply strong {
	color: var(--gw-text);
	font-size: 0.84rem;
	overflow-wrap: anywhere;
}

.profile-community-topic-reply small {
	color: var(--gw-muted);
	font-size: 0.76rem;
}

.profile-community-reply-form {
	display: grid;
	gap: 8px;
	margin-top: 2px;
	padding: 10px;
	background: rgba(4, 8, 13, 0.48);
	border: 1px solid rgba(116, 139, 167, 0.22);
	border-radius: 7px;
}

.profile-community-reply-form label {
	color: var(--gw-gold);
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.profile-community-reply-form textarea {
	width: 100%;
	min-height: 86px;
	padding: 10px;
	color: var(--gw-text);
	background: rgba(7, 10, 14, 0.72);
	border: 1px solid rgba(116, 139, 167, 0.32);
	border-radius: 7px;
	resize: vertical;
}

.profile-community-reply-form button,
.profile-community-login-reply {
	justify-self: start;
}

@media (max-width: 980px) {
	.profile-account-hub {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

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

@media (max-width: 720px) {
	.profile-tabs {
		display: flex;
		overflow-x: auto;
		scrollbar-width: thin;
	}

	.profile-tabs button {
		flex: 0 0 auto;
		min-width: 104px;
	}

	.profile-dashboard-page-nav-links {
		padding-bottom: 2px;
	}

	.profile-dashboard-page-nav-links a {
		flex: 0 0 auto;
	}

	.creator-return-link {
		max-width: 132px;
	}

	.channel-manage-nav {
		display: flex;
		overflow-x: auto;
		scrollbar-width: thin;
	}

	.channel-manage-nav a {
		flex: 0 0 auto;
		min-width: 116px;
	}

	.channel-manage-grid {
		grid-template-columns: 1fr;
	}

	.profile-account-hub {
		grid-template-columns: 1fr;
	}

	.profile-account-hub .profile-account-tile {
		grid-template-columns: 40px minmax(0, 1fr);
	}

	.profile-username-reminder {
		grid-template-columns: 1fr;
	}

	.profile-account-identity-grid {
		grid-template-columns: 1fr;
	}

	.profile-account-contact-grid {
		grid-template-columns: 1fr;
	}

	.profile-self-snapshot-heading {
		align-items: stretch;
		flex-direction: column;
	}

	.profile-self-snapshot-grid {
		grid-template-columns: 1fr;
	}

	.profile-privacy-summary,
	.profile-privacy-options {
		grid-template-columns: 1fr;
	}

	.profile-account-header-cell {
		display: none;
	}

	.profile-account-tile {
		min-height: 96px;
		border-right: 0;
	}

	.profile-account-tile::before {
		display: block;
	}

	.profile-favorite-games-editor {
		grid-template-columns: 1fr;
	}

	.profile-help-grid {
		grid-template-columns: 1fr;
	}

	.profile-social-heading {
		align-items: stretch;
		flex-direction: column;
	}

	.profile-social-identity-banner {
		min-height: 104px;
	}

	.profile-social-identity-body {
		grid-template-columns: 64px minmax(0, 1fr);
		align-items: start;
		margin-top: -22px;
	}

	.profile-social-identity-avatar {
		width: 64px;
		height: 64px;
	}

	.profile-social-identity-copy {
		padding-top: 24px;
	}

	.profile-social-identity-actions {
		grid-column: 1 / -1;
		justify-content: flex-start;
		padding-bottom: 0;
	}

	.profile-social-actions {
		justify-content: flex-start;
	}

	.profile-social-stat-grid {
		grid-template-columns: 1fr;
	}

	.profile-following-summary {
		grid-template-columns: 1fr;
	}

	.profile-warrior-cell {
		grid-template-columns: 1fr;
		align-items: stretch;
	}

	.profile-warrior-cell-actions {
		justify-content: flex-start;
	}

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

.profile-form {
	display: grid;
	gap: 10px;
}

.profile-form label {
	margin: 0;
	color: #dbc39f;
	font-size: 0.86rem;
	text-transform: uppercase;
}

.profile-form input,
.profile-form select {
	width: 100%;
	padding: 12px 14px;
	color: white;
	background-color: #101112;
	border: 1px solid #3f4651;
	border-radius: 6px;
	font-size: 1rem;
}

.profile-form input:focus,
.profile-form select:focus {
	border-color: #ffb320;
	outline: none;
	box-shadow: 0 0 0 3px rgba(255, 179, 32, 0.12);
}

.profile-form .profile-inline-check {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	width: fit-content;
	color: #f2e7d3;
	text-transform: none;
}

.profile-form .profile-inline-check input[type="checkbox"] {
	width: 16px;
	height: 16px;
	margin: 0;
	padding: 0;
	accent-color: #ffb320;
}

.profile-form button {
	justify-self: start;
	padding: 12px 18px;
	color: #111;
	background-color: #ffb320;
	border: none;
	border-radius: 6px;
	font-weight: 800;
}

.profile-action-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 12px;
	padding: 12px 18px;
	color: #111;
	background-color: #ffb320;
	border-radius: 6px;
	font-size: 0.95rem;
	font-weight: 800;
	text-decoration: none;
	transition: background-color 0.2s, transform 0.2s;
}

.profile-action-link:hover {
	background-color: #ffd06c;
	transform: translateY(-1px);
}

.profile-download-list {
	max-height: 260px;
	margin: 0;
	overflow-y: auto;
	padding-right: 2px;
	scrollbar-width: none;
}

.profile-download-list::-webkit-scrollbar {
	display: none;
}

.profile-download-list .file-name {
	display: grid;
	gap: 2px;
}

.profile-download-list .file-name small {
	color: #9fb0c2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.78rem;
	font-weight: normal;
}

.profile-video-storage-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	margin-bottom: 14px;
}

.profile-video-storage-actions .profile-action-link {
	margin-top: 0;
}

.profile-video-download-list {
	display: grid;
	gap: 8px;
}

.profile-video-download-list article {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 11px 12px;
	background: rgba(7, 10, 14, 0.72);
	border: 1px solid var(--gw-line);
	border-radius: 8px;
}

.profile-video-download-list article > div:first-child {
	display: grid;
	min-width: 0;
	gap: 4px;
}

.profile-video-download-list strong {
	overflow: hidden;
	color: var(--gw-text);
	text-overflow: ellipsis;
	white-space: nowrap;
}

.profile-video-download-list span {
	color: var(--gw-muted);
	font-size: 0.78rem;
}

.profile-video-download-list article > div:last-child {
	display: flex;
	flex: 0 0 auto;
	gap: 7px;
}

.profile-video-download-list .site-icon-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 7px;
	background: var(--gw-gold);
	border: 1px solid #ffe2a1;
	border-radius: 7px;
}

.profile-video-download-list .site-icon-button img {
	width: 19px;
	height: 19px;
}

@media screen and (max-width: 620px) {
	.profile-video-storage-actions,
	.profile-video-download-list article {
		align-items: stretch;
		flex-direction: column;
	}

	.profile-video-storage-actions .profile-action-link {
		width: 100%;
	}

	.profile-video-download-list article > div:last-child {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.profile-video-download-list .site-icon-button {
		width: 100%;
	}
}

.profile-channel-list {
	display: grid;
	gap: 10px;
}

.profile-channel-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px;
	background-color: #101112;
	border: 1px solid #31373f;
	border-radius: 8px;
}

.profile-channel-item h4 {
	margin: 0 0 4px;
	color: #f8efe2;
	font-size: 1rem;
	text-align: left;
	overflow-wrap: anywhere;
}

.profile-channel-item p {
	margin: 0;
	color: #9fb0c2;
	text-align: left;
}

.profile-channel-item a {
	flex: 0 0 auto;
	color: #061018 !important;
	background-color: #f2bd57;
	border: 1px solid #ffe2a1;
	border-radius: 6px;
	padding: 9px 12px;
	font-size: 0.82rem;
	font-weight: 900;
	text-decoration: none;
	text-transform: uppercase;
}

.profile-video-form {
	margin-bottom: 20px;
}

.profile-live-feed {
	display: grid;
	gap: 12px;
	margin-top: 24px;
	margin-bottom: 24px;
	padding-top: 22px;
	padding-bottom: 24px;
	border-top: 1px solid rgba(116, 139, 167, 0.26);
	border-bottom: 1px solid rgba(116, 139, 167, 0.26);
}

.profile-live-feed-form {
	display: grid;
	gap: 9px;
	padding: 15px;
	background: rgba(7, 10, 14, 0.48);
	border: 1px solid rgba(116, 139, 167, 0.26);
	border-radius: 8px;
}

.live-feed-provider-options {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.live-feed-provider-options span {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 7px 10px;
	color: var(--gw-muted);
	background: rgba(7, 10, 14, 0.48);
	border: 1px solid var(--gw-line);
	border-radius: 999px;
	font-size: 0.74rem;
	font-weight: 900;
}

.live-feed-provider-options img {
	width: 20px;
	height: 20px;
	filter: brightness(0) invert(1);
}

.profile-live-feed-form input[type="url"] {
	width: 100%;
	padding: 12px 14px;
	color: #e7edf5;
	background: rgba(7, 10, 14, 0.88);
	border: 1px solid rgba(116, 139, 167, 0.26);
	border-radius: 8px;
	font-size: 1rem;
}

.profile-live-feed-form input[type="url"]:focus {
	border-color: #49d7ff;
	outline: none;
	box-shadow: 0 0 0 3px rgba(73, 215, 255, 0.15);
}

.profile-live-feed-hint {
	margin-top: -4px;
	color: var(--gw-muted);
	font-size: 0.76rem;
	font-weight: 800;
	line-height: 1.35;
}

.profile-live-feed-status {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 9px;
	padding: 11px 12px;
	color: #9fb0c2;
	background: rgba(7, 10, 14, 0.55);
	border: 1px solid rgba(116, 139, 167, 0.26);
	border-radius: 8px;
}

.profile-live-feed-status strong {
	color: #f2bd57;
}

.profile-live-feed-status span {
	flex: 1 1 280px;
	overflow-wrap: anywhere;
}

.profile-live-feed-status form {
	margin: 0;
}

.profile-live-feed-status button {
	padding: 8px 11px;
	color: #fff !important;
	background: #a82e3b !important;
	border: 1px solid #d85a68;
	border-radius: 6px;
	font-weight: 900;
	cursor: pointer;
}

.profile-video-drop {
	display: grid;
	place-items: center;
	min-height: 118px;
	padding: 18px;
	color: #f8efe2;
	background-color: #101112;
	border: 2px dashed #3f4651;
	border-radius: 8px;
	text-align: center;
	cursor: pointer;
	transition: border-color 0.2s, background-color 0.2s, box-shadow 0.2s;
}

.profile-video-drop strong {
	display: block;
	font-size: 1.05rem;
}

.profile-video-drop span {
	display: block;
	margin-top: 4px;
	color: #9fb0c2;
	font-size: 0.9rem;
}

.profile-video-drop:hover,
.profile-video-drop:focus,
.profile-video-drop.is-dragover {
	background-color: #15191e;
	border-color: #ffb320;
	outline: none;
	box-shadow: 0 0 0 3px rgba(255, 179, 32, 0.12);
}

.profile-video-file {
	margin-top: -2px;
	overflow-wrap: anywhere;
}

.profile-video-upload-status {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 14px;
	color: var(--gw-muted);
	background: rgba(7, 10, 14, 0.62);
	border: 1px solid rgba(73, 215, 255, 0.28);
	border-radius: 8px;
}

.profile-video-upload-status[hidden] {
	display: none;
}

.profile-video-upload-status img {
	width: 28px;
	height: 28px;
	color: var(--gw-accent);
	animation: profile-video-upload-spin 0.9s linear infinite;
}

.profile-video-upload-status span {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.profile-video-upload-status strong {
	color: var(--gw-text);
}

.profile-video-upload-status small {
	color: var(--gw-muted);
	line-height: 1.35;
}

.profile-video-form.is-uploading .profile-video-drop {
	cursor: wait;
	opacity: 0.78;
}

@keyframes profile-video-upload-spin {
	to {
		transform: rotate(360deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	.profile-video-upload-status img {
		animation: none;
	}
}

.profile-form button:disabled,
.profile-video-form input:disabled {
	cursor: not-allowed;
	opacity: 0.58;
}

.profile-subsection-heading {
	margin-top: 18px;
}

.video-account-page .channel-manage-panel {
	display: grid;
	gap: 14px;
}

.video-account-summary {
	display: grid;
	gap: 10px;
	padding: 12px;
	background:
		linear-gradient(135deg, rgba(73, 215, 255, 0.08), transparent 50%),
		rgba(7, 10, 14, 0.44);
	border: 1px solid rgba(116, 139, 167, 0.2);
	border-radius: 8px;
}

.video-account-summary.is-near-limit {
	border-color: rgba(242, 189, 87, 0.52);
	box-shadow: 0 0 0 1px rgba(242, 189, 87, 0.08);
}

.video-account-summary-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 12px;
	background: rgba(21, 29, 41, 0.52);
	border: 1px solid rgba(116, 139, 167, 0.18);
	border-radius: 8px;
}

.video-account-summary-heading h1,
.video-account-summary-heading h2,
.video-account-summary-heading small {
	margin: 0;
}

.video-account-summary-heading h1,
.video-account-summary-heading h2 {
	color: var(--gw-text);
	font-size: 1.35rem;
	line-height: 1.1;
}

.video-account-summary-heading small {
	display: block;
	margin-top: 4px;
	color: var(--gw-muted);
	font-size: 0.76rem;
	font-weight: 800;
}

.video-account-stat-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
}

.notifications-account-summary .video-account-stat-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.video-account-stat-grid article {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	gap: 2px 9px;
	min-width: 0;
	padding: 12px;
	background: rgba(7, 10, 14, 0.42);
	border: 1px solid rgba(116, 139, 167, 0.2);
	border-radius: 8px;
}

.video-account-stat-grid img {
	grid-row: span 3;
	width: 34px;
	height: 34px;
	padding: 7px;
	background: rgba(73, 215, 255, 0.1);
	border: 1px solid rgba(73, 215, 255, 0.24);
	border-radius: 8px;
	filter: brightness(0) invert(1);
}

.video-account-stat-grid span,
.video-account-stat-grid small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.video-account-stat-grid span {
	color: var(--gw-gold);
	font-size: 0.66rem;
	font-weight: 900;
	text-transform: uppercase;
}

.video-account-stat-grid strong {
	color: var(--gw-text);
	font-size: 0.92rem;
	line-height: 1.15;
	overflow-wrap: anywhere;
}

.video-account-stat-grid small {
	color: var(--gw-muted);
	font-size: 0.68rem;
	font-weight: 800;
}

.video-account-section {
	display: grid;
	gap: 10px;
}

.video-account-card {
	grid-template-columns: minmax(220px, 0.42fr) minmax(0, 1fr);
}

.video-account-card h3 {
	margin: 0;
	color: var(--gw-text);
	font-size: 1rem;
	line-height: 1.2;
}

.video-account-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 8px 0;
}

.video-account-links .site-button {
	min-height: 34px;
	padding: 7px 10px;
}

.profile-video-list {
	display: grid;
	gap: 14px;
}

.profile-video-card {
	display: grid;
	grid-template-columns: minmax(220px, 320px) minmax(0, 1fr);
	gap: 14px;
	padding: 14px;
	background-color: #101112;
	border: 1px solid #31373f;
	border-radius: 8px;
}

.profile-video-card video {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	background-color: #05070a;
	border: 1px solid #31373f;
	border-radius: 8px;
}

.profile-video-card h4 {
	margin: 0 0 6px;
	color: #f8efe2;
	font-size: 1.05rem;
	text-align: left;
	overflow-wrap: anywhere;
}

.profile-video-card p {
	margin: 0 0 10px;
	color: #8fa0a0;
	text-align: left;
}

.profile-video-card label {
	display: block;
	margin: 10px 0 5px;
	color: #dbc39f;
	font-size: 0.78rem;
	font-weight: 800;
	text-transform: uppercase;
}

.profile-video-card input,
.profile-video-card textarea {
	width: 100%;
	padding: 10px 12px;
	color: #d3dddd;
	background-color: #070a0e;
	border: 1px solid #31373f;
	border-radius: 6px;
	font-family: 'Courier New', Courier, monospace;
	font-size: 0.86rem;
	resize: vertical;
}

.profile-video-form select {
	width: 100%;
	padding: 10px 12px;
	color: #d3dddd;
	background-color: #070a0e;
	border: 1px solid #31373f;
	border-radius: 6px;
}

.video-storage-summary {
	display: grid;
	gap: 10px;
	margin: 16px 0;
	padding: 14px;
	background: rgba(4, 8, 13, 0.7);
	border: 1px solid rgba(73, 215, 255, 0.3);
	border-radius: 10px;
}

.video-storage-summary.is-near-limit {
	border-color: rgba(242, 189, 87, 0.75);
	box-shadow: inset 0 0 20px rgba(242, 189, 87, 0.08);
}

.video-storage-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.video-storage-heading span {
	color: var(--gw-accent);
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.video-storage-heading h2 {
	margin: 4px 0 0;
	font-size: 1.05rem;
	text-align: left;
}

.video-storage-heading > strong {
	flex: 0 0 auto;
	padding: 7px 10px;
	color: var(--gw-gold);
	background: rgba(242, 189, 87, 0.08);
	border: 1px solid rgba(242, 189, 87, 0.3);
	border-radius: 999px;
	font-size: 0.78rem;
}

.video-storage-meter {
	height: 12px;
	overflow: hidden;
	background: rgba(21, 29, 41, 0.95);
	border: 1px solid var(--gw-line);
	border-radius: 999px;
}

.video-storage-meter span {
	display: block;
	width: var(--video-storage-percent);
	height: 100%;
	background: linear-gradient(90deg, var(--gw-accent), var(--gw-gold));
	box-shadow: 0 0 12px rgba(73, 215, 255, 0.35);
}

.video-storage-summary p,
.video-storage-item-copy p {
	margin: 0;
	color: var(--gw-muted);
	text-align: left;
}

.video-storage-warning,
.video-storage-reference-warning {
	color: var(--gw-gold) !important;
	font-weight: 800;
}

.video-storage-list {
	display: grid;
	gap: 10px;
	margin-top: 14px;
}

.video-storage-item {
	display: grid;
	grid-template-columns: 180px minmax(0, 1fr) auto;
	align-items: center;
	gap: 14px;
	padding: 11px;
	background: rgba(7, 10, 14, 0.72);
	border: 1px solid var(--gw-line);
	border-radius: 9px;
}

.video-storage-item.is-posted {
	border-color: rgba(242, 189, 87, 0.5);
}

.video-storage-item video {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	background: #05070a;
	border-radius: 7px;
	object-fit: contain;
}

.video-storage-item-copy {
	display: grid;
	min-width: 0;
	gap: 5px;
}

.video-storage-item-copy > strong {
	overflow: hidden;
	color: var(--gw-text);
	text-overflow: ellipsis;
	white-space: nowrap;
}

.video-storage-item-copy > span {
	color: var(--gw-muted);
	font-size: 0.78rem;
}

.video-storage-reference-warning a {
	margin-left: 5px;
	color: var(--gw-accent);
}

.video-storage-actions {
	display: flex;
	align-items: center;
	gap: 8px;
}

.video-storage-actions form {
	margin: 0;
}

.video-storage-actions .site-icon-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 7px;
	background: var(--gw-gold);
	border: 1px solid #ffe2a1;
	border-radius: 7px;
}

.video-storage-actions .site-icon-button img {
	width: 19px;
	height: 19px;
}

.video-storage-actions .video-storage-delete {
	background: var(--gw-danger);
	border-color: rgba(255, 184, 190, 0.65);
}

.video-storage-actions .video-storage-delete img {
	filter: brightness(0) invert(1);
}

@media screen and (max-width: 760px) {
	.video-storage-heading,
	.video-storage-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.video-storage-heading > strong {
		align-self: flex-start;
	}

	.video-storage-item {
		grid-template-columns: 1fr;
	}

	.video-storage-actions {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.video-storage-actions .site-icon-button {
		width: 100%;
	}
}

.profile-video-blog-form {
	margin-top: 10px;
}

.profile-video-blog-form button {
	padding: 10px 14px;
	color: #111;
	background-color: #ffb320;
	border: 0;
	border-radius: 6px;
	font-weight: 800;
	cursor: pointer;
}

.profile-video-blog-form button:hover {
	background-color: #ffd06c;
}

.profile-video-owner-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 8px;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #31373f;
}

.profile-video-owner-actions > form {
	margin: 0;
}

.profile-video-editor {
	flex: 0 1 auto;
}

.profile-video-editor summary,
.profile-video-delete {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 8px 12px;
	border-radius: 6px;
	font-size: 0.78rem;
	font-weight: 900;
	text-transform: uppercase;
	cursor: pointer;
}

.profile-video-editor summary {
	color: #061018;
	background: #49d7ff;
	border: 1px solid #a2ecff;
	list-style: none;
}

.profile-video-editor summary::-webkit-details-marker {
	display: none;
}

.profile-video-editor[open] {
	flex-basis: 100%;
}

.profile-video-editor[open] summary {
	margin-bottom: 8px;
	background: #8be8ff;
}

.profile-video-editor form {
	display: grid;
	gap: 7px;
	max-width: 430px;
	padding: 11px;
	background: rgba(7, 10, 14, 0.72);
	border: 1px solid #3f4651;
	border-radius: 8px;
}

.profile-video-editor label {
	margin: 0;
}

.profile-video-editor input,
.profile-video-editor select {
	width: 100%;
	padding: 9px 10px;
	color: #e7edf5;
	background: #10151d;
	border: 1px solid #3f4651;
	border-radius: 6px;
	font: inherit;
}

.profile-video-editor button {
	justify-self: start;
	padding: 9px 12px;
	color: #061018;
	background: #f2bd57;
	border: 1px solid #ffe2a1;
	border-radius: 6px;
	font-weight: 900;
	cursor: pointer;
}

.profile-video-delete {
	color: #fff;
	background: #8d2432;
	border: 1px solid #c94a5d;
}

.profile-video-delete:hover,
.profile-video-delete:focus {
	background: #ad2d3f;
}

.profile-post-list .blog-post {
	margin-right: 0;
	margin-left: 0;
}

.profile-forum-list {
	margin-bottom: 12px;
}

.profile-forum-item > div > span {
	color: #49d7ff;
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.profile-forum-item > small {
	flex: 0 1 280px;
	max-width: 280px;
}

@media screen and (max-width: 700px) {
	.blog-container {
		padding: 16px;
	}

	.blog-search-form,
	.blog-editor-grid,
	.blog-media-list,
	.blog-toc ol {
		grid-template-columns: 1fr;
	}

	.blog-search-form button,
	.blog-search-form a {
		width: 100%;
	}

	.blog-hero {
		grid-template-columns: 1fr;
		padding: 20px;
	}

	.blog-hero h2 {
		font-size: 2rem;
	}

	.blog-stat {
		min-height: auto;
	}

	.blog-post-topline {
		display: grid;
	}

	.blog-editor,
	.blog-post,
	.blog-login-note,
	.blog-empty-state {
		padding: 18px;
	}

	.profile-video-card {
		grid-template-columns: 1fr;
	}

	.video-account-summary-heading {
		align-items: stretch;
		flex-direction: column;
	}

	.video-account-stat-grid {
		grid-template-columns: 1fr;
	}

	.notifications-account-summary .video-account-stat-grid {
		grid-template-columns: 1fr;
	}

	.profile-channel-item {
		display: grid;
	}

	.profile-overview-chart {
		padding: 10px;
	}

	.profile-overview-row,
	.profile-overview-chart-cells {
		grid-template-columns: 1fr;
	}

	.profile-overview-heading {
		display: none;
	}

	.profile-overview-item > span {
		border-right: 0;
	}

	.profile-overview-item > span::before {
		content: attr(data-cell-label);
		margin-right: 8px;
		color: var(--gw-gold);
		font-size: 0.68rem;
		font-weight: 900;
		text-transform: uppercase;
	}

	.profile-overview-area,
	.profile-overview-value,
	.profile-overview-detail,
	.profile-overview-open {
		justify-content: flex-start;
		text-align: left;
	}

	.profile-overview-line-graph {
		min-height: 150px;
	}

	.profile-overview-chart-cells > div {
		border-right: 1px solid var(--gw-line);
	}

	.profile-quick-actions a {
		flex: 1 1 140px;
	}

	.home-forum-item,
	.profile-forum-item,
	.home-forum-empty {
		display: grid;
	}

	.profile-forum-item > small {
		max-width: none;
	}
}

/* Admin */

.admin-page {
	padding-bottom: 70px;
}

.admin-page .admin-titlebar {
	width: 100%;
	min-height: 80px;
	height: auto;
}

.admin-page .admin-titlebar h1,
.admin-page .admin-titlebar h2 {
	margin: 0 0 6px;
	color: burlywood;
}

.admin-page .admin-titlebar p {
	margin: 0;
	color: rgb(140, 174, 174);
	text-align: center;
}

.admin-page .admin-layout {
	align-items: stretch;
	gap: 10px;
	width: 100%;
	overflow-x: hidden;
}

.admin-page .admin-content {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}

.admin-dashboard-heading {
	padding: 0 1px;
	background: transparent;
	text-align: left;
}

.admin-dashboard-heading span {
	color: coral;
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.admin-dashboard-heading h3 {
	margin: 3px 0 0;
	color: var(--gw-gold);
	text-align: left;
}

.admin-tabs {
	display: grid;
	grid-template-columns: repeat(9, minmax(0, 1fr));
	gap: 6px;
	margin: 0 0 15px;
	padding: 6px;
	background-color: rgba(7, 10, 14, 0.78);
	border: 1px solid #3f4651;
	border-radius: 10px;
}

.admin-tabs button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 42px;
	padding: 9px 10px;
	color: #c7d3d3 !important;
	background: transparent !important;
	border: 1px solid transparent;
	border-radius: 7px;
	font-size: 0.82rem;
	font-weight: 900;
	text-transform: uppercase;
	cursor: pointer;
}

.admin-tab-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 23px;
	height: 23px;
	padding: 0 7px;
	color: #061018;
	background: #9fb0c2;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 900;
	line-height: 1;
}

.admin-tabs button.has-items .admin-tab-count {
	background: #ef5a67;
	color: #fff;
	box-shadow: 0 0 10px rgba(239, 90, 103, 0.35);
}

.admin-tabs button:hover,
.admin-tabs button:focus {
	color: #f8efe2 !important;
	background: rgba(73, 215, 255, 0.1) !important;
	border-color: #3f4651;
	outline: none;
	transform: none;
}

.admin-tabs button.is-active {
	color: #061018 !important;
	background: linear-gradient(135deg, #49d7ff, #f2bd57) !important;
	border-color: #ffe2a1;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28);
}

.admin-tabs button.is-active .admin-tab-count {
	color: #f8efe2;
	background: #182330;
}

.admin-shoutout-form {
	display: grid;
	grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
	gap: 8px 12px;
	margin-bottom: 18px;
	padding: 14px;
	background: rgba(7, 10, 14, 0.62);
	border: 1px solid var(--gw-line);
	border-radius: 8px;
}

.admin-shoutout-form label {
	align-self: center;
	color: var(--gw-gold);
	font-weight: 900;
}

.admin-shoutout-form input,
.admin-shoutout-form textarea {
	width: 100%;
	box-sizing: border-box;
	padding: 10px 12px;
	color: var(--gw-text);
	background: rgba(4, 8, 13, 0.86);
	border: 1px solid var(--gw-line);
	border-radius: 6px;
	font: inherit;
}

.admin-shoutout-form textarea {
	resize: vertical;
}

.admin-shoutout-form button {
	grid-column: 2;
	justify-self: start;
}

.admin-shoutout-list {
	display: grid;
	gap: 10px;
}

.admin-shoutout-list article {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 14px;
	padding: 13px 14px;
	background: rgba(7, 10, 14, 0.62);
	border: 1px solid var(--gw-line);
	border-radius: 8px;
	text-align: left;
}

.admin-shoutout-list article > div {
	display: grid;
	gap: 4px;
	min-width: 0;
}

.admin-shoutout-list a {
	overflow-wrap: anywhere;
}

.admin-shoutout-list p {
	margin: 2px 0 0;
	color: var(--gw-muted);
	text-align: left;
}

.admin-category-suggestion-list { display: grid; gap: 12px; }
.admin-category-suggestion-list > article {
	display: grid;
	grid-template-columns: minmax(180px, 0.42fr) minmax(0, 1fr);
	gap: 16px;
	padding: 14px;
	background: rgba(7, 10, 14, 0.58);
	border: 1px solid var(--gw-line);
	border-radius: 8px;
}
.admin-category-suggestion-copy span,
.admin-category-suggestion-copy p { color: var(--gw-muted); font-size: 0.75rem; }
.admin-category-suggestion-copy h4 { margin: 5px 0; color: var(--gw-gold); }
.admin-category-suggestion-form {
	display: grid;
	grid-template-columns: minmax(130px, 0.35fr) minmax(0, 1fr);
	gap: 8px 10px;
}
.admin-category-suggestion-form label { color: var(--gw-gold); font-size: 0.72rem; font-weight: 900; }
.admin-category-suggestion-form input,
.admin-category-suggestion-form select,
.admin-category-suggestion-form textarea {
	width: 100%;
	padding: 9px 10px;
	color: var(--gw-text);
	background: rgba(7, 10, 14, 0.88);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
}
.admin-category-suggestion-form textarea,
.admin-category-suggestion-form > div { grid-column: 2; }
.admin-category-suggestion-form > div { display: flex; gap: 8px; }
.admin-category-history-heading { margin-top: 24px; }
.admin-category-decision-list { display: grid; gap: 10px; }
.admin-category-decision {
	display: grid;
	grid-template-columns: minmax(180px, 0.9fr) minmax(170px, 0.65fr) minmax(220px, 1fr);
	gap: 12px;
	padding: 12px;
	background: rgba(7, 10, 14, 0.45);
	border: 1px solid var(--gw-line);
	border-left: 4px solid var(--gw-muted);
	border-radius: 8px;
}
.admin-category-decision.is-approved { border-left-color: #5ecb74; }
.admin-category-decision.is-declined { border-left-color: #f06464; }
.admin-category-decision span,
.admin-category-decision p,
.admin-category-decision blockquote {
	margin: 0;
	color: var(--gw-muted);
	font-size: 0.75rem;
}
.admin-category-decision h4 {
	margin: 4px 0;
	color: var(--gw-gold);
}
.admin-category-decision blockquote {
	padding-left: 10px;
	border-left: 1px solid var(--gw-line);
}

@media screen and (max-width: 700px) {
	.admin-category-suggestion-list > article,
	.admin-category-suggestion-form,
	.admin-category-decision { grid-template-columns: 1fr; }
	.admin-category-suggestion-form textarea,
	.admin-category-suggestion-form > div { grid-column: 1; }
}

.shoutouts-page {
	position: relative;
	z-index: 1;
	width: min(1120px, 100%);
	min-height: calc(100vh - 330px);
	margin: 0 auto;
	padding-bottom: 80px;
}

.shoutouts-fireworks {
	position: fixed;
	inset: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.shoutouts-page + footer {
	position: relative;
	z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
	.shoutouts-fireworks {
		display: none;
	}
}

.shoutouts-hero {
	margin-bottom: 14px;
	padding: 24px;
	background:
		linear-gradient(145deg, rgba(242, 189, 87, 0.12), rgba(73, 215, 255, 0.08)),
		var(--gw-surface);
	border: 1px solid var(--gw-line);
	border-radius: 10px;
	text-align: left;
}

.shoutouts-hero > span,
.shoutout-card > span {
	color: var(--gw-gold);
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.shoutouts-hero h1,
.shoutouts-hero h2 {
	margin: 5px 0;
}

.shoutouts-hero p {
	margin: 0;
	color: var(--gw-muted);
	text-align: left;
}

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

.shoutout-card {
	display: grid;
	align-content: start;
	gap: 8px;
	padding: 18px;
	background: var(--gw-surface);
	border: 1px solid var(--gw-line);
	border-radius: 8px;
	text-align: left;
}

.shoutout-card h3,
.shoutout-card p {
	margin: 0;
}

.shoutout-card p {
	color: var(--gw-muted);
	text-align: left;
}

.shoutout-card a {
	justify-self: start;
	padding: 8px 11px;
	color: #061018 !important;
	background: var(--gw-accent);
	border: 1px solid #a8edff;
	border-radius: 6px;
	font-size: 0.78rem;
	font-weight: 900;
	text-decoration: none;
}

@media (max-width: 900px) {
	.shoutouts-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 700px) {
	.admin-shoutout-form {
		grid-template-columns: 1fr;
	}

	.admin-shoutout-form button {
		grid-column: 1;
		width: 100%;
	}

	.admin-shoutout-list article {
		flex-direction: column;
	}

	.shoutouts-grid {
		grid-template-columns: 1fr;
	}
}

.admin-tabs-ready [data-admin-tab-panel][hidden] {
	display: none !important;
}

.admin-tabs-ready [data-admin-tab-panel] {
	scroll-margin-top: 18px;
}

/* Tabler-inspired administration workspace. */
.admin-page .admin-layout {
	display: flex;
	align-items: flex-start;
	overflow: visible;
}

.admin-layout .admin-sidebar {
	position: sticky;
	top: 14px;
	flex: 0 0 248px;
	width: 248px;
	height: auto;
	max-height: calc(100vh - 28px);
	padding: 12px;
	overflow-y: auto;
}

.admin-sidebar-brand {
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 8px 8px 15px;
	margin-bottom: 10px;
	border-bottom: 1px solid var(--gw-line);
}

.admin-sidebar-brand > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
	background: linear-gradient(135deg, rgba(73, 215, 255, 0.22), rgba(242, 189, 87, 0.2));
	border: 1px solid rgba(73, 215, 255, 0.48);
	border-radius: 10px;
}

.admin-sidebar-brand img,
.admin-tabs button img,
.admin-sidebar-tools img,
.admin-overview-card-icon img {
	width: 22px;
	height: 22px;
	filter: brightness(0) invert(1);
}

.admin-sidebar-brand div {
	display: grid;
	min-width: 0;
}

.admin-sidebar-brand strong {
	color: var(--gw-text);
	font-size: 0.92rem;
}

.admin-sidebar-brand small {
	color: var(--gw-muted);
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.admin-layout .admin-tabs {
	display: grid;
	grid-template-columns: 1fr;
	gap: 4px;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
}

.admin-layout .admin-tabs button {
	display: grid;
	grid-template-columns: 24px minmax(0, 1fr) auto auto;
	align-items: center;
	justify-content: stretch;
	gap: 9px;
	width: 100%;
	min-height: 42px;
	padding: 8px 10px;
	color: var(--gw-muted) !important;
	text-align: left;
	text-transform: none;
}

.admin-layout .admin-tabs button span {
	overflow: hidden;
	font-size: 0.8rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.admin-layout .admin-tabs button:hover,
.admin-layout .admin-tabs button:focus {
	color: var(--gw-text) !important;
	background: rgba(73, 215, 255, 0.09) !important;
	border-color: rgba(73, 215, 255, 0.25);
}

.admin-layout .admin-tabs button.is-active {
	color: #061018 !important;
	background: var(--gw-accent) !important;
	border-color: rgba(183, 242, 255, 0.72);
	box-shadow: 0 5px 18px rgba(73, 215, 255, 0.18);
}

.admin-layout .admin-tabs button.is-active img {
	filter: brightness(0) saturate(100%);
}

.admin-layout .admin-tab-count {
	min-width: 24px;
	height: 22px;
	padding: 0 6px;
	font-size: 0.66rem;
}

.admin-tab-new-light,
.admin-card-new-light {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	color: #42df83;
}

.admin-tab-new-light i,
.admin-card-new-light i {
	width: 8px;
	height: 8px;
	background: currentColor;
	border-radius: 50%;
	box-shadow: 0 0 0 0 currentColor;
	animation: newsletter-status-pulse 1.5s ease-out infinite;
}

.admin-sidebar-tools {
	display: grid;
	gap: 4px;
	margin-top: 14px;
	padding-top: 13px;
	border-top: 1px solid var(--gw-line);
}

.admin-sidebar-tools > span {
	padding: 0 8px 4px;
	color: var(--gw-gold);
	font-size: 0.66rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.admin-sidebar-tools a {
	display: flex;
	align-items: center;
	gap: 9px;
	min-height: 40px;
	padding: 8px 10px;
	color: var(--gw-muted);
	border: 1px solid transparent;
	border-radius: 7px;
	font-size: 0.78rem;
	font-weight: 800;
	text-decoration: none;
}

.admin-sidebar-tools a:hover,
.admin-sidebar-tools a:focus {
	color: var(--gw-text);
	background: rgba(73, 215, 255, 0.09);
	border-color: rgba(73, 215, 255, 0.25);
	outline: none;
}

.admin-sidebar-tools a.is-active {
	color: #061018;
	background: var(--gw-accent);
	border-color: rgba(183, 242, 255, 0.72);
	box-shadow: 0 5px 18px rgba(73, 215, 255, 0.18);
}

.admin-sidebar-tools a.is-active img {
	filter: brightness(0) saturate(100%);
}

.admin-layout .admin-content {
	height: auto;
	min-height: 640px;
	overflow: visible;
}

.admin-overview-cards {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}

.admin-overview-table {
	display: grid;
	overflow: hidden;
	background: rgba(7, 10, 14, 0.5);
	border: 1px solid var(--gw-line);
	border-radius: 8px;
}

.admin-overview-row {
	display: grid;
	grid-template-columns: minmax(220px, 0.82fr) minmax(130px, 0.28fr) minmax(260px, 1fr) 92px;
	align-items: stretch;
}

.admin-overview-heading {
	color: #061018;
	background: linear-gradient(90deg, var(--gw-accent), var(--gw-gold));
	font-size: 0.76rem;
	font-weight: 900;
	text-transform: uppercase;
}

.admin-overview-heading span,
.admin-overview-item > span {
	min-width: 0;
	padding: 12px 14px;
	border-right: 1px solid rgba(116, 139, 167, 0.22);
}

.admin-overview-heading span:last-child,
.admin-overview-item > span:last-child {
	border-right: 0;
}

.admin-overview-item {
	color: var(--gw-text) !important;
	background: rgba(7, 10, 14, 0.58);
	border-top: 1px solid var(--gw-line);
	text-decoration: none;
	transition: background-color 0.18s ease, box-shadow 0.18s ease;
}

.admin-overview-item:nth-child(odd) {
	background: rgba(21, 29, 41, 0.58);
}

.admin-overview-item:hover,
.admin-overview-item:focus {
	background: rgba(31, 43, 59, 0.96);
	box-shadow: inset 4px 0 0 var(--gw-accent);
	outline: none;
}

.admin-overview-item.has-alert {
	box-shadow: inset 4px 0 0 rgba(239, 90, 103, 0.72);
}

.admin-overview-area {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	font-weight: 900;
}

.admin-overview-status,
.admin-overview-open {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	text-align: center;
}

.admin-overview-status strong,
.admin-overview-open {
	font-weight: 900;
}

.admin-overview-detail {
	display: flex;
	align-items: center;
	color: var(--gw-muted);
	line-height: 1.35;
}

.admin-overview-open {
	color: var(--gw-accent);
	text-transform: uppercase;
}

.admin-overview-card {
	position: relative;
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr) auto;
	align-items: center;
	gap: 11px;
	min-height: 104px;
	padding: 14px;
	color: var(--gw-text) !important;
	background: rgba(7, 10, 14, 0.62);
	border: 1px solid var(--gw-line);
	border-radius: 8px;
	text-decoration: none;
	transition: border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.admin-overview-card:hover,
.admin-overview-card:focus {
	border-color: var(--gw-accent);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.24);
	transform: translateY(-2px);
	outline: none;
}

.admin-overview-card.has-alert {
	border-color: rgba(239, 90, 103, 0.62);
}

.admin-card-new-light {
	grid-column: 3;
	grid-row: 1;
	align-self: center;
	justify-self: center;
}

.admin-overview-card-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	background: rgba(73, 215, 255, 0.12);
	border: 1px solid rgba(73, 215, 255, 0.28);
	border-radius: 9px;
}

.admin-overview-card.has-alert .admin-overview-card-icon {
	background: rgba(239, 90, 103, 0.13);
	border-color: rgba(239, 90, 103, 0.38);
}

.admin-overview-card-copy {
	display: grid;
	min-width: 0;
}

.admin-overview-card-copy small {
	color: var(--gw-muted);
	font-size: 0.66rem;
	font-weight: 900;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.admin-overview-card-copy strong {
	margin: 2px 0;
	color: var(--gw-text);
	font-size: 1.65rem;
	line-height: 1;
}

.admin-overview-card-copy span {
	overflow: hidden;
	color: var(--gw-muted);
	font-size: 0.68rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.admin-overview-card-arrow {
	color: var(--gw-muted);
	font-size: 1.45rem;
}

.admin-layout .admin-sidebar {
	flex: 0 0 280px;
	width: 280px;
	min-width: 0;
	height: calc(78vh + 50px);
	padding: 15px;
	overflow: auto;
}

.admin-layout .admin-content {
	flex: 1 1 auto;
	width: auto;
	min-width: 0;
	height: calc(78vh + 50px);
	padding: 15px;
	overflow: auto;
}

.admin-layout .admin-sidebar h3,
.admin-section-heading h3 {
	margin: 0 0 12px;
	color: burlywood;
	text-align: left;
}

.admin-tool-list {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0 0 22px;
	background: transparent;
	border: 0;
	border-radius: 0;
}

.admin-tool-list li {
	font-family: 'Courier New', Courier, monospace;
	font-weight: bold;
}

.admin-tool-list a {
	display: block;
	padding: 10px;
	color: coral;
	text-decoration: none;
	border-radius: 4px;
	margin: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.admin-tool-list a:hover {
	background: #e9ecef;
}

.admin-tool-list a.active {
	background: #333333;
	color: #fff;
}

.admin-panel {
	background-color: #222;
	border: 1px solid #31373f;
	border-radius: 8px;
}

.admin-overview-panel {
	display: grid;
	gap: 18px;
}

.admin-overview-chart {
	display: grid;
	grid-template-columns: repeat(8, minmax(78px, 1fr));
	align-items: end;
	gap: 10px;
	min-height: 260px;
	padding: 20px 14px 16px;
	overflow-x: auto;
	background:
		linear-gradient(rgba(116, 139, 167, 0.12) 1px, transparent 1px) 0 34px / 100% 48px,
		rgba(7, 10, 14, 0.5);
	border: 1px solid var(--gw-line);
	border-radius: 8px;
	scrollbar-width: thin;
}

.admin-chart-column {
	display: grid;
	grid-template-rows: auto 190px auto;
	align-items: end;
	gap: 8px;
	min-width: 78px;
	color: inherit !important;
	text-align: center;
	text-decoration: none;
}

.admin-chart-column > strong {
	color: var(--gw-text);
	font-size: 1.15rem;
	line-height: 1;
}

.admin-chart-column > span:last-child {
	overflow: hidden;
	color: var(--gw-muted);
	font-size: 0.68rem;
	font-weight: 900;
	letter-spacing: 0.03em;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
}

.admin-chart-track {
	position: relative;
	display: flex;
	align-items: flex-end;
	width: min(58px, 72%);
	height: 190px;
	margin: 0 auto;
	overflow: hidden;
	background: rgba(21, 29, 41, 0.7);
	border: 1px solid rgba(116, 139, 167, 0.28);
	border-radius: 7px 7px 3px 3px;
}

.admin-chart-track i {
	display: block;
	width: 100%;
	height: var(--admin-bar-height);
	min-height: 7px;
	background: linear-gradient(180deg, var(--gw-accent), #147eac);
	border-top: 1px solid #b7f2ff;
	box-shadow: 0 0 16px rgba(73, 215, 255, 0.28);
	transition: height 0.45s ease;
}

.admin-chart-column:nth-child(4n + 2) .admin-chart-track i {
	background: linear-gradient(180deg, var(--gw-gold), #b66d12);
	border-top-color: #ffe2a1;
}

.admin-chart-column:nth-child(4n + 3) .admin-chart-track i {
	background: linear-gradient(180deg, #9c83ff, #5741ad);
	border-top-color: #d9d0ff;
}

.admin-chart-column:nth-child(4n) .admin-chart-track i {
	background: linear-gradient(180deg, #42df83, #16854a);
	border-top-color: #baffd4;
}

.admin-chart-column:hover .admin-chart-track,
.admin-chart-column:focus .admin-chart-track {
	border-color: var(--gw-accent);
	box-shadow: 0 0 14px rgba(73, 215, 255, 0.22);
}

.admin-chart-column:hover > span:last-child,
.admin-chart-column:focus > span:last-child {
	color: var(--gw-gold);
}

.admin-chart-column:focus {
	outline: 2px solid var(--gw-accent);
	outline-offset: 3px;
}

.admin-quick-actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.admin-quick-actions a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 11px 14px;
	color: #061018 !important;
	background: #f2bd57;
	border: 1px solid #ffe2a1;
	border-radius: 8px;
	font-weight: 900;
	text-align: center;
	text-decoration: none;
}

.admin-quick-actions a:hover,
.admin-quick-actions a:focus {
	color: #061018 !important;
	background: #ffd777;
	outline: 2px solid rgba(73, 215, 255, 0.4);
	outline-offset: 2px;
}

.admin-panel {
	margin: 0 0 15px;
	padding: 15px;
}

.admin-notice {
	margin: 0 0 15px;
	padding: 10px;
	border-radius: 6px;
	text-align: center;
}

.admin-section-heading {
	position: relative;
	margin-bottom: 12px;
}

.admin-section-heading span {
	display: block;
	color: coral;
	font-size: small;
	font-weight: 700;
	text-align: left;
	text-transform: uppercase;
}

.admin-table-wrap {
	background: rgba(7, 10, 14, 0.5);
	border: 1px solid var(--gw-line);
	border-radius: 8px;
	overflow-x: auto;
}

.admin-table {
	width: 100%;
	min-width: 720px;
	border-collapse: separate;
	border-spacing: 0;
	color: var(--gw-text);
}

.admin-table th,
.admin-table td {
	padding: 12px 14px;
	border-right: 1px solid rgba(116, 139, 167, 0.22);
	text-align: left;
	vertical-align: middle;
}

.admin-table th:last-child,
.admin-table td:last-child {
	border-right: 0;
}

.admin-table th {
	color: #061018 !important;
	background: linear-gradient(90deg, var(--gw-accent), var(--gw-gold));
	font-size: 0.76rem;
	font-weight: 900;
	text-transform: uppercase;
}

.admin-table td {
	background-color: rgba(7, 10, 14, 0.58);
	border-top: 1px solid var(--gw-line);
	border-bottom: 0;
}

.admin-table tbody tr:nth-child(even) td {
	background-color: rgba(21, 29, 41, 0.58);
}

.admin-table tbody tr:hover td,
.admin-table tbody tr:focus-within td {
	background-color: rgba(31, 43, 59, 0.96);
}

.admin-table td:first-child {
	border-left: 0;
	border-radius: 0;
}

.admin-table td:last-child {
	border-radius: 0;
}

.admin-table td strong,
.admin-table td span {
	display: block;
	overflow-wrap: anywhere;
}

.admin-table td span {
	margin-top: 4px;
	color: var(--gw-muted);
	font-size: 0.86rem;
}

.admin-table form {
	margin: 0;
}

.admin-forum-topic-actions {
	min-width: 290px;
}

.admin-forum-topic-editor {
	margin-bottom: 9px;
}

.admin-forum-topic-editor summary {
	color: #061018;
	background: #f2bd57;
	border: 1px solid #ffe2a1;
	list-style: none;
	cursor: pointer;
}

.admin-forum-topic-editor summary::-webkit-details-marker {
	display: none;
}

.admin-forum-topic-editor[open] summary {
	margin-bottom: 10px;
	background: #ffd777;
}

.admin-forum-topic-editor form {
	display: grid;
	gap: 7px;
	min-width: 290px;
	padding: 11px;
	background: rgba(7, 10, 14, 0.72);
	border: 1px solid #3f4651;
	border-radius: 8px;
}

.admin-forum-topic-editor label {
	color: #dbc39f;
	font-size: 0.74rem;
	font-weight: 900;
	text-transform: uppercase;
}

.admin-forum-topic-editor input,
.admin-forum-topic-editor select,
.admin-forum-topic-editor textarea {
	width: 100%;
	padding: 8px 10px;
	color: #e7edf5;
	background: #10151d;
	border: 1px solid #3f4651;
	border-radius: 6px;
	font: inherit;
}

.admin-forum-topic-editor textarea {
	resize: vertical;
}

.admin-forum-topic-editor button {
	justify-self: start;
}

.admin-forum-icon-button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 42px;
	min-width: 42px;
	height: 38px;
	padding: 8px !important;
	border-radius: 6px !important;
	text-decoration: none;
}

.admin-forum-icon-button img {
	display: block;
	flex: 0 0 auto;
	width: 22px;
	height: 22px;
}

.admin-danger-button.admin-forum-icon-button img {
	filter: brightness(0) invert(1);
}

.admin-table td > .admin-forum-icon-button {
	margin-top: 7px;
}

.admin-table button,
.admin-danger-button {
	padding: 8px 12px;
	color: #061018;
	background-color: var(--gw-accent);
	border: 1px solid rgba(139, 235, 255, 0.9);
	border-radius: 6px;
	font-weight: 800;
	cursor: pointer;
}

.admin-table button:hover,
.admin-tool-link:hover {
	background: #8bebff;
}

.admin-danger-button {
	color: white;
	background-color: #b73535;
	border-color: rgba(255, 168, 168, 0.45);
}

.admin-permission-form {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.admin-permission-form label {
	margin: 0;
	color: rgb(140, 174, 174);
}

.admin-member-activity {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	align-items: center;
	max-width: 260px;
}

.admin-member-activity strong,
.admin-member-activity span,
.admin-member-activity a {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 3px 7px;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 900;
	text-decoration: none;
}

.admin-member-activity strong {
	color: #061018;
	background: var(--gw-gold);
}

.admin-member-activity span {
	color: var(--gw-muted);
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(116, 139, 167, 0.2);
}

.admin-member-activity a {
	color: var(--gw-accent) !important;
	background: rgba(73, 215, 255, 0.08);
	border: 1px solid rgba(73, 215, 255, 0.26);
}

.admin-member-activity a:hover,
.admin-member-activity a:focus {
	color: #061018 !important;
	background: var(--gw-accent);
	outline: none;
}

.admin-member-icon-button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 42px;
	min-width: 42px;
	height: 38px;
	padding: 8px !important;
	border-radius: 6px !important;
}

.admin-member-icon-button img {
	display: block;
	flex: 0 0 auto;
	width: 22px;
	height: 22px;
}

.admin-danger-button.admin-member-icon-button img {
	filter: brightness(0) invert(1);
}

.admin-reply-form {
	display: grid;
	gap: 8px;
	min-width: 260px;
}

.admin-reply-form label {
	margin: 0;
	color: burlywood;
	font-size: small;
}

.admin-reply-form input,
.admin-reply-form textarea {
	width: 100%;
	padding: 8px;
	color: white;
	background-color: #242424;
	border: 1px solid #31373f;
	border-radius: 4px;
}

.admin-reply-form textarea {
	min-height: 96px;
	resize: vertical;
}

.admin-empty {
	color: #999;
	font-style: italic;
	text-align: center;
}

.admin-video-list {
	display: grid;
	gap: 12px;
}

.admin-featured-feed-form {
	display: grid;
	grid-template-columns: minmax(220px, 1fr) minmax(260px, 1.4fr) auto auto;
	align-items: end;
	gap: 10px;
	margin-bottom: 20px;
	padding: 14px;
	background: rgba(7, 10, 14, 0.55);
	border: 1px solid rgba(116, 139, 167, 0.26);
	border-radius: 8px;
}

.admin-featured-feed-form label {
	display: block;
	color: #e7edf5;
	font-weight: 900;
}

.admin-featured-feed-form p {
	margin: 4px 0 0;
	color: #9fb0c2;
	font-size: 0.82rem;
	text-align: left;
}

.admin-featured-feed-form input {
	width: 100%;
	min-height: 40px;
	padding: 8px 10px;
	color: #fff;
	background: #242424;
	border: 1px solid #3f4651;
	border-radius: 6px;
}

.admin-featured-feed-form button,
.admin-featured-feed-form a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 8px 12px;
	border-radius: 6px;
	font-size: 0.78rem;
	font-weight: 900;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.admin-featured-feed-form button {
	color: #061018;
	background: #f2bd57;
	border: 1px solid #ffe2a1;
	cursor: pointer;
}

.admin-featured-feed-form a:not(.site-button) {
	color: #49d7ff !important;
	border: 1px solid #3f4651;
}

.admin-featured-page .admin-content {
	max-width: 1120px;
	margin: 0 auto;
}

.admin-featured-page .admin-featured-feed-form {
	margin-bottom: 14px;
}

.admin-featured-video-stage {
	position: relative;
	width: 100%;
	margin-bottom: 12px;
	padding-top: 56.25%;
	overflow: hidden;
	background: #05070a;
	border: 1px solid rgba(116, 139, 167, 0.35);
	border-radius: 8px;
}

.admin-featured-video-stage iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.admin-featured-video-source {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0 0 18px;
	color: #9fb0c2;
}

.admin-featured-video-source a {
	color: #49d7ff;
	font-weight: 800;
}

.featured-submission-panel {
	display: grid;
	grid-template-columns: minmax(220px, 0.8fr) minmax(300px, 1.2fr);
	align-items: end;
	gap: 16px;
	margin: 0 0 18px;
	padding: 16px;
	background: rgba(7, 10, 14, 0.55);
	border: 1px solid rgba(116, 139, 167, 0.26);
	border-radius: 8px;
}

.featured-submission-panel span,
.featured-submission-queue .admin-section-heading span {
	color: var(--gw-gold);
	font-size: 0.75rem;
	font-weight: 900;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.featured-submission-panel h2,
.featured-user-submissions h2 {
	margin: 3px 0 6px;
	color: #e7edf5;
	font-size: 1.15rem;
}

.featured-submission-panel p {
	margin: 0;
	color: #9fb0c2;
}

.featured-submission-form {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 8px;
}

.featured-submission-form label {
	grid-column: 1 / -1;
	color: #e7edf5;
	font-weight: 800;
}

.featured-submission-form input {
	min-width: 0;
	min-height: 42px;
	padding: 8px 10px;
	color: #fff;
	background: #242424;
	border: 1px solid #3f4651;
	border-radius: 6px;
}

.featured-submission-form button:not(.site-button),
.featured-queue-actions button:not(.site-button) {
	min-height: 40px;
	padding: 8px 12px;
	color: #061018;
	background: var(--gw-gold);
	border: 1px solid #ffe2a1;
	border-radius: 6px;
	font-weight: 900;
	cursor: pointer;
}

.featured-user-submissions {
	margin-bottom: 18px;
}

.featured-user-submissions > div {
	display: grid;
	gap: 7px;
}

.featured-user-submissions article {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	background: rgba(7, 10, 14, 0.42);
	border: 1px solid rgba(116, 139, 167, 0.2);
	border-radius: 6px;
}

.featured-user-submissions a,
.featured-queue-details a {
	min-width: 0;
	overflow-wrap: anywhere;
	color: #49d7ff;
	font-weight: 800;
}

.featured-user-submissions time {
	color: #9fb0c2;
	font-size: 0.78rem;
}

.featured-status {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	padding: 4px 7px;
	color: #dce7ef;
	background: #29333d;
	border: 1px solid #465463;
	border-radius: 999px;
	font-size: 0.68rem;
	font-weight: 900;
	text-transform: uppercase;
}

.featured-status.is-approved {
	color: #b9ffd6;
	background: rgba(20, 105, 61, 0.35);
	border-color: rgba(68, 214, 128, 0.5);
}

.featured-status.is-rejected {
	color: #ffc5c5;
	background: rgba(126, 35, 35, 0.35);
	border-color: rgba(229, 94, 94, 0.5);
}

.featured-queue-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 14px;
}

.featured-queue-filters a:not(.site-button) {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 36px;
	padding: 7px 10px;
	color: #dce7ef;
	background: rgba(7, 10, 14, 0.72);
	border: 1px solid #3f4651;
	border-radius: 6px;
	font-weight: 900;
	text-decoration: none;
}

.featured-queue-filters a:not(.site-button).is-current {
	color: #061018;
	background: var(--gw-gold);
	border-color: #ffe2a1;
}

.featured-queue-filters .site-button,
.featured-queue-filters .site-button:visited {
	color: var(--gw-text) !important;
	background: rgba(7, 10, 14, 0.72) !important;
	border-color: var(--gw-line);
}

.featured-queue-filters .site-button:hover,
.featured-queue-filters .site-button:focus {
	color: #061018 !important;
	background: var(--gw-gold) !important;
	border-color: #ffe2a1;
}

.featured-queue-filters .site-button.is-current,
.featured-queue-filters .site-button.is-current:visited,
.featured-queue-filters .site-button.is-current:hover,
.featured-queue-filters .site-button.is-current:focus {
	color: #061018 !important;
	background: var(--gw-gold) !important;
	border-color: #ffe2a1;
}

.featured-queue-filters b {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	height: 22px;
	padding: 0 5px;
	color: inherit;
	background: rgba(255, 255, 255, 0.15);
	border-radius: 999px;
	font-size: 0.72rem;
}

.featured-queue-filters .site-button.is-current b,
.featured-queue-filters .site-button:hover b,
.featured-queue-filters .site-button:focus b {
	color: #061018;
	background: rgba(6, 16, 24, 0.13);
}

.featured-queue-list {
	display: grid;
	gap: 10px;
}

.featured-queue-list > article {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 14px;
	padding: 13px;
	background: rgba(7, 10, 14, 0.55);
	border: 1px solid rgba(116, 139, 167, 0.26);
	border-radius: 8px;
}

.featured-queue-details {
	display: grid;
	gap: 5px;
	min-width: 0;
}

.featured-queue-details strong {
	color: #e7edf5;
}

.featured-queue-details p {
	margin: 0;
	color: #9fb0c2;
	font-size: 0.82rem;
}

.featured-queue-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 8px;
}

.featured-queue-actions button:not(.site-button).is-danger {
	color: #fff;
	background: #8f2929;
	border-color: #c44b4b;
}

.admin-featured-page-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.admin-featured-page-actions a:not(.site-button) {
	display: inline-flex;
	align-items: center;
	min-height: 38px;
	padding: 8px 12px;
	color: #49d7ff;
	background: rgba(7, 10, 14, 0.55);
	border: 1px solid #3f4651;
	border-radius: 6px;
	font-size: 0.78rem;
	font-weight: 900;
	text-decoration: none;
	text-transform: uppercase;
}

.admin-live-feed-list {
	display: grid;
	gap: 10px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(116, 139, 167, 0.26);
}

.admin-live-feed-list h4 {
	margin: 0;
	color: #e7edf5;
}

.admin-live-feed-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 12px;
	background: rgba(7, 10, 14, 0.58);
	border: 1px solid var(--gw-line);
	border-radius: 8px;
}

.admin-live-feed-item > div {
	display: grid;
	gap: 5px;
	min-width: 0;
}

.admin-live-feed-item strong,
.admin-live-feed-item span {
	overflow-wrap: anywhere;
}

.admin-live-feed-item span {
	color: #9fb0c2;
}

.admin-live-feed-item a {
	justify-self: start;
	color: #49d7ff !important;
	font-weight: 900;
}

.admin-live-feed-item form {
	margin: 0;
}

.admin-live-status {
	display: inline-flex;
	margin-right: 7px;
	padding: 3px 7px;
	background: #4e5966;
	border-radius: 999px;
	font-size: 0.68rem;
	text-transform: uppercase;
}

.admin-live-status.is-live {
	color: #fff;
	background: #ef5a67;
}

.admin-video-item {
	display: grid;
	grid-template-columns: minmax(220px, 0.7fr) minmax(260px, 1.3fr);
	gap: 16px;
	padding: 14px;
	background: rgba(7, 10, 14, 0.58);
	border: 1px solid var(--gw-line);
	border-radius: 8px;
}

.admin-video-item video {
	display: block;
	width: 100%;
	max-height: 230px;
	background: #05070a;
	border-radius: 6px;
	object-fit: contain;
}

.admin-video-details {
	display: grid;
	align-content: start;
	gap: 8px;
	min-width: 0;
}

.admin-video-details h4,
.admin-video-details p {
	margin: 0;
	text-align: left;
	overflow-wrap: anywhere;
}

.admin-video-details h4 {
	color: #e7edf5;
}

.admin-video-details p {
	color: #9fb0c2;
}

.admin-video-details a {
	color: #f2bd57 !important;
	font-weight: 900;
}

.admin-video-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: 4px;
}

.admin-video-actions form {
	margin: 0;
}

.admin-video-actions > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 8px 12px;
	color: #061018 !important;
	background: #f2bd57;
	border: 1px solid #ffe2a1;
	border-radius: 6px;
	font-size: 0.82rem;
	font-weight: 900;
	text-decoration: none;
	text-transform: uppercase;
}

.admin-video-editor {
	position: relative;
}

.admin-video-editor summary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 8px 12px;
	color: #061018;
	background: #f2bd57;
	border: 1px solid #ffe2a1;
	border-radius: 6px;
	font-size: 0.82rem;
	font-weight: 900;
	list-style: none;
	text-transform: uppercase;
	cursor: pointer;
}

.admin-video-editor summary::-webkit-details-marker {
	display: none;
}

.admin-video-editor[open] {
	flex-basis: 100%;
}

.admin-video-editor[open] summary {
	margin-bottom: 9px;
	background: #ffd777;
}

.admin-video-editor form {
	display: grid;
	gap: 7px;
	max-width: 430px;
	padding: 11px;
	background: rgba(7, 10, 14, 0.72);
	border: 1px solid #3f4651;
	border-radius: 8px;
}

.admin-video-editor label {
	color: #dbc39f;
	font-size: 0.74rem;
	font-weight: 900;
	text-transform: uppercase;
}

.admin-video-editor input,
.admin-video-editor select {
	width: 100%;
	padding: 8px 10px;
	color: #e7edf5;
	background: #10151d;
	border: 1px solid #3f4651;
	border-radius: 6px;
	font: inherit;
}

.admin-video-editor button {
	justify-self: start;
}

.admin-tool-panel p {
	margin: 0 0 14px;
	color: rgb(140, 174, 174);
	text-align: left;
}

.admin-tool-link {
	display: inline-block;
	padding: 10px;
	color: white !important;
	background-color: coral;
	border-radius: 4px;
	font-weight: 800;
	text-decoration: none;
}

.admin-newsletter-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-bottom: 12px;
}

.admin-newsletter-actions form {
	margin: 0;
}

.admin-newsletter-actions .admin-tool-link,
.admin-newsletter-actions button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	min-height: 40px;
	margin: 0;
	padding: 9px 12px;
	font-size: 0.78rem;
	line-height: 1;
	white-space: nowrap;
}

@media screen and (max-width: 480px) {
	.admin-newsletter-actions {
		align-items: stretch;
	}

	.admin-newsletter-actions .admin-tool-link,
	.admin-newsletter-actions form,
	.admin-newsletter-actions button {
		width: 100%;
	}
}

@media screen and (max-width: 800px) {
	.admin-page .admin-layout {
		align-items: stretch;
	}

	.admin-featured-feed-form {
		grid-template-columns: 1fr;
		align-items: stretch;
	}

	.featured-submission-panel,
	.featured-queue-list > article {
		grid-template-columns: 1fr;
	}

	.featured-queue-actions {
		justify-content: flex-start;
	}

	.admin-layout .admin-sidebar,
	.admin-layout .admin-content {
		position: static;
		flex-basis: auto;
		width: 100%;
		height: auto;
		max-height: none;
	}

	.admin-tabs {
		display: flex;
		overflow-x: auto;
		scrollbar-width: thin;
	}

	.admin-tabs button {
		flex: 0 0 auto;
		min-width: 148px;
	}

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

	.admin-sidebar-tools > span {
		grid-column: 1 / -1;
	}

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

	.admin-overview-row {
		grid-template-columns: minmax(180px, 0.85fr) minmax(120px, 0.32fr) minmax(220px, 1fr) 86px;
	}

	.admin-overview-chart {
		grid-template-columns: repeat(8, minmax(74px, 1fr));
		gap: 7px;
		min-height: 220px;
		padding: 16px 10px 12px;
		background-size: 100% 40px;
	}

	.admin-chart-column {
		grid-template-rows: auto 150px auto;
		min-width: 74px;
	}

	.admin-chart-track {
		width: min(46px, 76%);
		height: 150px;
	}

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

@media screen and (max-width: 520px) {
	.admin-overview-cards {
		grid-template-columns: 1fr;
	}

	.admin-overview-row {
		grid-template-columns: 1fr;
	}

	.admin-overview-heading {
		display: none;
	}

	.admin-overview-item > span {
		border-right: 0;
	}

	.admin-overview-item > span::before {
		content: attr(data-cell-label);
		margin-right: 8px;
		color: var(--gw-gold);
		font-size: 0.68rem;
		font-weight: 900;
		text-transform: uppercase;
	}

	.admin-overview-area,
	.admin-overview-status,
	.admin-overview-detail,
	.admin-overview-open {
		justify-content: flex-start;
		text-align: left;
	}

	.admin-quick-actions {
		grid-template-columns: 1fr;
	}

	.admin-video-item {
		grid-template-columns: 1fr;
	}

	.admin-live-feed-item {
		align-items: stretch;
		flex-direction: column;
	}
}

/* Main page containers */

/* Set some basic style for main page containers. div containers inside the flex container */

div.text-container {
	width: calc(100% - 100px);
	height: calc(4vh + 1px);
	border: 2px solid #31373f;
	border-radius: 15px;
	background-color: #333333;
	float: none;
	padding: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.left-container {
	width: calc(100% - 100px);
	height: calc(85vh + 50px);
	border: 2px solid #31373f;
	border-radius: 15px;
	background-color: #1b1b1b;
	float: left;
	padding: 15px;
	margin: auto;
}

div.center-container {
	width: calc(100% - 100px);
	height: calc(85vh + 50px);
	border: 2px solid #31373f;
	border-radius: 15px;
	background-color: #1b1b1b;
	float: none;
	padding: 15px;
	margin: auto;
}

div.right-container {
	width: calc(100% - 100px);
	height: calc(85vh + 50px);
	border: 2px solid #31373f;
	border-radius: 15px;
	background-color: #1b1b1b;
	float: right;
	padding: 15px;
	margin: auto;
}

div.form-container {
	width: 100%;
	height: 100%;
	padding: 35px;
	border: 2px solid #31373f;
	border-radius: 15px;
	background-color: #1b1b1b;
	float: none;
}

/* End of main page containers */

footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgb(18, 17, 17);
	padding: 8px;
	text-align: center;
	z-index: 1000;
}

footer nav a {
	text-align: center;
}

footer p {
	font-size: x-small;
	text-align: center;
}

/* uploads */

.file-manager-page {
	padding-bottom: 70px;
}

.file-manager-page .text-container {
	width: 100%;
	min-height: 80px;
	height: auto;
}

.file-manager-layout {
	align-items: stretch;
	gap: 10px;
	width: 100%;
	overflow-x: hidden;
}

.file-manager-sidebar {
	flex: 0 0 280px;
	width: 280px;
	min-width: 0;
	height: calc(78vh + 50px);
	padding: 15px;
	overflow: auto;
}

.file-manager-control-links {
	margin: 0 0 16px;
	padding: 0 0 14px;
}

.file-manager-directory-label {
	margin: 0 8px 8px;
	color: var(--gw-gold);
	font-size: 0.7rem;
	font-weight: 900;
	letter-spacing: 0.07em;
	text-align: left;
	text-transform: uppercase;
}

.file-manager-content {
	flex: 1 1 auto;
	width: auto;
	min-width: 0;
	height: calc(78vh + 50px);
	padding: 15px;
	overflow: auto;
}

.wrapper {
	max-width: 900px;
	margin: 0 auto;
	background: #fff;
	padding: 25px;
	border-radius: 8px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.layout {
	display: flex;
	gap: 30px;
	margin-top: 20px;
}

.sidebar {
	width: 30%;
	border-right: 1px solid #dee2e6;
	padding-right: 20px;
}

.main-content {
	width: 70%;
}

.folder-list {
	display: block;
	list-style: none;
	padding: 0px;
	background: transparent;
	border: 0;
	border-radius: 0;
}

.folder-item a {
	display: block;
	padding: 10px;
	color: coral;
	text-decoration: none;
	border-radius: 4px;
	margin: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.file-manager-page .folder-item .folder-icon-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 42px;
	margin: 5px;
	padding: 8px;
}

.file-manager-page .folder-icon-link.is-unavailable {
	opacity: 0.5;
	cursor: not-allowed;
}

.file-manager-icon-placeholder {
	width: 42px;
	height: 40px;
}

.file-manager-page .folder-icon-link img {
	width: 25px;
	height: 25px;
	filter: brightness(0) saturate(100%) invert(78%) sepia(65%) saturate(1244%) hue-rotate(165deg) brightness(101%) contrast(101%);
}

.file-manager-page .folder-item.active .folder-icon-link img {
	filter: brightness(0) invert(1);
}

.folder-item {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 6px;
	margin: 5px 0;
}

.file-manager-page .folder-name {
	min-width: 0;
	overflow: hidden;
	color: #f8efe2;
	font-size: 0.88rem;
	font-weight: 800;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.file-manager-page .folder-item.active .folder-name {
	color: var(--gw-gold);
}

.folder-item form {
	margin: 0;
}

.folder-item a:hover {
	background: #e9ecef;
}

.folder-item.active a {
	background: #333333;
	color: #fff;
	font-weight: bold;
}

.form-inline {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-bottom: 20px;
	padding: 10px;
	max-width: 100%;
}

.form-inline input[type="text"],
.form-inline input[type="file"] {
	flex: 1;
	min-width: 0;
	max-width: 100%;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

button {
	color: var(--gw-text);
	background: rgba(73, 215, 255, 0.08);
	border: 1px solid rgba(73, 215, 255, 0.5);
	padding: 8px 15px;
	border-radius: 4px;
	cursor: pointer;
}

button:hover {
	color: var(--gw-text);
	background: rgba(73, 215, 255, 0.12);
	border-color: rgba(73, 215, 255, 0.62);
}

.file-list {
	display: block;
	list-style: none;
	padding: 0px;
	background: transparent;
	border: 0;
	border-radius: 0;
	max-width: 100%;
}

.file-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	max-width: 100%;
	padding: 8px;
	margin: 8px 0;
	background-color: #222;
	border: 1px solid #31373f;
	border-radius: 8px;
}

.file-name {
	display: block;
	min-width: 0;
	max-width: 100%;
	overflow: hidden;
	color: rgb(140, 174, 174);
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.file-item a {
	display: inline-block;
	flex: 0 0 auto;
	padding: 10px;
	color: white;
	text-decoration: none;
	border-radius: 4px;
	margin: 0;
	text-align: center;
	white-space: nowrap;
}

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

.file-actions form {
	margin: 0;
}

.btn-download {
	background: coral;
	color: white !important;
	border: none;
	padding: 8px 15px;
	border-radius: 4px;
	cursor: pointer;
	font-weight: bold;
	min-width: 96px;
}

.btn-download:link,
.btn-download:visited,
.btn-download:hover,
.btn-download:active,
.btn-download:focus {
	color: white !important;
}

@media screen and (max-width:600px) {
	.file-manager-sidebar,
	.file-manager-content {
		flex-basis: auto;
		width: 100%;
		height: auto;
		max-height: none;
	}

	.file-item {
		align-items: stretch;
		flex-direction: column;
	}

	.file-name {
		white-space: normal;
		overflow-wrap: anywhere;
	}

	.file-actions {
		align-items: stretch;
		flex-direction: column;
		width: 100%;
	}

	.file-actions form {
		width: 100%;
	}

	.btn-danger-small,
	.btn-download {
		width: 100%;
	}

	.blog-newsletter,
	.blog-newsletter-row {
		grid-template-columns: 1fr;
	}

	.blog-newsletter button {
		width: 100%;
	}
}

.btn-download:hover {
	background: #0056b3;
}

.btn-danger-small {
	background: #b73535;
	color: white;
	border: none;
	padding: 8px 10px;
	border-radius: 4px;
	cursor: pointer;
	font-weight: bold;
	white-space: nowrap;
}

.btn-danger-small:hover {
	background: #8f2424;
}

.file-manager-page .file-manager-icon-button {
	display: inline-flex;
	flex: 0 0 42px;
	align-items: center;
	justify-content: center;
	width: 42px;
	min-width: 42px;
	height: 40px;
	padding: 8px;
	border-radius: 6px;
}

.file-manager-page .sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.file-manager-page .file-manager-icon-button img {
	display: block;
	flex: 0 0 auto;
	width: 23px;
	height: 23px;
}

.file-manager-page .file-manager-icon-button.btn-danger-small img {
	filter: brightness(0) invert(1);
}

.file-manager-page .file-actions {
	flex-direction: row;
	align-items: center;
	width: auto;
}

.file-manager-page .file-actions form {
	width: auto;
}

.file-manager-page .file-name {
	flex: 1 1 auto;
	color: #f8efe2 !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95rem;
	font-weight: 800;
	letter-spacing: 0.01em;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
}

.file-manager-page .file-name small {
	display: block;
	margin-top: 4px;
	color: var(--gw-gold);
	font-size: 0.7rem;
	text-shadow: none;
}

/* Error Styles */

.card {
	background: #1e293b;
	padding: 40px;
	border-radius: 12px;
	width: 420px;
	text-align: center;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}

.error {
	color: #721c24;
	background: #f8d7da;
	padding: 10px;
	border-radius: 4px;
}

.success {
	color: #155724;
	background: #d4edda;
	padding: 10px;
	border-radius: 4px;
}

/* Modern gaming theme */

:root {
	--gw-bg: #101720;
	--gw-surface: rgba(24, 33, 45, 0.96);
	--gw-surface-strong: #1b2735;
	--gw-panel: #202d3d;
	--gw-panel-soft: rgba(31, 43, 58, 0.94);
	--gw-line: rgba(142, 166, 191, 0.32);
	--gw-line-strong: rgba(95, 224, 255, 0.42);
	--gw-text: #f0f5fa;
	--gw-muted: #bdcad7;
	--gw-accent: #49d7ff;
	--gw-accent-strong: #1cb4e8;
	--gw-gold: #f2bd57;
	--gw-danger: #ef5a67;
	--gw-success: #3ee086;
	--gw-radius: 8px;
	--gw-shadow: 0 18px 48px rgba(0, 0, 0, 0.34);
}

html {
	height: 100%;
	overflow-x: clip;
	background-color: var(--gw-bg);
}

body {
	position: fixed;
	inset: 0;
	display: flex;
	flex-direction: column;
	height: 100vh;
	min-height: 0;
	width: 100%;
	margin: 0;
	padding: 16px 18px;
	overflow: hidden;
	overflow-x: clip;
	color: var(--gw-text);
	background:
		radial-gradient(circle at 15% 0%, rgba(73, 215, 255, 0.2), transparent 30rem),
		linear-gradient(135deg, rgba(242, 189, 87, 0.09), transparent 24rem),
		linear-gradient(180deg, #172330 0%, var(--gw-bg) 58%, #0c121a 100%);
	background-attachment: fixed;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.55;
	text-align: center;
}

body::before {
	content: "";
	position: fixed;
	inset: 0;
	pointer-events: none;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
	background-size: 42px 42px;
	mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.55), transparent 65%);
}

main,
header,
footer,
.site-content-frame {
	position: relative;
	z-index: 1;
}

b,
h2,
h3 {
	color: var(--gw-gold);
}

p {
	color: var(--gw-muted);
}

a:link,
a:visited {
	color: var(--gw-accent);
}

a:hover,
a:focus {
	color: var(--gw-gold);
}

header {
	position: relative;
	flex: 0 0 auto;
	width: 100%;
	margin: 0 auto 14px;
	z-index: 1100;
}

.site-content-frame {
	position: relative;
	display: grid;
	grid-template-rows: 14px minmax(0, 1fr);
	flex: 1 1 auto;
	min-height: 0;
	width: 100%;
	overflow: hidden;
	contain: paint;
	isolation: isolate;
}

.site-content-frame::before {
	content: "";
	display: block;
	background: var(--gw-bg);
	border-bottom: 1px solid var(--gw-line);
}

.site-content-scroll {
	width: 100%;
	height: 100%;
	overflow-x: auto;
	overflow-y: auto;
	overscroll-behavior: contain;
	scroll-padding-top: 12px;
	scrollbar-gutter: stable;
}

.site-content-scroll > main {
	position: relative;
	width: min(1440px, 100%);
	min-width: 0;
	min-height: 100%;
	margin: 0 auto;
	padding-right: 14px;
	padding-bottom: 90px;
	padding-left: 14px;
	text-align: left;
}

.site-content-scroll > main.channel-page {
	width: 100%;
	max-width: none;
	margin-right: auto;
	margin-left: auto;
	padding-right: 14px;
	padding-left: 14px;
}

.blog-container,
.help-container,
.profile-container,
.channel-manage-container,
.notifications-container,
.contact-container {
	margin-right: auto;
	margin-left: auto;
}

.blog-container,
.help-container,
.profile-container {
	overflow: visible;
}

body > footer {
	position: relative;
	inset: auto;
	flex: 0 0 auto;
	width: 100%;
	margin-top: 10px;
	z-index: 1000;
}

header > .flex-container {
	display: block;
	overflow: visible;
	overflow-block: visible;
	overflow-inline: visible;
}

header > .flex-container > .link-container {
	width: 100%;
	padding: 12px;
	overflow: visible;
	overflow-block: visible;
	overflow-inline: visible;
	background: rgba(8, 12, 18, 0.78);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
	box-shadow: var(--gw-shadow);
	backdrop-filter: blur(12px);
}

.site-brandbar {
	display: grid;
	grid-template-columns: minmax(220px, auto) minmax(280px, 1fr) minmax(290px, auto);
	align-items: center;
	gap: 12px;
	margin-bottom: 10px;
}

.site-brand,
.site-brand:link,
.site-brand:visited {
	display: inline-grid;
	grid-template-columns: 42px auto;
	align-items: center;
	gap: 10px;
	color: var(--gw-text);
	text-align: left;
	text-decoration: none;
}

.site-brand-mark {
	width: 42px;
	height: 42px;
	background: url(../images/logo64x64.png) center / cover no-repeat, var(--gw-panel);
	border: 1px solid var(--gw-line-strong);
	border-radius: var(--gw-radius);
	box-shadow: 0 0 22px rgba(73, 215, 255, 0.18);
}

.site-brand-title {
	display: block;
	color: var(--gw-text);
	font-size: 1.35rem;
	font-weight: 900;
	line-height: 1;
	text-transform: uppercase;
}

.site-brand-tagline {
	display: block;
	margin-top: 4px;
	color: var(--gw-muted);
	font-size: 0.72rem;
	font-weight: 800;
	text-transform: uppercase;
}

.site-search {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 78px auto;
	align-items: center;
	gap: 8px;
	max-width: 620px;
	width: 100%;
	margin: 0 auto;
}

.site-header-tools {
	display: flex;
	align-items: stretch;
	justify-content: flex-end;
	gap: 8px;
}

.site-header-clock {
	display: grid;
	justify-items: end;
	gap: 2px;
	min-width: 150px;
	padding: 6px 10px;
	color: var(--gw-muted);
	background: rgba(5, 9, 14, 0.62);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
	font-size: 0.72rem;
	font-style: normal;
	font-weight: 800;
	line-height: 1.15;
	text-align: right;
	text-transform: uppercase;
}

.site-header-clock strong {
	color: var(--gw-accent);
	font-size: 0.94rem;
	letter-spacing: 0.04em;
}

.site-header-theme-toggle {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-width: 132px;
	padding: 6px 9px;
	color: var(--gw-text) !important;
	background: rgba(5, 9, 14, 0.62);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
	font: inherit;
	font-size: 0.76rem;
	font-weight: 900;
	text-transform: uppercase;
	cursor: pointer;
}

.site-header-theme-toggle:hover,
.site-header-theme-toggle:focus {
	color: #061018 !important;
	background: var(--gw-gold);
	border-color: #ffe2a1;
	outline: none;
}

.site-header-theme-toggle img {
	width: 22px;
	height: 22px;
	flex: 0 0 auto;
}

.site-header-theme-toggle:hover img,
.site-header-theme-toggle:focus img {
	filter: brightness(0.2);
}

.site-search label {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.site-search input,
.site-search select {
	width: 100%;
	min-height: 42px;
	padding: 10px 12px;
	color: var(--gw-text);
	background: rgba(5, 9, 14, 0.88);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
	font-size: 0.95rem;
}

.site-search select {
	width: 78px;
	min-width: 0;
	padding-right: 7px;
	padding-left: 7px;
	font-size: 0.82rem;
}

.site-search input:focus,
.site-search select:focus {
	border-color: var(--gw-accent);
	outline: none;
	box-shadow: 0 0 0 3px rgba(73, 215, 255, 0.16);
}

.site-search button {
	justify-self: center;
	min-height: 34px;
	padding: 7px 11px;
	color: #061018 !important;
	background: var(--gw-accent);
	border: 1px solid #a8edff;
	border-radius: var(--gw-radius);
	box-shadow: 0 0 8px rgba(73, 215, 255, 0.28);
	font-size: 0.74rem;
	font-weight: 900;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	cursor: pointer;
	animation: site-search-button-pulse 2.8s ease-in-out infinite;
}

@keyframes site-search-button-pulse {
	0%,
	100% {
		background: rgba(73, 215, 255, 0.28);
		border-color: rgba(168, 237, 255, 0.5);
		box-shadow: 0 0 5px rgba(73, 215, 255, 0.22);
	}

	50% {
		background: var(--gw-accent);
		border-color: #d7f8ff;
		box-shadow:
			0 0 10px rgba(73, 215, 255, 0.85),
			0 0 22px rgba(73, 215, 255, 0.42);
	}
}

.site-search button:hover,
.site-search button:focus {
	background: var(--gw-accent);
	border-color: #d7f8ff;
	box-shadow:
		0 0 10px rgba(73, 215, 255, 0.85),
		0 0 22px rgba(73, 215, 255, 0.42);
	animation-play-state: paused;
	outline: none;
}

@media (prefers-reduced-motion: reduce) {
	.site-search button {
		background: var(--gw-accent);
		border-color: #a8edff;
		box-shadow: 0 0 9px rgba(73, 215, 255, 0.4);
		animation: none;
	}
}

.site-navigation {
	position: relative;
	z-index: 110;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.site-primary-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: flex-start;
	background: transparent;
	border: 0;
	border-radius: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-primary-links li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1rem;
}

.site-primary-links li a,
.site-nav-menu summary {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 96px;
	min-height: 42px;
	padding: 10px 14px;
	color: var(--gw-text) !important;
	background: rgba(21, 29, 41, 0.82);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
	font-size: 0.92rem;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: uppercase;
	transition: border-color 0.2s, background-color 0.2s, color 0.2s, transform 0.2s;
}

.site-primary-links li a:hover,
.site-primary-links li a:focus,
.site-nav-menu summary:hover,
.site-nav-menu summary:focus,
.site-nav-menu[open] summary {
	color: #061018 !important;
	background: var(--gw-accent);
	border-color: var(--gw-accent);
	transform: translateY(-1px);
}

.site-navigation-menus {
	position: relative;
	z-index: 120;
	display: flex;
	gap: 8px;
}

.site-nav-menu {
	position: relative;
}

.site-nav-menu summary {
	cursor: pointer;
	list-style: none;
}

.site-nav-menu summary::-webkit-details-marker {
	display: none;
}

.site-nav-menu summary::after {
	content: "";
	width: 7px;
	height: 7px;
	margin-left: 9px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg) translateY(-2px);
}

.site-nav-menu[open] summary::after {
	transform: rotate(225deg) translate(-2px, -1px);
}

.site-nav-dropdown {
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	z-index: 1200;
	display: grid;
	gap: 6px;
	min-width: 190px;
	padding: 10px;
	background: rgba(10, 15, 22, 0.98);
	border: 1px solid var(--gw-line-strong);
	border-radius: var(--gw-radius);
	box-shadow: 0 16px 34px rgba(0, 0, 0, 0.46);
	text-align: left;
}

.site-videos-menu .site-nav-dropdown {
	right: auto;
	left: 0;
}

.site-nav-dropdown a {
	padding: 9px 11px;
	color: var(--gw-text) !important;
	background: rgba(21, 29, 41, 0.82);
	border: 1px solid transparent;
	border-radius: 6px;
	font-size: 0.86rem;
	font-weight: 800;
	text-decoration: none;
}

.site-nav-dropdown a:hover,
.site-nav-dropdown a:focus {
	color: #061018 !important;
	background: var(--gw-gold);
	border-color: #ffe2a1;
}

.site-nav-dropdown .site-nav-notifications {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.site-nav-notifications span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 24px;
	height: 24px;
	padding: 0 7px;
	color: #061018;
	background: var(--gw-gold);
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 900;
}

.site-nav-user {
	padding: 4px 8px 8px;
	color: var(--gw-gold);
	border-bottom: 1px solid var(--gw-line);
	font-size: 0.78rem;
	font-weight: 900;
	overflow-wrap: anywhere;
	text-transform: uppercase;
}

.site-nav-dropdown .site-nav-logout {
	color: #fff !important;
	background: rgba(239, 90, 103, 0.18);
	border-color: rgba(239, 90, 103, 0.42);
}

.site-nav-dropdown .site-nav-logout:hover,
.site-nav-dropdown .site-nav-logout:focus {
	color: #fff !important;
	background: var(--gw-danger);
	border-color: var(--gw-danger);
}

.top-status-row {
	grid-template-columns: minmax(160px, 280px) minmax(220px, 1fr);
	margin-bottom: 10px;
}

.top-status-row.online-only {
	grid-template-columns: minmax(0, 1fr);
}

.top-status-row.online-only.has-header-channel-action {
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	padding: 6px;
	background: var(--gw-panel-soft);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
}

.top-status-row.online-only .online-users-container {
	min-height: 46px;
	padding: 4px 8px;
	background: transparent;
	border: 0;
	border-radius: 0;
}

.header-channel-directory-action {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 46px;
	padding: 8px 12px;
	color: var(--gw-text) !important;
	background: rgba(5, 9, 14, 0.62);
	border: 1px solid var(--gw-line-strong);
	border-radius: var(--gw-radius);
	font-size: 0.76rem;
	font-weight: 900;
	text-decoration: none;
	text-transform: uppercase;
}

.header-channel-directory-action:hover,
.header-channel-directory-action:focus {
	color: #061018 !important;
	background: var(--gw-accent);
	border-color: #a8edff;
	outline: none;
}

.header-channel-directory-action img {
	width: 23px;
	height: 23px;
	filter: brightness(0) invert(1);
}

.header-channel-directory-action:hover img,
.header-channel-directory-action:focus img {
	filter: brightness(0.2);
}

.header-channel-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	color: #061018 !important;
	background: linear-gradient(135deg, rgba(73, 215, 255, 0.95), rgba(242, 189, 87, 0.95));
	border: 1px solid rgba(217, 246, 255, 0.85);
	border-radius: 50%;
	box-shadow: 0 0 18px rgba(73, 215, 255, 0.28);
	text-decoration: none;
	overflow: hidden;
}

.header-channel-action:hover,
.header-channel-action:focus {
	transform: translateY(-1px);
	border-color: #fff0c7;
	box-shadow: 0 0 22px rgba(242, 189, 87, 0.32);
	outline: 2px solid rgba(73, 215, 255, 0.45);
	outline-offset: 2px;
}

.header-channel-action img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.header-channel-action span {
	font-size: 1rem;
	font-weight: 900;
	line-height: 1;
	text-transform: uppercase;
}

.rank-top-trigger,
.rank-top-dropdown,
.online-users-container,
.session-check-box,
.rank-badge,
.blog-stat,
.blog-video-panel,
.blog-code-panel,
.profile-header,
.profile-panel,
.profile-video-card,
.admin-panel,
.file-item {
	background-color: var(--gw-panel-soft);
	border-color: var(--gw-line);
	border-radius: var(--gw-radius);
}

.rank-top-trigger,
.rank-top-dropdown {
	box-shadow: inset 0 0 0 1px rgba(73, 215, 255, 0.06);
}

.rank-top-trigger:hover,
.rank-top-trigger:focus {
	background-color: rgba(28, 180, 232, 0.16);
}

.rank-title,
.rank-cooldown,
.online-users-label,
.blog-kicker,
.blog-section-heading span,
.blog-post-topline,
.profile-header span,
.profile-section-heading span,
.admin-page .admin-titlebar h1,
.admin-page .admin-titlebar h2,
.admin-layout .admin-sidebar h3,
.admin-section-heading h3,
.admin-reply-form label,
.home-kicker {
	color: var(--gw-gold);
}

.rank-title-user {
	color: inherit;
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

.rank-title-user:hover,
.rank-title-user:focus {
	color: var(--gw-accent);
	outline: none;
}

.rank-count,
.rank-timer,
.online-user,
.blog-hero p,
.blog-post-body p,
.home-blog-list .blog-post-body p,
.blog-login-note p,
.blog-empty-state p,
.blog-more-link,
.profile-header p,
.profile-empty,
.profile-video-card p,
.admin-page .admin-titlebar p,
.admin-tool-panel p {
	color: var(--gw-muted);
}

.file-name {
	color: var(--gw-text);
	font-weight: 700;
}

.rank-meter,
.rank-progress {
	height: 10px;
	background-color: rgba(7, 10, 14, 0.9);
	border-color: var(--gw-line);
}

.rank-meter span,
.rank-progress span {
	background: linear-gradient(90deg, var(--gw-accent), var(--gw-gold));
}

main > .flex-container,
.file-manager-layout,
.admin-page .admin-layout {
	width: 100%;
	max-width: none;
	margin: 0 auto;
	gap: 14px;
}

div.text-container,
div.left-container,
div.center-container,
div.right-container,
div.form-container,
.blog-container,
.help-container,
.profile-container,
.file-manager-sidebar,
.file-manager-content,
.admin-layout .admin-sidebar,
.admin-layout .admin-content {
	background: var(--gw-surface);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
	box-shadow: 0 10px 34px rgba(0, 0, 0, 0.26);
}

div.text-container {
	width: 100%;
	max-width: none;
	margin: 0 auto 14px;
	height: auto;
	min-height: 0;
	padding: 16px 18px;
}

div.text-container h1,
div.text-container h2 {
	margin: 0;
}

div.left-container,
div.center-container,
div.right-container {
	padding: 18px;
	overflow: auto;
}

div.left-container h2,
div.center-container h2,
div.right-container h2 {
	margin-top: 0;
}

.home-intro,
.blog-container,
.help-container,
.profile-container {
	background:
		linear-gradient(135deg, rgba(73, 215, 255, 0.08), rgba(242, 189, 87, 0.06) 42%, transparent 72%),
		var(--gw-surface);
	border-radius: var(--gw-radius);
}

.blog-hero,
.blog-editor,
.blog-newsletter,
.blog-media-picker,
.blog-post,
.blog-login-note,
.blog-empty-state,
.help-hero,
.help-panel {
	background-color: var(--gw-panel-soft);
	border-color: var(--gw-line);
	border-radius: var(--gw-radius);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.24);
}

.blog-hero h2,
.blog-section-heading h3,
.blog-newsletter h3,
.blog-post h3,
.blog-login-note h3,
.blog-empty-state h3,
.help-hero h1,
.help-hero h2,
.help-panel h3,
.profile-header h1,
.profile-header h2,
.profile-section-heading h1,
.profile-section-heading h3,
.home-intro h1,
.home-intro h2 {
	color: var(--gw-text);
}

.blog-post::before {
	background: linear-gradient(180deg, var(--gw-accent), var(--gw-gold));
}

.blog-editor button,
.blog-newsletter button,
.blog-media-item,
.blog-login-note a,
.help-panel a:not(.site-button),
.profile-form button,
.profile-action-link:not(.site-button),
.admin-table button,
.admin-danger-button,
.admin-tool-link,
button,
.btn-download,
.btn-danger-small,
.form-btn {
	border: 0;
	border-radius: var(--gw-radius);
	font-weight: 900;
	text-decoration: none;
	transition: background-color 0.2s, color 0.2s, transform 0.2s;
}

.blog-editor button,
.blog-newsletter button,
.blog-media-item,
.blog-login-note a,
.help-panel a:not(.site-button),
.profile-form button,
.profile-action-link:not(.site-button),
.admin-table button,
.admin-tool-link,
button,
.btn-download,
.form-btn {
	color: var(--gw-text) !important;
	background: rgba(73, 215, 255, 0.08);
	border: 1px solid rgba(73, 215, 255, 0.5);
}

.blog-editor button:hover,
.blog-newsletter button:hover,
.blog-media-item:hover,
.blog-login-note a:hover,
.help-panel a:not(.site-button):hover,
.profile-form button:hover,
.profile-action-link:not(.site-button):hover,
.admin-table button:hover,
.admin-tool-link:hover,
button:hover,
.btn-download:hover,
.form-btn:hover {
	color: var(--gw-text) !important;
	background: rgba(73, 215, 255, 0.12);
	border-color: rgba(73, 215, 255, 0.62);
	transform: none;
}

.profile-page .profile-form button,
.profile-page .profile-action-link:not(.site-button),
.profile-page .profile-quick-actions a,
.profile-page .profile-panel-toggle,
.profile-page .btn-download {
	color: #061018 !important;
	background: #f2bd57;
	border: 1px solid #ffe2a1;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.45);
	text-shadow: none;
}

.profile-page .profile-form button:hover,
.profile-page .profile-action-link:not(.site-button):hover,
.profile-page .profile-quick-actions a:hover,
.profile-page .btn-download:hover,
.profile-page .profile-form button:focus,
.profile-page .profile-action-link:not(.site-button):focus,
.profile-page .profile-quick-actions a:focus,
.profile-page .profile-panel-toggle:hover,
.profile-page .profile-panel-toggle:focus,
.profile-page .btn-download:focus {
	color: #02070b !important;
	background: #ffd777;
	border-color: #fff0c7;
	outline: 2px solid rgba(73, 215, 255, 0.45);
	outline-offset: 2px;
}

.admin-danger-button,
.btn-danger-small {
	color: #fff !important;
	background: var(--gw-danger);
}

.admin-danger-button:hover,
.btn-danger-small:hover {
	background: #c93648;
}

.site-icon-button {
	display: inline-flex !important;
	flex: 0 0 36px;
	align-items: center;
	justify-content: center;
	width: 36px;
	min-width: 36px;
	height: 36px;
	padding: 7px !important;
	border-radius: 6px !important;
	vertical-align: middle;
}

.site-icon-button img {
	display: block;
	flex: 0 0 auto;
	width: 19px;
	height: 19px;
}

.site-icon-button.is-danger img,
.admin-danger-button.site-icon-button img,
.forum-danger-button.site-icon-button img,
.profile-video-delete.site-icon-button img {
	filter: brightness(0) invert(1);
}

.site-icon-button:focus {
	outline: 2px solid rgba(73, 215, 255, 0.55);
	outline-offset: 2px;
}

.folder-item a,
.admin-tool-list a {
	color: var(--gw-accent);
	border: 1px solid transparent;
}

.folder-item a:hover,
.admin-tool-list a:hover {
	color: var(--gw-text);
	background: rgba(73, 215, 255, 0.1);
	border-color: var(--gw-line);
}

.folder-item.active a,
.admin-tool-list a.active {
	color: #061018;
	background: var(--gw-gold);
}

.dashboard-layout-manager {
	display: grid;
	gap: 18px;
}

.dashboard-layout-note {
	margin: 0 0 14px;
	padding: 10px 12px;
	color: var(--gw-muted);
	background: rgba(73, 215, 255, 0.08);
	border: 1px solid rgba(73, 215, 255, 0.22);
	border-radius: 7px;
	font-size: 0.78rem;
	font-weight: 800;
	line-height: 1.45;
}

.dashboard-layout-form {
	display: grid;
	gap: 14px;
	padding: 14px;
	background: rgba(7, 10, 14, 0.38);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
}

.dashboard-layout-form-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.dashboard-layout-form-heading span {
	color: var(--gw-gold);
	font-size: 0.66rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.dashboard-layout-form-heading h4,
.dashboard-layout-column h5 {
	margin: 0;
	color: var(--gw-text);
}

.dashboard-layout-columns {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: start;
	gap: 12px;
}

.dashboard-layout-column {
	display: grid;
	align-content: start;
	gap: 8px;
	min-width: 0;
}

.dashboard-layout-dropzone {
	display: grid;
	align-content: start;
	gap: 8px;
	min-height: 190px;
	max-height: none;
	overflow: visible;
	padding: 9px 9px 22px;
	background: rgba(0, 0, 0, 0.22);
	border: 1px dashed rgba(73, 215, 255, 0.28);
	border-radius: 8px;
}

.dashboard-layout-available-list {
	max-height: 560px;
	overflow-y: auto;
	scroll-padding-bottom: 28px;
}

.dashboard-layout-dropzone.is-drop-target {
	border-color: var(--gw-accent);
	box-shadow: inset 0 0 0 1px rgba(73, 215, 255, 0.18);
}

.dashboard-layout-item {
	display: grid;
	grid-template-columns: 24px minmax(0, 1fr) auto;
	align-items: center;
	gap: 9px;
	min-height: 42px;
	padding: 8px 9px;
	color: var(--gw-text);
	background: rgba(21, 29, 41, 0.86);
	border: 1px solid var(--gw-line);
	border-radius: 7px;
	cursor: grab;
}

.dashboard-layout-item:has(.dashboard-layout-child-editor) {
	align-items: start;
	grid-template-columns: 24px minmax(0, 1fr) auto;
	min-height: 0;
	padding-bottom: 12px;
}

.dashboard-layout-item:active {
	cursor: grabbing;
}

.dashboard-layout-item.is-dragging {
	opacity: 0.46;
}

.dashboard-layout-item img {
	width: 22px;
	height: 22px;
	filter: brightness(0) invert(1);
}

.dashboard-layout-item span {
	display: grid;
	gap: 2px;
	min-width: 0;
	overflow: hidden;
}

.dashboard-layout-item strong {
	min-width: 0;
	overflow: hidden;
	font-size: 0.78rem;
	font-weight: 900;
	line-height: 1.2;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dashboard-layout-item em {
	min-width: 0;
	overflow: hidden;
	color: var(--gw-muted);
	font-size: 0.66rem;
	font-style: normal;
	font-weight: 800;
	line-height: 1.2;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dashboard-layout-item small {
	color: var(--gw-gold);
	font-size: 0.62rem;
	font-weight: 900;
	text-transform: uppercase;
}

.dashboard-layout-child-editor {
	display: grid;
	grid-column: 1 / -1;
	gap: 9px;
	margin-top: 8px;
	padding: 9px;
	overflow: visible;
	background: rgba(16, 30, 44, 0.92);
	border: 1px solid rgba(73, 215, 255, 0.26);
	border-radius: 7px;
	cursor: default;
}

.dashboard-layout-child-editor > div {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.dashboard-layout-child-editor button {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 26px;
	padding: 4px 8px;
	color: #061018;
	background: rgba(143, 231, 255, 0.92);
	border: 1px solid rgba(183, 242, 255, 0.88);
	border-radius: 999px;
	font-size: 0.64rem;
	font-weight: 850;
	cursor: pointer;
}

.dashboard-layout-child-editor button:hover,
.dashboard-layout-child-editor button:focus {
	color: #061018;
	background: var(--gw-gold);
	outline: none;
}

.dashboard-layout-child-editor button b {
	color: inherit;
	font-size: 0.8rem;
	line-height: 1;
}

.dashboard-layout-child-editor label {
	display: grid;
	gap: 4px;
	min-width: 0;
}

.dashboard-layout-child-editor label > span {
	color: #8fe7ff;
	font-size: 0.6rem;
	font-weight: 900;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.dashboard-layout-child-editor select {
	width: 100%;
	min-height: 36px;
	color: #f3fbff;
	background: #07111b;
	border: 1px solid rgba(73, 215, 255, 0.42);
	border-radius: 6px;
	font-size: 0.72rem;
	font-weight: 800;
}

@media screen and (max-width: 900px) {
	.dashboard-layout-columns {
		grid-template-columns: 1fr;
	}
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="file"],
textarea,
.blog-editor input,
.blog-newsletter input,
.blog-editor textarea,
.profile-form input,
.profile-form select,
.profile-video-card input,
.profile-video-card textarea,
.admin-reply-form input,
.admin-reply-form textarea,
.form-inline input[type="text"],
.form-inline input[type="file"] {
	color: var(--gw-text);
	background-color: rgba(7, 10, 14, 0.88);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
}

input:focus,
textarea:focus,
.blog-editor input:focus,
.blog-newsletter input:focus,
.blog-editor textarea:focus,
.profile-form input:focus,
.profile-form select:focus {
	border-color: var(--gw-accent);
	outline: none;
	box-shadow: 0 0 0 3px rgba(73, 215, 255, 0.15);
}

.admin-table {
	color: var(--gw-muted);
}

.admin-table td {
	background-color: rgba(15, 20, 28, 0.9);
	border-color: var(--gw-line);
}

footer {
	color: var(--gw-muted);
	background: rgba(6, 8, 12, 0.92);
	border-top: 1px solid var(--gw-line);
}

.error {
	color: #ffd8dc;
	background: rgba(239, 90, 103, 0.15);
	border: 1px solid rgba(239, 90, 103, 0.42);
}

.success,
.form-success {
	color: #d7ffe7;
	background: rgba(62, 224, 134, 0.14);
	border: 1px solid rgba(62, 224, 134, 0.4);
}

.notifications-container {
	max-width: none;
}

.notifications-header,
.notifications-empty {
	padding: 20px;
	background: var(--gw-panel-soft);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
}

.notifications-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
}

.notifications-header span {
	color: var(--gw-gold);
	font-size: 0.76rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.notifications-header h1,
.notifications-header h2,
.notifications-empty h3 {
	margin: 4px 0 8px;
}

.notifications-header p,
.notifications-empty p {
	margin: 0;
	color: var(--gw-muted);
}

.notifications-signal-panel {
	display: grid;
	grid-template-columns: minmax(130px, auto) minmax(0, 1fr);
	gap: 14px;
	align-items: center;
	margin-top: 14px;
	padding: 14px;
	background:
		linear-gradient(135deg, rgba(255, 179, 32, 0.14), rgba(73, 215, 255, 0.08)),
		rgba(7, 10, 14, 0.62);
	border: 1px solid rgba(255, 179, 32, 0.34);
	border-radius: 8px;
}

.notifications-signal-panel > div {
	display: grid;
	gap: 4px;
}

.notifications-signal-panel span {
	color: var(--gw-gold);
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.notifications-signal-panel strong {
	color: var(--gw-text);
	font-size: 1.2rem;
}

.notifications-signal-panel p {
	margin: 0;
	color: var(--gw-muted);
	line-height: 1.45;
}

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

.notifications-header-actions form {
	margin: 0;
}

.notifications-header-actions .site-icon-button,
.notifications-empty-actions .site-icon-button {
	width: 36px;
	min-width: 36px;
	color: #061018 !important;
	background: var(--gw-gold) !important;
	border: 1px solid #ffe2a1;
}

.notifications-summary-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
	margin-top: 12px;
	overflow: hidden;
	background: rgba(7, 10, 14, 0.58);
	border: 1px solid var(--gw-line);
	border-radius: 8px;
}

.notifications-summary-grid .profile-account-header-cell:nth-child(4),
.notifications-summary-grid > span:nth-last-child(1) {
	border-right: 0;
}

.notifications-summary-grid > span {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 74px;
	padding: 12px;
	color: var(--gw-muted);
	background: rgba(7, 10, 14, 0.62);
	border-right: 1px solid rgba(73, 215, 255, 0.12);
	border-top: 1px solid rgba(73, 215, 255, 0.12);
	font-size: 0.78rem;
	font-weight: 900;
	letter-spacing: 0;
	text-transform: none;
}

.notifications-summary-grid img {
	width: 28px;
	height: 28px;
	filter: brightness(0) invert(1);
}

.notifications-summary-grid strong {
	color: var(--gw-accent);
	font-size: 1.15rem;
}

.notifications-header button,
.notifications-empty a {
	display: inline-flex;
	padding: 10px 14px;
	color: #061018 !important;
	background: var(--gw-gold) !important;
	border: 1px solid #ffe2a1;
	border-radius: 6px;
	font-weight: 900;
	text-decoration: none;
	white-space: nowrap;
}

.notifications-notice {
	margin: 14px 0;
	padding: 12px 14px;
}

.notifications-list {
	display: grid;
	gap: 0;
	margin-top: 14px;
	overflow: hidden;
	background: rgba(7, 10, 14, 0.58);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
}

.notification-row {
	display: grid;
	grid-template-columns: 100px 150px minmax(130px, 0.54fr) minmax(260px, 1fr) 170px;
	align-items: stretch;
}

.notifications-list-heading {
	color: #061018;
	background: linear-gradient(90deg, var(--gw-accent), var(--gw-gold));
	font-size: 0.78rem;
	font-weight: 900;
	text-transform: uppercase;
}

.notifications-list-heading span,
.notification-item-button > span {
	min-width: 0;
	padding: 12px 14px;
	border-right: 1px solid rgba(116, 139, 167, 0.22);
}

.notifications-list-heading span:last-child,
.notification-item-button > span:last-child {
	border-right: 0;
}

.notification-item {
	display: block;
	padding: 0;
	color: var(--gw-text) !important;
	background: rgba(15, 20, 28, 0.9);
	border: 0;
	border-top: 1px solid var(--gw-line);
	border-radius: 0;
	text-decoration: none;
}

.notification-item:hover,
.notification-item:focus,
.notification-item:focus-within {
	background: rgba(73, 215, 255, 0.08);
	border-color: rgba(73, 215, 255, 0.5);
	outline: none;
}

.notification-item:hover .notification-item-button > span,
.notification-item:focus-within .notification-item-button > span {
	background: transparent;
}

.notification-item-button {
	display: grid;
	grid-template-columns: 100px 150px minmax(130px, 0.54fr) minmax(260px, 1fr) 170px;
	align-items: stretch;
	width: 100%;
	padding: 0;
	color: inherit;
	background: transparent;
	border: 0;
	font: inherit;
	text-align: left;
	cursor: pointer;
}

.notification-item-button:hover,
.notification-item-button:focus {
	color: inherit !important;
	background: transparent !important;
	transform: none !important;
}

.notification-item-button:focus {
	outline: none;
}

.notification-item.is-unread {
	box-shadow: inset 4px 0 0 var(--gw-gold);
}

.notification-status-cell,
.notification-type-cell,
.notification-actor-cell,
.notification-date-cell {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	color: var(--gw-muted);
	font-weight: 850;
	text-align: center;
}

.notification-activity-cell {
	display: block;
	align-self: center;
	color: var(--gw-muted);
	line-height: 1.4;
}

.notification-activity-cell strong,
.notification-actor-cell {
	color: var(--gw-text);
}

.notification-status {
	flex: 0 0 9px;
	width: 9px;
	height: 9px;
	background: var(--gw-muted);
	border-radius: 50%;
}

.notification-item.is-unread .notification-status {
	background: var(--gw-gold);
	box-shadow: 0 0 10px rgba(242, 189, 87, 0.55);
}

.notification-type {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin: 0 6px 4px 0;
	padding: 3px 7px;
	color: #061018;
	background: var(--gw-accent);
	border: 1px solid rgba(183, 242, 255, 0.82);
	border-radius: 999px;
	font-size: 0.66rem;
	font-weight: 900;
	text-transform: uppercase;
}

.notification-type img {
	width: 14px;
	height: 14px;
}

.notification-type-forum {
	color: #061018;
	background: var(--gw-gold);
	border-color: #ffe2a1;
}

.notification-type-friend {
	color: #061018;
	background: var(--gw-accent);
	border-color: rgba(183, 242, 255, 0.82);
}

.notification-item.is-friend-accepted {
	border-color: rgba(73, 215, 255, 0.5);
	box-shadow: inset 3px 0 0 var(--gw-accent), 0 0 18px rgba(73, 215, 255, 0.1);
}

.notification-item.is-friend-accepted .notification-status {
	background: var(--gw-accent);
	box-shadow: 0 0 12px rgba(73, 215, 255, 0.58);
}

.notification-friend-accepted-badge {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin-right: 7px;
	padding: 3px 7px;
	color: #061018;
	background: var(--gw-accent);
	border: 1px solid rgba(183, 242, 255, 0.86);
	border-radius: 999px;
	font-size: 0.64rem;
	font-weight: 900;
	text-transform: uppercase;
	white-space: nowrap;
}

.notification-friend-accepted-badge img {
	width: 13px;
	height: 13px;
}

.notification-friend-request {
	display: grid;
	grid-template-columns: 0.65fr 0.8fr 0.9fr minmax(0, 1.7fr) 0.9fr;
	align-items: stretch;
	color: var(--gw-text);
	background: rgba(7, 10, 14, 0.55);
	border: 0;
	border-top: 1px solid var(--gw-line);
}

.notification-friend-request > span {
	display: flex;
	align-items: center;
	min-width: 0;
	padding: 12px 14px;
	border-right: 1px solid rgba(116, 139, 167, 0.2);
}

.notification-friend-request > span:last-child {
	border-right: 0;
}

.notification-friend-request:hover,
.notification-friend-request:focus-within {
	background: rgba(73, 215, 255, 0.08);
	border-color: rgba(73, 215, 255, 0.5);
	outline: none;
}

.notification-friend-request:hover > span,
.notification-friend-request:focus-within > span {
	background: transparent;
}

.notification-friend-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-top: 6px;
}

.notification-friend-actions form {
	margin: 0;
}

.notification-friend-actions button {
	min-height: 30px;
	padding: 5px 9px;
	color: #061018;
	background: var(--gw-accent);
	border: 1px solid rgba(183, 242, 255, 0.8);
	border-radius: 7px;
	font-size: 0.68rem;
	font-weight: 900;
	cursor: pointer;
}

.notification-friend-actions form:last-child button {
	color: var(--gw-text);
	background: rgba(21, 29, 41, 0.95);
	border-color: var(--gw-line);
}

.notifications-empty {
	margin-top: 14px;
	text-align: center;
}

.notifications-empty a {
	margin-top: 14px;
}

.notifications-empty-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
}

.blog-media-item,
.blog-media-item:hover {
	color: var(--gw-text) !important;
	background-color: rgba(15, 20, 28, 0.95);
	border: 1px solid var(--gw-line);
	transform: none;
}

.blog-media-item:hover {
	border-color: var(--gw-accent);
}

.forum-container {
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
	text-align: left;
}

.forum-page {
	padding: 28px 0 70px;
}

.forum-page p {
	text-align: left;
}

.forum-viewing-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) clamp(260px, 16vw, 330px);
	align-items: stretch;
	gap: 10px;
	min-height: calc(100vh - var(--gw-header-height, 160px) - var(--gw-footer-height, 52px) - 112px);
}

.forum-viewing-main {
	min-width: 0;
}

.forum-hero,
.forum-panel,
.forum-topic-detail,
.forum-topic-card,
.forum-reply-card {
	background: rgba(15, 20, 28, 0.92);
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
	box-shadow: var(--gw-shadow);
}

.forum-hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 18px;
	padding: 22px;
	overflow: hidden;
}

.forum-hero::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 4px;
	background: linear-gradient(90deg, var(--gw-accent), var(--gw-gold));
}

.forum-hero-side {
	display: grid;
	grid-template-columns: auto repeat(2, minmax(116px, auto));
	align-items: center;
	justify-content: end;
	gap: 14px;
}

.forum-campfire {
	position: relative;
	width: 70px;
	height: 70px;
	filter: drop-shadow(0 0 18px rgba(255, 190, 83, 0.32));
}

.forum-campfire-flame,
.forum-campfire-log {
	position: absolute;
	left: 50%;
	display: block;
}

.forum-campfire-flame {
	bottom: 19px;
	border-radius: 54% 46% 58% 42% / 62% 50% 50% 38%;
	transform: translateX(-50%) rotate(45deg);
	transform-origin: 50% 85%;
	animation: forum-campfire-flicker 1.6s ease-in-out infinite;
}

.forum-campfire-flame-main {
	width: 30px;
	height: 42px;
	background: linear-gradient(135deg, #fff0a6 4%, #ffb93d 48%, #f05a28 100%);
}

.forum-campfire-flame-left,
.forum-campfire-flame-right {
	bottom: 18px;
	width: 22px;
	height: 30px;
	background: linear-gradient(135deg, #ffe28a 0%, #ff8a35 70%, #d6472b 100%);
	opacity: 0.9;
}

.forum-campfire-flame-left {
	margin-left: -15px;
	animation-delay: -0.45s;
}

.forum-campfire-flame-right {
	margin-left: 15px;
	animation-delay: -0.9s;
}

.forum-campfire-log {
	bottom: 10px;
	width: 42px;
	height: 10px;
	background: linear-gradient(90deg, #6d3621, #d0813f, #6d3621);
	border: 1px solid rgba(255, 224, 168, 0.35);
	border-radius: 999px;
}

.forum-campfire-log-left {
	transform: translateX(-50%) rotate(22deg);
}

.forum-campfire-log-right {
	transform: translateX(-50%) rotate(-22deg);
}

@keyframes forum-campfire-flicker {
	0%,
	100% {
		transform: translateX(-50%) rotate(45deg) scale(1);
	}

	45% {
		transform: translateX(-50%) rotate(39deg) scale(0.92, 1.08);
	}

	70% {
		transform: translateX(-50%) rotate(49deg) scale(1.06, 0.96);
	}
}

@media (prefers-reduced-motion: reduce) {
	.forum-campfire-flame {
		animation: none;
	}
}

.forum-hero .forum-kicker {
	color: var(--gw-accent);
}

.forum-kicker,
.forum-section-heading span,
.forum-topic-detail header span {
	color: var(--gw-gold);
	font-size: 0.76rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.forum-hero h1,
.forum-hero h2,
.forum-section-heading h3,
.forum-topic-detail h1,
.forum-topic-detail h2,
.forum-empty h3 {
	margin: 5px 0 8px;
}

.forum-hero p,
.forum-empty p,
.forum-topic-card span,
.forum-topic-detail small,
.forum-reply-card small {
	color: var(--gw-muted);
}

.forum-stat {
	min-width: 116px;
	height: 100%;
	padding: 14px;
	text-align: center;
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
	background: rgba(4, 8, 13, 0.55);
}

.forum-stat span {
	display: block;
	color: var(--gw-gold);
	font-size: 1.8rem;
	font-weight: 900;
}

.forum-primary-actions,
.forum-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 14px 0;
}

.forum-primary-actions a,
.forum-empty a:not(.site-button),
.forum-form button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 14px;
	color: #061018 !important;
	background: var(--gw-gold) !important;
	border: 1px solid #ffe2a1;
	border-radius: 6px;
	font-weight: 900;
	text-decoration: none;
}

.forum-page-actions {
	align-items: center;
	margin: 12px 0 4px;
}

.forum-page-actions a {
	color: var(--gw-text) !important;
	background: rgba(7, 10, 14, 0.72) !important;
	border-color: var(--gw-line);
}

.forum-page-actions a:hover,
.forum-page-actions a:focus,
.forum-page-actions a.is-active {
	color: #061018 !important;
	background: var(--gw-gold) !important;
	border-color: #ffe2a1;
	outline: none;
}

.forum-breadcrumb {
	align-items: center;
	color: var(--gw-muted);
	font-weight: 800;
}

.forum-topic-navigation {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	margin: 10px 0 14px;
}

.forum-topic-navigation a,
.forum-topic-navigation span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 38px;
	background: rgba(15, 20, 28, 0.92);
	border: 1px solid var(--gw-line);
	border-radius: 6px;
}

.forum-topic-navigation a:hover,
.forum-topic-navigation a:focus {
	border-color: var(--gw-accent);
	background: rgba(24, 34, 47, 0.96);
	outline: none;
}

.forum-topic-navigation span {
	opacity: 0.28;
}

.forum-topic-navigation img {
	width: 22px;
	height: 22px;
	filter: brightness(0) invert(1);
}

.forum-topic-main {
	display: grid;
	align-content: start;
	gap: 10px;
}

.forum-topic-main .forum-breadcrumb,
.forum-topic-main .forum-page-actions,
.forum-topic-main .forum-topic-navigation,
.forum-topic-main .forum-topic-detail,
.forum-topic-main .forum-panel {
	margin-top: 0;
	margin-bottom: 0;
}

.forum-topic-main .forum-breadcrumb {
	font-size: 0.82rem;
}

.forum-topic-subcategory-crumb {
	color: var(--gw-muted);
	font-weight: 900;
}

.forum-topic-main .forum-page-actions {
	gap: 7px;
}

.forum-topic-main .forum-page-actions a {
	min-height: 32px;
	padding: 7px 10px;
	font-size: 0.78rem;
}

.forum-topic-main .forum-topic-navigation {
	justify-content: flex-end;
	margin-top: -2px;
}

.forum-topic-main .forum-topic-navigation a,
.forum-topic-main .forum-topic-navigation span {
	width: 36px;
	height: 32px;
}

.forum-topic-main .forum-topic-navigation img {
	width: 18px;
	height: 18px;
}

.forum-topic-summary {
	position: relative;
	z-index: 2;
	overflow: visible;
	border: 1px solid var(--gw-line);
	border-radius: 6px;
	background: rgba(7, 10, 14, 0.48);
}

.forum-topic-summary-grid {
	display: grid;
	grid-template-columns: minmax(112px, 0.24fr) minmax(130px, 0.28fr) minmax(240px, 1fr) 82px minmax(150px, 0.34fr) 74px 82px 74px;
	align-items: stretch;
}

.forum-topic-summary-heading {
	color: #061018;
	background: linear-gradient(90deg, var(--gw-accent), var(--gw-gold));
	font-size: 0.76rem;
	font-weight: 900;
	text-transform: uppercase;
}

.forum-topic-summary-heading span,
.forum-topic-summary-row > * {
	min-width: 0;
	padding: 10px 12px;
	border-right: 1px solid rgba(116, 139, 167, 0.22);
}

.forum-topic-summary-heading span:last-child,
.forum-topic-summary-row > *:last-child {
	border-right: 0;
}

.forum-topic-summary-row {
	color: var(--gw-text);
}

.forum-topic-summary-row a,
.forum-topic-summary-row strong,
.forum-topic-summary-row .forum-topic-subcategory-cell {
	color: var(--gw-accent) !important;
	font-weight: 900;
}

.forum-topic-summary-row a {
	text-decoration: underline;
}

.forum-topic-subcategory-cell {
	font-weight: 900;
}

.forum-topic-summary-row > span:nth-child(4) {
	display: grid;
	place-items: center;
	font-weight: 900;
}

.forum-topic-summary-row > *:nth-child(5) {
	display: grid;
	align-content: center;
	gap: 3px;
	font-weight: 900;
}

.forum-topic-summary-row small {
	display: block;
	color: var(--gw-muted);
	font-size: 0.72rem;
	font-weight: 800;
}

.forum-topic-author-cell {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.forum-topic-author-cell > span:first-child {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.forum-topic-author-cell .forum-moderation-actions {
	flex: 0 0 auto;
}

.forum-topic-action-cell {
	display: grid;
	place-items: center;
	min-height: 52px;
}

.forum-topic-action-cell > form {
	margin: 0;
}

.forum-topic-action-cell .forum-report-control summary,
.forum-topic-action-cell .forum-edit-control summary {
	color: #061018 !important;
	background: var(--gw-accent) !important;
	border-color: rgba(139, 235, 255, 0.9);
	box-shadow:
		inset 0 1px rgba(255, 255, 255, 0.22),
		0 0 12px rgba(73, 215, 255, 0.24);
}

.forum-topic-action-cell .forum-report-control summary:hover,
.forum-topic-action-cell .forum-report-control summary:focus,
.forum-topic-action-cell .forum-edit-control summary:hover,
.forum-topic-action-cell .forum-edit-control summary:focus {
	background: #8bebff !important;
	border-color: #d7f8ff;
}

.forum-topic-tools {
	display: flex;
	justify-content: flex-end;
	min-height: 0;
}

.forum-topic-tools:empty {
	display: none;
}

.forum-topic-body {
	position: relative;
	z-index: 1;
	padding: 12px;
	border: 1px solid rgba(116, 139, 167, 0.18);
	border-radius: 6px;
	background: rgba(4, 8, 13, 0.45);
}

.forum-format-bold {
	color: var(--gw-text);
	font-weight: 900;
}

.forum-format-size-small {
	font-size: 0.82em;
}

.forum-format-size-large {
	font-size: 1.24em;
	font-weight: 900;
}

.forum-format-size-xlarge {
	font-size: 1.45em;
	font-weight: 900;
}

.forum-format-color {
	color: var(--forum-text-color, var(--gw-accent));
}

.forum-ordered-list {
	margin: 10px 0;
	padding-left: 26px;
	color: var(--gw-muted);
}

.forum-ordered-list li {
	margin: 5px 0;
	padding-left: 4px;
}

.forum-code-block {
	margin: 10px 0;
	padding: 12px;
	overflow-x: auto;
	color: #d7f8ff;
	background: rgba(2, 6, 10, 0.86);
	border: 1px solid rgba(73, 215, 255, 0.24);
	border-radius: 6px;
	font-size: 0.82rem;
	line-height: 1.45;
}

.forum-code-block code {
	font-family: "Courier New", Courier, monospace;
}

.forum-image-embed {
	display: block;
	margin: 10px 0;
}

.forum-image-embed img {
	display: block;
	max-width: min(100%, 920px);
	max-height: 560px;
	border: 1px solid rgba(73, 215, 255, 0.24);
	border-radius: 6px;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
}

.forum-topic-share {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	padding: 10px 12px;
	border: 1px solid rgba(73, 215, 255, 0.18);
	border-radius: 6px;
	background: rgba(7, 10, 14, 0.48);
}

.forum-topic-share > span {
	color: var(--gw-gold);
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.forum-topic-share-copy,
.forum-topic-share-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 34px;
	height: 34px;
	color: #061018 !important;
	background: var(--gw-accent);
	border: 1px solid rgba(139, 235, 255, 0.92);
	border-radius: 6px;
	box-shadow: 0 0 12px rgba(73, 215, 255, 0.18);
	text-decoration: none;
}

.forum-topic-share-copy {
	gap: 6px;
	padding: 0 10px;
	font: inherit;
	font-weight: 900;
	cursor: pointer;
}

.forum-topic-share-copy small {
	color: inherit;
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.forum-topic-share-copy img,
.forum-topic-share-link img {
	width: 17px;
	height: 17px;
	filter: brightness(0);
}

.forum-topic-share-links {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 6px;
}

.forum-topic-share-link span {
	font-size: 0.78rem;
	font-weight: 900;
	text-transform: uppercase;
}

.forum-topic-share-link:hover,
.forum-topic-share-link:focus,
.forum-topic-share-copy:hover,
.forum-topic-share-copy:focus {
	background: #8bebff;
	border-color: #d7f8ff;
	box-shadow: 0 0 16px rgba(73, 215, 255, 0.32);
	outline: none;
}

.forum-topic-share-facebook {
	background: #4c8dff;
}

.forum-topic-share-twitter {
	background: #49d7ff;
}

.forum-topic-share-linkedin {
	background: #70a7ff;
}

.forum-topic-share-reddit {
	background: #ffad57;
}

.forum-topic-share-email {
	background: var(--gw-gold);
}

.forum-reply-composer {
	display: grid;
	gap: 10px;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid rgba(116, 139, 167, 0.18);
}

.forum-reply-composer summary,
.forum-topic-login-prompt a:not(.site-button) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	justify-self: start;
	min-height: 34px;
	padding: 8px 13px;
	color: #061018 !important;
	background: var(--gw-gold);
	border: 1px solid #ffe2a1;
	border-radius: 6px;
	font-size: 0.8rem;
	font-weight: 900;
	text-decoration: none;
	cursor: pointer;
}

.forum-reply-composer summary {
	background: var(--gw-accent) !important;
	border-color: rgba(139, 235, 255, 0.9);
	box-shadow:
		inset 0 1px rgba(255, 255, 255, 0.22),
		0 0 12px rgba(73, 215, 255, 0.24);
}

.forum-reply-composer .forum-editor-toolbar .site-icon-button {
	background: var(--gw-accent) !important;
	border-color: rgba(139, 235, 255, 0.9);
	box-shadow:
		inset 0 1px rgba(255, 255, 255, 0.22),
		0 0 12px rgba(73, 215, 255, 0.24);
}

.forum-reply-composer summary:hover,
.forum-reply-composer summary:focus,
.forum-reply-composer .forum-editor-toolbar .site-icon-button:hover,
.forum-reply-composer .forum-editor-toolbar .site-icon-button:focus {
	background: #8bebff !important;
	border-color: #d7f8ff;
	outline: none;
}

.forum-reply-composer summary::-webkit-details-marker {
	display: none;
}

.forum-reply-composer summary::marker {
	content: "";
}

.forum-reply-composer[open] summary {
	color: #061018 !important;
	background: var(--gw-accent) !important;
	border-color: rgba(139, 235, 255, 0.9);
}

.forum-replies-panel {
	overflow: hidden;
}

.forum-replies-summary {
	overflow: hidden;
	margin: -14px -14px 14px;
	border-bottom: 1px solid rgba(116, 139, 167, 0.22);
}

.forum-replies-summary-grid {
	display: grid;
	grid-template-columns: minmax(130px, 0.28fr) minmax(260px, 1fr);
	align-items: stretch;
}

.forum-replies-summary-heading {
	color: #061018;
	background: linear-gradient(90deg, var(--gw-accent), var(--gw-gold));
	font-size: 0.76rem;
	font-weight: 900;
	text-transform: uppercase;
}

.forum-replies-summary-heading span {
	min-width: 0;
	padding: 10px 12px;
	border-right: 1px solid rgba(116, 139, 167, 0.22);
}

.forum-replies-summary-heading span:last-child {
	border-right: 0;
}

.forum-pagination {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 16px;
}

.forum-pagination a,
.forum-pagination span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 7px 12px;
	border-radius: 4px;
	font-size: 0.82rem;
	font-weight: 900;
	text-transform: lowercase;
}

.forum-pagination a {
	min-width: 36px;
	color: #dce7ef !important;
	background:
		linear-gradient(180deg, rgba(21, 29, 41, 0.96), rgba(7, 10, 14, 0.96)),
		rgba(7, 10, 14, 0.9);
	border: 1px solid rgba(73, 215, 255, 0.28);
	box-shadow:
		inset 0 1px rgba(255, 255, 255, 0.05),
		0 0 0 1px rgba(73, 215, 255, 0.08),
		0 0 14px rgba(73, 215, 255, 0.1);
	text-decoration: none;
}

.forum-pagination a:hover,
.forum-pagination a:focus,
.forum-pagination a.is-current {
	color: var(--gw-accent) !important;
	background:
		linear-gradient(180deg, rgba(24, 34, 47, 0.98), rgba(9, 14, 20, 0.98)),
		rgba(7, 10, 14, 0.94);
	border-color: rgba(73, 215, 255, 0.74);
	box-shadow:
		inset 0 1px rgba(255, 255, 255, 0.08),
		0 0 0 1px rgba(73, 215, 255, 0.18),
		0 0 18px rgba(73, 215, 255, 0.34);
	outline: none;
}

.forum-pagination a.is-edge,
.forum-pagination span.is-edge {
	color: #dce7ef !important;
	background:
		linear-gradient(180deg, rgba(17, 28, 39, 0.98), rgba(6, 11, 17, 0.98)),
		rgba(7, 10, 14, 0.94);
	border-color: rgba(73, 215, 255, 0.46);
	box-shadow:
		inset 0 1px rgba(255, 255, 255, 0.06),
		0 0 0 1px rgba(73, 215, 255, 0.12),
		0 0 16px rgba(73, 215, 255, 0.2);
}

.forum-pagination a.is-current {
	color: #061018 !important;
	background: linear-gradient(180deg, var(--gw-accent), #2d9fbd);
	border-color: rgba(139, 235, 255, 0.88);
	box-shadow:
		inset 0 1px rgba(255, 255, 255, 0.22),
		0 0 0 1px rgba(73, 215, 255, 0.18),
		0 0 20px rgba(73, 215, 255, 0.42);
}

.forum-pagination span {
	min-width: 36px;
	color: rgba(220, 231, 239, 0.48);
	background: rgba(7, 10, 14, 0.52);
	border: 1px solid rgba(73, 215, 255, 0.14);
}

.forum-pagination span.is-disabled {
	cursor: not-allowed;
	opacity: 0.52;
}

.forum-campfire-chat {
	position: sticky;
	top: 12px;
	display: grid;
	grid-template-rows: auto minmax(0, 1fr);
	align-content: stretch;
	height: max(520px, calc(100vh - var(--gw-header-height, 160px) - var(--gw-footer-height, 52px) - 42px));
	min-height: 460px;
	margin: 0;
	overflow: hidden;
	border-color: rgba(73, 215, 255, 0.34);
}

.forum-campfire-chat > .home-chat,
.forum-campfire-chat > .home-chat-guest {
	min-height: 0;
}

.forum-chat {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 0;
}

.forum-chat .home-chat-presence,
.forum-chat .home-chat-form {
	flex: 0 0 auto;
}

.forum-chat .home-chat-messages {
	flex: 1 1 auto;
	height: auto !important;
	min-height: 0;
	background:
		radial-gradient(circle at top right, rgba(73, 215, 255, 0.08), transparent 34%),
		rgba(4, 8, 13, 0.9);
}

.forum-chat .home-chat-form input {
	border-color: rgba(73, 215, 255, 0.3);
}

.forum-chat-guest a {
	color: var(--gw-gold) !important;
	font-weight: 900;
}

.forum-board-list,
.forum-topic-list,
.forum-reply-list {
	display: grid;
	gap: 0;
}

.forum-board-index {
	overflow: hidden;
	padding: 0;
}

.forum-board-grid {
	display: grid;
	grid-template-columns: minmax(280px, 1fr) 96px 96px minmax(220px, 0.72fr);
	align-items: stretch;
}

.forum-topic-board-grid {
	display: grid;
	grid-template-columns: minmax(150px, 0.28fr) minmax(260px, 0.9fr) minmax(180px, 0.46fr) 84px minmax(210px, 0.52fr);
	align-items: stretch;
}

.forum-board-heading {
	color: #061018;
	background: linear-gradient(90deg, var(--gw-accent), var(--gw-gold));
	font-size: 0.78rem;
	font-weight: 900;
	text-transform: uppercase;
}

.forum-board-heading span,
.forum-board-row > * {
	padding: 12px 14px;
	border-right: 1px solid rgba(116, 139, 167, 0.22);
}

.forum-board-heading span:last-child,
.forum-board-row > *:last-child {
	border-right: 0;
}

.forum-board-row {
	background: rgba(7, 10, 14, 0.48);
	border-top: 1px solid var(--gw-line);
}

.forum-board-row:nth-child(even) {
	background: rgba(21, 29, 41, 0.58);
}

.forum-topic-thread-card {
	display: grid;
	gap: 0;
	border-top: 1px solid var(--gw-line);
}

.forum-topic-thread-card .forum-board-row {
	border-top: 0;
}

.forum-topic-thread-card:nth-child(even) .forum-board-row {
	background: rgba(21, 29, 41, 0.58);
}

.forum-topic-thread-replies {
	display: grid;
	gap: 6px;
	padding: 0 14px 10px 42px;
	background: rgba(7, 10, 14, 0.36);
}

.forum-topic-thread-reply {
	display: grid;
	grid-template-columns: auto auto minmax(0, 1fr);
	gap: 8px;
	align-items: center;
	padding: 9px 11px;
	color: var(--gw-text) !important;
	background: rgba(21, 29, 40, 0.72);
	border: 1px solid rgba(73, 215, 255, 0.22);
	border-left: 4px solid var(--gw-accent);
	border-radius: 7px;
	text-decoration: none;
}

.forum-topic-thread-reply:hover,
.forum-topic-thread-reply:focus {
	background: rgba(73, 215, 255, 0.1);
	border-color: rgba(73, 215, 255, 0.5);
	outline: none;
}

.forum-topic-thread-reply span {
	color: var(--gw-gold);
	font-size: 0.68rem;
	font-weight: 900;
	text-transform: uppercase;
}

.forum-topic-thread-reply strong {
	color: var(--gw-text);
	font-size: 0.8rem;
}

.forum-topic-thread-reply small {
	overflow: hidden;
	color: var(--gw-muted);
	font-size: 0.78rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.forum-board-main {
	display: grid;
	gap: 4px;
	color: var(--gw-text) !important;
	text-decoration: none;
}

.forum-board-main strong {
	color: var(--gw-accent);
	font-size: 1.02rem;
	text-decoration: underline;
}

.forum-board-main span,
.forum-board-last small {
	color: var(--gw-muted);
}

.forum-board-count {
	display: grid;
	place-items: center;
	color: var(--gw-text);
	font-weight: 900;
	text-align: center;
}

.forum-board-last {
	display: grid;
	align-content: center;
	gap: 3px;
	min-width: 0;
}

.forum-board-last a {
	color: var(--gw-accent) !important;
	font-weight: 900;
}

.forum-board-last small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.forum-board-last em {
	color: var(--gw-muted);
	font-style: normal;
}

.forum-topic-board-category strong {
	color: var(--gw-gold);
	font-size: 0.92rem;
}

.forum-topic-board-title strong {
	font-size: 1rem;
}

.forum-topic-board-video {
	display: grid;
	align-content: center;
	gap: 6px;
	min-width: 0;
}

.forum-topic-board-video video,
.forum-topic-board-video iframe {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	background: #05080c;
	border: 1px solid var(--gw-line-strong);
	border-radius: 7px;
}

.forum-topic-board-video iframe {
	height: auto;
}

.forum-topic-board-video small,
.forum-topic-board-video a {
	overflow: hidden;
	color: var(--gw-muted) !important;
	font-size: 0.68rem;
	font-weight: 850;
	text-overflow: ellipsis;
	text-decoration: none;
	white-space: nowrap;
}

.forum-topic-board-video a:hover,
.forum-topic-board-video a:focus {
	color: var(--gw-accent) !important;
	outline: none;
}

.forum-board-main:hover strong,
.forum-board-main:focus strong,
.forum-board-last a:hover,
.forum-board-last a:focus {
	color: var(--gw-gold) !important;
	outline: none;
}

.forum-topic-card {
	display: grid;
	gap: 6px;
	padding: 15px;
	color: var(--gw-text) !important;
	text-decoration: none;
}

.forum-topic-card:hover,
.forum-topic-card:focus {
	border-color: var(--gw-accent);
	background: rgba(24, 34, 47, 0.96);
}

.forum-topic-card small {
	color: var(--gw-gold);
	font-weight: 900;
}

.forum-panel,
.forum-topic-detail {
	margin-top: 14px;
	padding: 18px;
}

.forum-topic-main .forum-panel,
.forum-topic-main .forum-topic-detail {
	padding: 14px;
	box-shadow: none;
}

.forum-section-heading {
	margin-bottom: 12px;
}

.forum-topic-main .forum-section-heading {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 9px;
}

.forum-topic-main .forum-section-heading h3 {
	margin: 0;
	font-size: 1rem;
}

.forum-topic-card {
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
}

.forum-topic-card strong {
	display: block;
	margin-bottom: 4px;
}

.forum-topic-detail header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 14px;
}

.forum-topic-main .forum-topic-detail header {
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(116, 139, 167, 0.18);
}

.forum-topic-main .forum-topic-detail h1 {
	margin: 3px 0 4px;
	font-size: clamp(1.08rem, 1.4vw, 1.35rem);
	line-height: 1.18;
}

.forum-topic-detail header > div,
.forum-reply-card header > div {
	min-width: 0;
}

.forum-topic-detail p,
.forum-reply-card p {
	margin: 0;
	color: var(--gw-text);
	text-align: left;
}

.forum-topic-main .forum-topic-detail p,
.forum-topic-main .forum-reply-card p {
	font-size: 0.92rem;
	line-height: 1.5;
}

.forum-mention {
	color: var(--gw-accent) !important;
	font-weight: 900;
}

.forum-edited-label,
.forum-form-hint {
	display: block;
	margin-top: 7px;
	color: var(--gw-muted);
	font-size: 0.72rem;
	font-style: italic;
	text-align: left;
}

.forum-reaction-controls {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: 12px;
	padding-top: 10px;
	border-top: 1px solid rgba(116, 139, 167, 0.16);
}

.forum-reaction-summary {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--gw-muted);
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.forum-topic-board-title .forum-reaction-summary {
	margin-top: 7px;
}

.forum-reaction-count-chip {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	min-height: 24px;
	padding: 4px 7px;
	background: rgba(7, 10, 14, 0.36);
	border: 1px solid rgba(116, 139, 167, 0.18);
	border-radius: 6px;
}

.forum-reaction-count-chip img,
.forum-reaction-button img {
	width: 15px;
	height: 15px;
	object-fit: contain;
}

.forum-reaction-count-chip strong,
.forum-reaction-button strong {
	font: inherit;
}

.forum-reaction-fallback {
	line-height: 1;
}

.forum-reaction-form {
	margin: 0;
}

.forum-reaction-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 30px;
	min-width: 48px;
	padding: 6px 9px;
	color: var(--gw-text);
	background: rgba(7, 10, 14, 0.54);
	border: 1px solid rgba(116, 139, 167, 0.3);
	border-radius: 6px;
	font-size: 0.72rem;
	font-weight: 900;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
}

.forum-reaction-button:hover,
.forum-reaction-button:focus {
	color: #061019;
	background: var(--gw-accent);
	border-color: rgba(88, 214, 255, 0.76);
}

.forum-reaction-button.is-active {
	color: #15150d;
	background: var(--gw-gold);
	border-color: rgba(255, 210, 84, 0.86);
	box-shadow: 0 0 0 1px rgba(255, 210, 84, 0.22);
}

.forum-reply-card {
	padding: 14px;
	box-shadow: none;
}

.forum-topic-main .forum-reply-card {
	padding: 11px 12px;
	background: rgba(7, 10, 14, 0.48);
	border-radius: 0;
}

.forum-topic-main .forum-reply-card + .forum-reply-card {
	border-top: 0;
}

.forum-reply-card header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 8px;
}

.forum-topic-main .forum-reply-card header {
	margin-bottom: 6px;
}

.forum-reply-card header small {
	display: block;
}

.forum-danger-button {
	flex: 0 0 auto;
	padding: 7px 10px;
	color: #fff !important;
	background: #8d2432 !important;
	border: 1px solid #c94a5d;
	border-radius: 6px;
	font-weight: 900;
	cursor: pointer;
}

.forum-danger-button:hover,
.forum-danger-button:focus {
	background: #ad2d3f !important;
}

.forum-moderation-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-end;
	gap: 8px;
}

.forum-moderation-actions > form {
	margin: 0;
}

.forum-reply-mention {
	padding: 7px 10px;
}

.forum-report-control {
	position: relative;
}

.forum-edit-control {
	position: relative;
}

.forum-report-control[open],
.forum-edit-control[open] {
	z-index: 30;
}

.forum-edit-control summary {
	padding: 7px 10px;
	list-style: none;
	cursor: pointer;
}

.forum-edit-control summary::-webkit-details-marker {
	display: none;
}

.forum-edit-control form {
	position: absolute;
	right: 0;
	z-index: 40;
	width: min(520px, 82vw);
	margin-top: 8px;
	padding: 12px;
	background: var(--gw-surface-strong);
	border: 1px solid var(--gw-line-strong);
	border-radius: var(--gw-radius);
	box-shadow: var(--gw-shadow);
}

.forum-report-control summary {
	padding: 7px 10px;
	color: #061018 !important;
	background: var(--gw-accent) !important;
	border: 1px solid rgba(139, 235, 255, 0.9);
	border-radius: 6px;
	font-size: 0.76rem;
	font-weight: 800;
	cursor: pointer;
	list-style: none;
	box-shadow:
		inset 0 1px rgba(255, 255, 255, 0.22),
		0 0 12px rgba(73, 215, 255, 0.24);
}

.forum-report-control summary:hover,
.forum-report-control summary:focus {
	background: #8bebff !important;
	border-color: #d7f8ff;
	outline: none;
}

.forum-report-control summary::-webkit-details-marker {
	display: none;
}

.forum-report-control[open] {
	min-width: 42px;
}

.forum-report-control .content-report-form {
	position: absolute;
	right: 0;
	z-index: 40;
	width: min(430px, calc(100vw - 48px));
	margin-top: 8px;
	padding: 12px;
	background: var(--gw-surface-strong);
	border: 1px solid var(--gw-line-strong);
	border-radius: var(--gw-radius);
	box-shadow: var(--gw-shadow);
}

.forum-form {
	display: grid;
	gap: 10px;
}

.forum-form label {
	color: var(--gw-gold);
	font-weight: 900;
}

.forum-form input,
.forum-form select,
.forum-form textarea {
	width: 100%;
	padding: 11px 12px;
	color: var(--gw-text);
	background: rgba(4, 8, 13, 0.86);
	border: 1px solid var(--gw-line);
	border-radius: 6px;
}

.forum-form textarea {
	resize: vertical;
}

.forum-editor-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	justify-content: flex-start;
}

.forum-editor-toolbar::before {
	content: "Helpers";
	align-self: center;
	color: var(--gw-gold);
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.forum-editor-toolbar .site-icon-button {
	min-width: 36px;
	padding: 7px !important;
}

.forum-editor-toolbar .site-icon-button span {
	color: #061018;
	font-size: 0.78rem;
	font-weight: 900;
	line-height: 1;
}

.forum-editor-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 4px;
}

.forum-editor-submit {
	flex: 0 0 auto;
}

.forum-media-embed {
	display: block;
	width: min(100%, 760px);
	margin: 12px 0;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #05080c;
	border: 1px solid var(--gw-line-strong);
	border-radius: var(--gw-radius);
}

.forum-media-embed iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

.forum-media-embed.forum-local-video {
	display: grid;
	aspect-ratio: auto;
	overflow: visible;
}

.forum-local-video video {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	background: #05080c;
	border-radius: var(--gw-radius) var(--gw-radius) 0 0;
}

.forum-local-video small {
	padding: 7px 10px;
	color: var(--gw-muted);
	background: var(--gw-panel-soft);
	border-radius: 0 0 var(--gw-radius) var(--gw-radius);
	font-weight: 800;
}

.forum-search-form {
	display: grid;
	gap: 7px;
	margin-bottom: 14px;
}

.forum-search-form label {
	color: var(--gw-gold);
	font-size: 0.78rem;
	font-weight: 900;
	text-transform: uppercase;
}

.forum-search-form > div {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) minmax(160px, 240px) auto auto;
	align-items: center;
	gap: 8px;
}

.forum-search-title {
	white-space: nowrap;
}

.forum-search-form input,
.forum-search-form select {
	width: 100%;
	padding: 10px 12px;
	color: var(--gw-text);
	background: rgba(4, 8, 13, 0.86);
	border: 1px solid var(--gw-line);
	border-radius: 6px;
}

.forum-search-form .site-icon-button {
	width: 36px;
	min-width: 36px;
	height: 36px;
	flex-basis: 36px;
	padding: 7px !important;
	border: 1px solid var(--gw-line);
	background: rgba(4, 8, 13, 0.86);
	box-shadow: none;
}

.forum-search-form .site-icon-button img {
	width: 19px;
	height: 19px;
	opacity: 0.82;
}

.forum-search-form .site-icon-button:hover,
.forum-search-form .site-icon-button:focus {
	border-color: rgba(73, 215, 255, 0.55);
	background: rgba(12, 24, 35, 0.94);
}

.forum-search-form .site-icon-button:hover img,
.forum-search-form .site-icon-button:focus img {
	opacity: 1;
}

.forum-search-form select {
	cursor: pointer;
}

.forum-search-form a {
	align-self: center;
	font-weight: 900;
}

.forum-category-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
}

.forum-category-filter a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 7px 11px;
	color: var(--gw-text) !important;
	background: rgba(7, 10, 14, 0.62);
	border: 1px solid var(--gw-line);
	border-radius: 999px;
	font-size: 0.78rem;
	font-weight: 900;
	text-decoration: none;
}

.forum-category-filter a:hover,
.forum-category-filter a:focus,
.forum-category-filter a.is-active {
	color: #061018 !important;
	background: var(--gw-gold);
	border-color: #ffe2a1;
	outline: none;
}

.forum-notice,
.forum-empty {
	margin: 14px 0;
	padding: 12px 14px;
}

.forum-empty {
	text-align: center;
}

@media screen and (max-width: 960px) {
	.site-brandbar {
		grid-template-columns: minmax(220px, 1fr) auto;
	}

	.site-search {
		grid-column: 1 / -1;
		grid-row: 2;
		max-width: none;
	}
}

@media screen and (max-width: 760px) {
	body {
		padding: 10px;
	}

	.forum-search-form > div {
		grid-template-columns: 1fr;
	}

	.forum-board-heading {
		display: none;
	}

		.forum-board-grid {
			grid-template-columns: minmax(0, 1fr);
		}

		.forum-topic-board-grid {
			grid-template-columns: minmax(0, 1fr);
		}

		.forum-topic-thread-replies {
			padding: 8px 10px 12px 22px;
		}

		.forum-topic-thread-reply {
			grid-template-columns: minmax(0, 1fr);
		}

		.forum-topic-summary-heading {
			display: none;
		}

		.forum-topic-summary-grid {
			grid-template-columns: minmax(0, 1fr);
		}

		.forum-topic-summary-row > * {
			display: flex;
			justify-content: space-between;
			gap: 10px;
			border-right: 0;
			border-top: 1px solid rgba(116, 139, 167, 0.16);
		}

		.forum-topic-summary-row > *:first-child {
			border-top: 0;
		}

		.forum-topic-summary-row > *::before {
			color: var(--gw-gold);
			font-size: 0.72rem;
			font-weight: 900;
			text-transform: uppercase;
		}

		.forum-topic-summary-row > *:nth-child(1)::before {
			content: "Category";
		}

		.forum-topic-summary-row > *:nth-child(2)::before {
			content: "Sub-Category";
		}

		.forum-topic-summary-row > *:nth-child(3)::before {
			content: "Topic";
		}

		.forum-topic-summary-row > *:nth-child(4)::before {
			content: "Replies";
		}

		.forum-topic-summary-row > *:nth-child(5)::before {
			content: "Created by";
		}

		.forum-topic-summary-row > *:nth-child(6)::before {
			content: "Report";
		}

		.forum-topic-summary-row > *:nth-child(7)::before {
			content: "Classify";
		}

		.forum-topic-summary-row > *:nth-child(8)::before {
			content: "Delete";
		}

		.forum-replies-summary-grid {
			grid-template-columns: minmax(0, 1fr);
		}

		.forum-replies-summary-heading span {
			border-right: 0;
			border-top: 1px solid rgba(116, 139, 167, 0.18);
		}

		.forum-replies-summary-heading span:first-child {
			border-top: 0;
		}

		.forum-board-row > * {
			border-right: 0;
	}

	.forum-board-count {
		display: flex;
		justify-content: space-between;
		border-top: 1px solid rgba(116, 139, 167, 0.16);
	}

	.forum-board-count::before {
		color: var(--gw-gold);
		font-size: 0.72rem;
		font-weight: 900;
		text-transform: uppercase;
	}

	.forum-board-row .forum-board-count:nth-child(2)::before {
		content: "Topics";
	}

		.forum-board-row .forum-board-count:nth-child(3)::before {
			content: "Posts";
		}

		.forum-topic-board-video {
			border-top: 1px solid rgba(116, 139, 167, 0.16);
		}

		.forum-topic-board-video::before {
			content: "Video";
			color: var(--gw-gold);
			font-size: 0.72rem;
			font-weight: 900;
			text-transform: uppercase;
		}

		.forum-topic-board-grid .forum-board-count:nth-child(4)::before {
			content: "Replies";
		}

	.forum-board-last {
		border-top: 1px solid rgba(116, 139, 167, 0.16);
	}

	.site-brandbar {
		grid-template-columns: 1fr;
		align-items: stretch;
	}

	.site-brand {
		justify-self: start;
	}

	.site-search {
		grid-template-columns: minmax(0, 1fr) auto;
		max-width: none;
	}

	.site-search input {
		grid-column: 1 / -1;
	}

	.site-search select {
		width: 100%;
	}

	.site-header-tools {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.site-header-clock {
		justify-items: start;
		min-width: 0;
		text-align: left;
	}

	.site-header-tools {
		justify-content: flex-start;
	}

	.site-navigation {
		align-items: stretch;
		flex-direction: column;
	}

	.site-primary-links {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.site-primary-links li a {
		min-width: 0;
		font-size: 0.84rem;
	}

	.site-navigation-menus {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.site-nav-menu summary {
		width: 100%;
		min-width: 0;
		font-size: 0.84rem;
	}

	.site-nav-dropdown {
		position: static;
		width: 100%;
		margin-top: 6px;
	}

	.notifications-header {
		align-items: stretch;
		flex-direction: column;
	}

	.notifications-signal-panel {
		grid-template-columns: 1fr;
	}

	.notifications-summary-grid,
	.notification-row,
	.notification-item-button,
	.notification-friend-request {
		grid-template-columns: 1fr;
	}

	.notifications-summary-grid .profile-account-header-cell,
	.notifications-list-heading {
		display: none;
	}

	.notifications-summary-grid > span,
	.notification-item-button > span,
	.notification-friend-request > span {
		border-right: 0;
	}

	.notifications-summary-grid > span::before,
	.notification-item-button > span::before,
	.notification-friend-request > span::before {
		content: attr(data-account-label);
		color: var(--gw-gold);
		font-size: 0.68rem;
		font-weight: 900;
		line-height: 1.1;
		text-transform: uppercase;
	}

	.notification-item-button > span::before {
		content: attr(data-cell-label);
	}

	.notification-friend-request > span::before {
		content: attr(data-cell-label);
	}

	.notification-status-cell,
	.notification-type-cell,
	.notification-actor-cell,
	.notification-date-cell,
	.notification-activity-cell {
		justify-content: flex-start;
		text-align: left;
	}

	.forum-topic-detail header,
	.forum-reply-card header {
		align-items: stretch;
		flex-direction: column;
	}

	.forum-danger-button {
		width: 100%;
	}

	.notifications-header button {
		width: 100%;
		justify-content: center;
	}

	.top-status-row {
		grid-template-columns: 1fr;
	}

	.top-status-row.online-only.has-header-channel-action {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.top-status-row.online-only .header-channel-directory-action {
		grid-column: 1;
		grid-row: 1;
	}

	.top-status-row.online-only .header-channel-action {
		grid-column: 2;
		grid-row: 1;
	}

	.top-status-row.online-only .online-users-container {
		grid-column: 1 / -1;
		grid-row: 2;
	}

	main > .flex-container,
	.file-manager-layout,
	.admin-page .admin-layout {
		flex-direction: column;
	}

	.home-intro,
	.home-content-grid,
	.help-grid,
	.forum-hero,
	.home-video-list,
	.live-feeds-grid,
	.videos-grid {
		grid-template-columns: 1fr;
	}

	.forum-hero-side {
		grid-template-columns: auto repeat(2, minmax(104px, 1fr));
		justify-content: start;
	}

	.home-intro,
	.home-panel,
	.videos-hero {
		padding: 14px;
	}

	.home-chat-panel .home-panel-heading {
		align-items: flex-start;
		flex-direction: column;
	}

	.videos-hero {
		display: grid;
	}

	.videos-hero-side {
		align-items: stretch;
		flex-direction: column;
	}

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

	.videos-hero-side > a {
		width: 100%;
	}

	.category-page-tabs,
	.video-category-filter {
		flex-wrap: nowrap;
		overflow-x: auto;
		scrollbar-width: thin;
	}

	.category-page-tab,
	.video-category-filter a {
		flex: 0 0 auto;
	}

	.videos-section-heading {
		align-items: flex-start;
	}

	.video-card-primary-actions {
		align-items: flex-start;
		flex-direction: column;
	}

	.watch-panel {
		grid-template-columns: 1fr;
		padding: 12px;
	}

	div.left-container,
	div.center-container,
	div.right-container {
		width: 100%;
		height: auto;
		min-height: 0;
	}
}

html[data-theme="dark"] {
	color-scheme: dark;
}

html[data-theme="dark"] header > .flex-container > .link-container,
html[data-theme="dark"] .access-drawer-panel,
html[data-theme="dark"] .access-drawer-toggle {
	background: rgba(19, 28, 39, 0.98);
}

html[data-theme="dark"] .access-drawer-panel > a,
html[data-theme="dark"] .access-drawer-user-content > a,
html[data-theme="dark"] .access-drawer-group summary,
html[data-theme="dark"] .access-drawer-group > div a,
html[data-theme="dark"] .access-drawer-tabs button {
	color: var(--gw-text) !important;
	background: rgba(35, 49, 66, 0.94);
}

html[data-theme="dark"] .site-header-theme-toggle img {
	filter: brightness(0) invert(1);
}

html[data-theme="dark"] .site-header-theme-toggle:hover img,
html[data-theme="dark"] .site-header-theme-toggle:focus img {
	filter: none;
}

html[data-theme="dark"] .home-video-card h3,
html[data-theme="dark"] .home-video-card h3 a,
html[data-theme="dark"] .videos-section-heading h2,
html[data-theme="dark"] .live-feeds-heading h2,
html[data-theme="dark"] .live-feed-details h3 {
	color: var(--gw-text);
}

html[data-theme="dark"] .home-video-card p,
html[data-theme="dark"] .live-feed-details p,
html[data-theme="dark"] .video-card-meta span {
	color: var(--gw-muted);
}

/* Use the complete center workspace between the persistent community rails. */
.site-search-page,
.videos-container,
.games-container,
.blog-page .blog-container,
.help-page .help-container,
.profile-container,
.channel-manage-container,
.notifications-container,
.newsletter-container,
.forum-container,
.ranks-container,
.shoutouts-page,
.channel-container,
.admin-page .admin-content,
.admin-featured-page .admin-content {
	width: 100%;
	max-width: none;
}

main > .flex-container,
.file-manager-layout,
.admin-page .admin-layout,
div.text-container {
	width: 100%;
	max-width: none;
}

.profile-header,
.profile-panel,
.profile-tabs,
.channel-manage-nav,
.blog-hero,
.blog-notice,
.blog-primary-actions,
.blog-tools,
.blog-newsletter,
.blog-editor,
.blog-post,
.blog-section-heading,
.blog-comments,
.blog-login-note,
.blog-empty-state {
	max-width: none;
}

/* Warrior-managed live schedule and public channel calendar. */
.channel-schedule-manager {
	display: grid;
	gap: 14px;
	margin-top: 8px;
	padding-top: 22px;
	border-top: 1px solid var(--gw-line);
}

.channel-schedule-heading {
	margin-bottom: 0;
}

.channel-schedule-form {
	padding: 16px;
	background: rgba(7, 10, 14, 0.48);
	border: 1px solid var(--gw-line);
	border-radius: 9px;
}

.channel-schedule-list {
	display: grid;
	gap: 10px;
}

.channel-schedule-item {
	display: grid;
	grid-template-columns: 70px minmax(0, 1fr) auto;
	align-items: center;
	gap: 14px;
	padding: 12px;
	background: rgba(7, 10, 14, 0.58);
	border: 1px solid var(--gw-line);
	border-radius: 10px;
}

.channel-schedule-date {
	display: grid;
	place-items: center;
	min-height: 66px;
	overflow: hidden;
	color: #061018;
	background: var(--gw-gold);
	border: 1px solid #ffe2a1;
	border-radius: 8px;
	text-decoration: none;
}

.channel-schedule-date span {
	width: 100%;
	padding: 4px;
	color: #eaf9ff;
	background: #147eac;
	font-size: 0.68rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-align: center;
	text-transform: uppercase;
}

.channel-schedule-date strong {
	font-size: 1.55rem;
	line-height: 1;
}

.channel-schedule-copy {
	display: grid;
	min-width: 0;
	gap: 4px;
}

.channel-schedule-copy > strong {
	color: var(--gw-text);
	font-size: 1rem;
}

.channel-schedule-copy > span,
.channel-schedule-copy p,
.channel-schedule-empty {
	margin: 0;
	color: var(--gw-muted);
	font-size: 0.84rem;
	line-height: 1.45;
}

.channel-schedule-actions,
.channel-schedule-item > form {
	margin: 0;
}

.channel-schedule-actions {
	display: flex;
	align-items: center;
	gap: 8px;
}

.channel-schedule-edit {
	position: relative;
}

.channel-schedule-edit summary {
	list-style: none;
	cursor: pointer;
}

.channel-schedule-edit summary::-webkit-details-marker {
	display: none;
}

.channel-schedule-edit summary::marker {
	content: "";
}

.channel-schedule-edit-form {
	position: absolute;
	z-index: 3;
	top: calc(100% + 8px);
	right: 0;
	width: min(420px, calc(100vw - 48px));
	padding: 14px;
	background: #101722;
	border: 1px solid var(--gw-line);
	border-radius: 8px;
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.34);
}

.channel-schedule-edit-form > strong {
	color: var(--gw-text);
	font-size: 0.95rem;
}

.channel-schedule-actions form {
	margin: 0;
}

.channel-schedule-actions .site-icon-button,
.channel-schedule-item > form .site-icon-button {
	width: 36px;
	height: 36px;
	padding: 7px;
}

.channel-schedule-edit .site-icon-button img {
	filter: brightness(0) invert(1);
}

.channel-schedule-actions form .site-icon-button.is-danger,
.channel-schedule-item > form .site-icon-button {
	background: #a82e3b;
	border: 1px solid #d85a68;
}

.profile-account-channel {
	display: grid;
	gap: 14px;
}

.profile-account-channel .channel-customization-form,
.profile-account-channel .profile-live-feed,
.profile-account-channel .channel-schedule-manager {
	display: grid;
	gap: 14px;
	margin: 0;
	padding: 14px;
	background: rgba(7, 10, 14, 0.46);
	border: 1px solid var(--gw-line);
	border-radius: 8px;
}

.profile-account-channel .profile-live-feed,
.profile-account-channel .channel-schedule-manager {
	padding-top: 14px;
	padding-bottom: 14px;
}

@media screen and (max-width: 560px) {
	.channel-schedule-item {
		grid-template-columns: 58px minmax(0, 1fr);
		gap: 10px;
	}

	.channel-schedule-item > form {
		grid-column: 1 / -1;
	}

	.channel-schedule-actions {
		grid-column: 1 / -1;
		align-items: stretch;
	}

	.channel-schedule-actions .site-icon-button,
	.channel-schedule-item > form .site-icon-button {
		width: 100%;
	}

	.channel-schedule-edit,
	.channel-schedule-actions form {
		flex: 1 1 0;
	}

	.channel-schedule-edit-form {
		position: static;
		width: 100%;
		margin-top: 8px;
	}
}

/* Admin-inspired Warrior Channel Dashboard workspace. */
.channel-dashboard-page {
	padding-bottom: 70px;
}

.channel-dashboard-page > .flex-container,
.channel-dashboard-page > .channel-dashboard-titlebar {
	width: 100%;
	max-width: none;
}

.channel-dashboard-titlebar {
	width: 100%;
	min-height: 80px;
	height: auto;
}

.home-dashboard-titlebar {
	margin-bottom: 0;
}

.channel-dashboard-titlebar h1 {
	margin: 0 0 6px;
	color: var(--gw-gold);
}

.channel-dashboard-titlebar p {
	margin: 0;
	color: var(--gw-muted);
	text-align: center;
}

.channel-dashboard-layout {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	width: 100%;
	overflow: visible;
}

.channel-dashboard-sidebar {
	position: sticky;
	top: 14px;
	flex: 0 0 280px;
	width: 280px;
	height: calc(78vh + 50px);
	max-height: calc(100vh - 28px);
	padding: 15px;
	overflow-y: auto;
}

.channel-dashboard-content {
	flex: 1 1 auto;
	width: auto;
	min-width: 0;
	height: calc(78vh + 50px);
	min-height: 640px;
	padding: 15px;
	overflow: auto;
}

.channel-page .channel-dashboard-layout {
	align-items: flex-start;
	overflow: visible;
}

.channel-page .channel-dashboard-content,
.channel-page .channel-container {
	height: auto;
	min-height: 0;
	max-height: none;
	overflow: visible;
}

.channel-dashboard-content .profile-panel {
	max-width: none;
	margin: 0 0 18px;
}

.dashboard-auth-strip {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
	padding: 10px 12px;
	background: rgba(7, 10, 14, 0.45);
	border: 1px solid var(--gw-line);
	border-radius: 8px;
}

.dashboard-auth-strip > span {
	color: var(--gw-gold);
	font-size: 0.68rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	white-space: nowrap;
}

.dashboard-auth-strip > div {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 8px;
}

.dashboard-auth-strip a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 34px;
	padding: 7px 10px;
	color: var(--gw-text) !important;
	background: rgba(73, 215, 255, 0.08);
	border: 1px solid rgba(73, 215, 255, 0.22);
	border-radius: 7px;
	font-size: 0.78rem;
	font-weight: 900;
	text-decoration: none;
}

.dashboard-auth-strip a:hover,
.dashboard-auth-strip a:focus {
	color: #061018 !important;
	background: var(--gw-accent);
	border-color: rgba(183, 242, 255, 0.72);
	outline: none;
}

.dashboard-auth-strip img {
	width: 18px;
	height: 18px;
	object-fit: contain;
}

.dashboard-auth-panel .dashboard-auth-strip {
	margin-bottom: 0;
}

.channel-dashboard-brand {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 11px;
	margin-bottom: 10px;
	padding: 8px 8px 15px;
	border-bottom: 1px solid var(--gw-line);
}

.channel-dashboard-tabs img,
.channel-dashboard-tools img,
.channel-dashboard-card-icon img {
	width: 22px;
	height: 22px;
	filter: brightness(0) invert(1);
}

.channel-dashboard-tabs img.channel-dashboard-avatar-icon {
	width: 26px;
	height: 26px;
	object-fit: cover;
	background: rgba(6, 10, 16, 0.72);
	border: 1px solid rgba(73, 215, 255, 0.48);
	border-radius: 50%;
	filter: none;
	box-shadow: 0 0 0 2px rgba(73, 215, 255, 0.08);
}

.channel-dashboard-card-copy {
	display: grid;
	min-width: 0;
}

.channel-dashboard-brand > strong {
	flex: 1 0 100%;
	color: var(--gw-text);
	font-size: 0.92rem;
}

.channel-dashboard-rank {
	flex: 1 0 100%;
}

.channel-dashboard-tabs {
	display: grid;
	gap: 4px;
}

.channel-dashboard-tabs button,
.channel-dashboard-tabs a,
.channel-dashboard-tab-group summary {
	display: grid;
	grid-template-columns: 24px minmax(0, 1fr) auto;
	align-items: center;
	gap: 9px;
	width: 100%;
	min-height: 42px;
	padding: 8px 10px;
	color: var(--gw-muted) !important;
	background: transparent;
	border: 1px solid transparent;
	border-radius: 7px;
	font-size: 0.8rem;
	font-weight: 900;
	text-align: left;
	cursor: pointer;
	text-decoration: none;
}

.channel-dashboard-tab-group {
	display: grid;
	gap: 4px;
}

.channel-dashboard-tab-group summary {
	list-style: none;
}

.channel-dashboard-tab-group summary::-webkit-details-marker {
	display: none;
}

.channel-dashboard-tab-group summary::after {
	content: ">";
	color: var(--gw-muted);
	font-size: 0.78rem;
	font-weight: 900;
	transition: transform 0.18s ease;
}

.channel-dashboard-tab-group[open] summary::after {
	transform: rotate(90deg);
}

.channel-dashboard-tab-group > div {
	display: grid;
	gap: 4px;
	padding-left: 18px;
}

.channel-dashboard-tabs button:hover,
.channel-dashboard-tabs button:focus,
.channel-dashboard-tabs a:hover,
.channel-dashboard-tabs a:focus,
.channel-dashboard-tab-group summary:hover,
.channel-dashboard-tab-group summary:focus {
	color: var(--gw-text) !important;
	background: rgba(73, 215, 255, 0.09);
	border-color: rgba(73, 215, 255, 0.25);
	outline: none;
}

.channel-dashboard-tabs button.is-active,
.channel-dashboard-tabs a.is-active,
.channel-dashboard-tab-group.is-active summary,
.channel-dashboard-tools a.is-active {
	color: #061018 !important;
	background: var(--gw-accent);
	border-color: rgba(183, 242, 255, 0.72);
	box-shadow: 0 5px 18px rgba(73, 215, 255, 0.18);
}

.channel-dashboard-tabs button.is-active img,
.channel-dashboard-tabs a.is-active img,
.channel-dashboard-tab-group.is-active summary img,
.channel-dashboard-tools a.is-active img {
	filter: brightness(0) saturate(100%);
}

.channel-dashboard-tabs a.is-active img.channel-dashboard-avatar-icon {
	filter: none;
}

.channel-dashboard-tools {
	display: grid;
	gap: 4px;
	margin-top: 14px;
	padding-top: 13px;
	border-top: 1px solid var(--gw-line);
}

.channel-dashboard-tools > span {
	padding: 0 8px 4px;
	color: var(--gw-gold);
	font-size: 0.66rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.channel-dashboard-tools a,
.channel-dashboard-tools .channel-dashboard-tab-group summary {
	display: grid;
	grid-template-columns: 22px minmax(0, 1fr) auto;
	align-items: center;
	gap: 9px;
	min-height: 40px;
	padding: 8px 10px;
	color: var(--gw-muted);
	border: 1px solid transparent;
	border-radius: 7px;
	font-size: 0.78rem;
	font-weight: 800;
	text-decoration: none;
}

.channel-dashboard-tools a > span,
.channel-dashboard-tools .channel-dashboard-tab-group summary > span {
	min-width: 0;
	overflow-wrap: anywhere;
}

.channel-dashboard-tool-badge {
	--channel-dashboard-badge-light: var(--gw-gold);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	min-width: 22px;
	min-height: 22px;
	padding: 2px 7px;
	color: #061018;
	background: var(--gw-gold);
	border-radius: 999px;
	font-size: 0.66rem;
	font-weight: 900;
	text-transform: uppercase;
}

.channel-dashboard-tool-badge i {
	width: 8px;
	height: 8px;
	background: var(--channel-dashboard-badge-light);
	border-radius: 50%;
	box-shadow: 0 0 0 0 var(--channel-dashboard-badge-light);
	animation: newsletter-status-pulse 1.5s ease-out infinite;
}

.channel-dashboard-tool-badge.is-active {
	--channel-dashboard-badge-light: #42df83;
	color: #061018;
	background: var(--gw-gold);
}

.channel-dashboard-tool-badge.is-inactive {
	--channel-dashboard-badge-light: #ef5a67;
	color: #061018;
	background: var(--gw-gold);
}

.channel-dashboard-tools a:hover,
.channel-dashboard-tools a:focus,
.channel-dashboard-tools .channel-dashboard-tab-group summary:hover,
.channel-dashboard-tools .channel-dashboard-tab-group summary:focus {
	color: var(--gw-text);
	background: rgba(73, 215, 255, 0.09);
	border-color: rgba(73, 215, 255, 0.25);
	outline: none;
}

.channel-dashboard-heading span {
	color: coral;
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.channel-dashboard-heading h2 {
	margin: 3px 0 0;
	color: var(--gw-gold);
	text-align: left;
}

.channel-dashboard-heading p {
	margin: 8px 0 0;
	color: var(--gw-muted);
	font-size: 0.86rem;
	line-height: 1.45;
}

.guest-dashboard-activity {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin-top: 18px;
}

.guest-dashboard-activity > section {
	min-width: 0;
}

.guest-dashboard-list {
	display: grid;
	gap: 8px;
}

.guest-dashboard-list a {
	display: grid;
	gap: 4px;
	padding: 11px 12px;
	color: var(--gw-text) !important;
	background: rgba(7, 10, 14, 0.45);
	border: 1px solid var(--gw-line);
	border-radius: 8px;
	text-decoration: none;
}

.guest-dashboard-list a:hover,
.guest-dashboard-list a:focus {
	border-color: var(--gw-accent);
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.2);
	outline: none;
}

.guest-dashboard-list strong {
	overflow: hidden;
	font-size: 0.95rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.guest-dashboard-list span {
	color: var(--gw-muted);
	font-size: 0.78rem;
}

.channel-dashboard-cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.channel-dashboard-card {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr) auto;
	align-items: center;
	gap: 11px;
	min-height: 104px;
	padding: 14px;
	color: var(--gw-text) !important;
	background: rgba(7, 10, 14, 0.54);
	border: 1px solid var(--gw-line);
	border-radius: 9px;
	text-decoration: none;
	transition: border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.channel-dashboard-card:hover,
.channel-dashboard-card:focus {
	border-color: var(--gw-accent);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.24);
	transform: translateY(-2px);
	outline: none;
}

.channel-dashboard-card-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	background: rgba(73, 215, 255, 0.12);
	border: 1px solid rgba(73, 215, 255, 0.28);
	border-radius: 9px;
}

.channel-dashboard-card-copy small {
	color: var(--gw-muted);
	font-size: 0.66rem;
	font-weight: 900;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.channel-dashboard-card-copy strong {
	margin: 2px 0;
	color: var(--gw-text);
	font-size: 1.35rem;
	line-height: 1;
}

.channel-dashboard-card-copy > span {
	overflow: hidden;
	color: var(--gw-muted);
	font-size: 0.68rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.channel-dashboard-card-arrow {
	color: var(--gw-muted);
	font-size: 1.45rem;
}

@media screen and (max-width: 900px) {
	.channel-dashboard-layout {
		align-items: stretch;
		flex-direction: column;
	}

	.channel-dashboard-sidebar,
	.channel-dashboard-content {
		position: static;
		width: 100%;
		height: auto;
		max-height: none;
		flex-basis: auto;
	}

	.channel-dashboard-tabs {
		display: flex;
		overflow-x: auto;
		scrollbar-width: thin;
	}

	.channel-dashboard-tabs button,
	.channel-dashboard-tabs a {
		flex: 0 0 auto;
		min-width: 132px;
	}

	.channel-dashboard-tools {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.channel-dashboard-tools > span {
		grid-column: 1 / -1;
	}
}

@media screen and (max-width: 700px) {
	.channel-dashboard-cards,
	.channel-dashboard-tools,
	.guest-dashboard-activity {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (max-width: 480px) {
	.channel-dashboard-guest-page .channel-dashboard-tabs {
		display: grid;
		overflow-x: visible;
	}

	.channel-dashboard-guest-page .channel-dashboard-tabs a {
		min-width: 0;
	}

	.dashboard-auth-strip {
		align-items: stretch;
		flex-direction: column;
	}

	.dashboard-auth-strip > div,
	.dashboard-auth-strip a {
		width: 100%;
	}

	.dashboard-auth-strip a {
		justify-content: center;
	}

	.channel-dashboard-cards,
	.channel-dashboard-tools,
	.guest-dashboard-activity {
		grid-template-columns: 1fr;
	}
}

/* Sitewide action controls: keep buttons compact without changing form fields. */
.blog-primary-actions a,
.blog-primary-actions button,
.blog-search-form button,
.blog-search-form a,
.blog-actions a,
.videos-hero a,
.videos-actions a,
.video-guest-actions a,
.videos-breadcrumb a,
.watching-empty a,
.help-panel a.site-button,
.admin-featured-page-actions a,
.featured-queue-filters a,
.featured-submission-form button,
.featured-queue-actions button,
.channel-subscribe-form button,
.video-library-card-actions a,
.video-reactions button,
.video-reactions a,
.video-reactions > span,
.profile-quick-actions a,
.profile-action-link,
.profile-form button,
.profile-video-storage-actions .profile-action-link,
.profile-video-blog-form button,
.profile-video-editor button,
.admin-quick-actions a,
.admin-shoutout-form button,
.forum-primary-actions a,
.forum-empty a,
.forum-form button,
.forum-search-form a,
.forum-category-filter a,
.channel-dashboard-tabs button,
.channel-dashboard-tabs a,
.channel-dashboard-tab-group summary,
.dashboard-auth-strip a {
	min-height: 36px;
	padding: 7px 11px;
	font-size: 0.78rem;
	line-height: 1.1;
}

.channel-dashboard-tabs button,
.channel-dashboard-tabs a,
.channel-dashboard-tab-group summary {
	grid-template-columns: 20px minmax(0, 1fr) auto;
	gap: 7px;
}

.site-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	padding: 7px 11px;
	border: 1px solid var(--gw-line);
	border-radius: 6px;
	font-size: 0.78rem;
	font-weight: 900;
	line-height: 1.1;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.site-button--primary {
	color: #061018 !important;
	background: var(--gw-gold) !important;
	border-color: #ffe2a1;
}

.site-button--primary.site-icon-button img {
	filter: brightness(0) saturate(100%) invert(7%) sepia(16%) saturate(1716%) hue-rotate(159deg) brightness(92%) contrast(96%);
}

.site-button--secondary {
	color: var(--gw-text) !important;
	background: rgba(7, 10, 14, 0.72) !important;
	border-color: var(--gw-line);
}

.site-button--outline {
	color: #fff !important;
	background: rgba(7, 10, 14, 0.72) !important;
	border-color: var(--gw-line);
}

.site-button.site-button--outline:hover,
.site-button.site-button--outline:focus,
.site-button.site-button--outline.is-active {
	color: #061018 !important;
	background: var(--gw-gold) !important;
	border-color: #ffe2a1;
	outline: none;
}

.site-button--ghost {
	color: var(--gw-accent) !important;
	background: transparent !important;
	border-color: transparent;
}

.site-button--muted {
	color: var(--gw-muted) !important;
	background: rgba(4, 8, 13, 0.62) !important;
	border-color: var(--gw-line);
}

.site-button--danger {
	color: #fff !important;
	background: var(--gw-danger) !important;
	border-color: #d85a68;
}

.site-button:hover,
.site-button:focus {
	color: var(--gw-text) !important;
	background: rgba(73, 215, 255, 0.12) !important;
	border-color: rgba(73, 215, 255, 0.62);
	outline: none;
}

.featured-submission-queue .site-button--primary,
.featured-submission-queue .site-button--primary:visited,
.featured-submission-queue .site-button--primary:hover,
.featured-submission-queue .site-button--primary:focus,
.featured-queue-filters .site-button.is-current,
.featured-queue-filters .site-button.is-current:visited,
.featured-queue-filters .site-button.is-current:hover,
.featured-queue-filters .site-button.is-current:focus {
	color: #061018 !important;
	background: var(--gw-gold) !important;
	border-color: #ffe2a1;
}

.featured-submission-queue .site-button--secondary,
.featured-submission-queue .site-button--secondary:visited {
	color: var(--gw-text) !important;
	background: rgba(7, 10, 14, 0.72) !important;
	border-color: var(--gw-line);
}

.featured-submission-queue .site-button--secondary:hover,
.featured-submission-queue .site-button--secondary:focus {
	color: #061018 !important;
	background: var(--gw-gold) !important;
	border-color: #ffe2a1;
}

.featured-submission-queue .site-button--danger,
.featured-submission-queue .site-button--danger:visited,
.featured-submission-queue .site-button--danger:hover,
.featured-submission-queue .site-button--danger:focus {
	color: #fff !important;
	background: var(--gw-danger) !important;
	border-color: #d85a68;
}

.site-card {
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
	background: var(--gw-panel-soft);
}

.site-card--panel {
	padding: 14px;
}

.site-card--item {
	padding: 12px;
}

.site-card--feature {
	padding: 16px;
	border-color: rgba(73, 215, 255, 0.28);
	background: linear-gradient(135deg, rgba(73, 215, 255, 0.1), rgba(242, 189, 87, 0.08)), var(--gw-panel-soft);
}

.site-card--toolbar {
	padding: 10px;
	background: rgba(7, 10, 14, 0.58);
}

.site-card--notice {
	padding: 10px 12px;
	border-color: rgba(242, 189, 87, 0.32);
	background: rgba(242, 189, 87, 0.08);
}

.site-card__header,
.site-card__body,
.site-card__actions,
.site-card__footer {
	min-width: 0;
}

.site-card__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 10px;
}

.site-card__header > div,
.site-card__body {
	display: grid;
	gap: 8px;
}

.site-card__actions,
.site-card__footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.site-card__actions {
	justify-content: flex-end;
}

@media screen and (max-width: 760px) {
	.site-card__header,
	.site-card__actions {
		align-items: stretch;
		flex-direction: column;
	}
}

#profile-steam .steam-account-card {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: start;
}

#profile-steam .steam-account-card-actions,
#profile-steam .steam-visibility-form > .site-card__actions,
#profile-steam .profile-steam-actions {
	align-items: center;
	flex-direction: row;
	justify-content: flex-end;
}

#profile-steam .steam-account-card-actions form {
	margin: 0;
}

#profile-steam .steam-visibility-form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
}

#profile-steam .profile-steam-actions {
	margin-top: 10px;
}

@media screen and (max-width: 700px) {
	#profile-steam .steam-account-card,
	#profile-steam .steam-visibility-form {
		grid-template-columns: 1fr;
	}

	#profile-steam .steam-account-card-actions,
	#profile-steam .steam-visibility-form > .site-card__actions,
	#profile-steam .profile-steam-actions {
		justify-content: flex-start;
	}
}

.voice-lab-container {
	display: grid;
	gap: 14px;
}

.voice-lab {
	display: grid;
	gap: 16px;
}

.voice-lab-heading {
	margin-bottom: 0;
}

.voice-lab-status {
	padding: 12px 14px;
	border: 1px solid rgba(73, 215, 255, 0.22);
	border-radius: var(--gw-radius);
	color: var(--gw-text);
	background: var(--gw-panel-deep);
	font-weight: 800;
}

.voice-room-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
}

.voice-room-card {
	display: grid;
	gap: 8px;
	min-height: 118px;
	padding: 14px;
	border: 1px solid rgba(73, 215, 255, 0.2);
	border-radius: var(--gw-radius);
	color: var(--gw-text);
	background: linear-gradient(135deg, rgba(73, 215, 255, 0.08), rgba(242, 189, 87, 0.05)), var(--gw-panel-deep);
	text-align: left;
	cursor: pointer;
}

.voice-room-card span,
.voice-lab-panel > span {
	color: var(--gw-gold);
	font-family: var(--gw-heading-font);
	font-size: 0.78rem;
	font-weight: 900;
	text-transform: uppercase;
}

.voice-room-card strong {
	color: var(--gw-muted);
	font-size: 0.95rem;
	line-height: 1.35;
}

.voice-room-card:hover,
.voice-room-card:focus,
.voice-room-card.is-active {
	border-color: rgba(73, 215, 255, 0.76);
	outline: none;
	box-shadow: 0 0 22px rgba(73, 215, 255, 0.18);
}

.voice-room-card.is-active {
	background: linear-gradient(135deg, rgba(73, 215, 255, 0.2), rgba(242, 189, 87, 0.14)), var(--gw-panel);
}

.voice-controls {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	padding: 10px;
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
	background: var(--gw-panel-deep);
}

.voice-control.is-active {
	background: var(--gw-gold);
	border-color: rgba(242, 189, 87, 0.78);
	box-shadow: 0 0 20px rgba(242, 189, 87, 0.26);
}

.voice-activity {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 42px;
	width: 42px;
	height: 42px;
	border: 1px solid var(--gw-line);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.04);
}

.voice-activity > span {
	display: block;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: rgba(160, 174, 192, 0.72);
	box-shadow: 0 0 0 rgba(160, 174, 192, 0);
}

.voice-activity.is-idle > span {
	background: #28e66f;
	box-shadow: 0 0 10px rgba(40, 230, 111, 0.34);
}

.voice-activity.is-speaking > span {
	background: #28e66f;
	box-shadow: 0 0 0 rgba(40, 230, 111, 0.75);
	animation: online-dot-pulse 1.4s ease-out infinite;
}

.voice-activity.is-muted > span {
	background: #ff4b5f;
	box-shadow: 0 0 12px rgba(255, 75, 95, 0.38);
}

.voice-labeled-control {
	flex: 0 0 auto;
	width: auto;
	min-width: 128px;
	gap: 8px;
	padding-right: 12px !important;
	padding-left: 12px !important;
}

.voice-labeled-control span {
	color: inherit;
	font-family: var(--gw-heading-font);
	font-size: 0.78rem;
	font-weight: 900;
	text-transform: uppercase;
	white-space: nowrap;
}

.voice-lab-panels {
	display: grid;
	grid-template-columns: minmax(240px, 0.75fr) minmax(0, 1.25fr);
	gap: 12px;
}

.voice-lab-panel {
	display: grid;
	align-content: start;
	gap: 10px;
	min-height: 220px;
	padding: 14px;
	border: 1px solid var(--gw-line);
	border-radius: var(--gw-radius);
	background: var(--gw-panel-deep);
}

.voice-participants,
.voice-event-log {
	display: grid;
	gap: 8px;
	max-height: 320px;
	overflow: auto;
}

.voice-participants span,
.voice-event-log p,
.voice-participants p {
	margin: 0;
	color: var(--gw-text);
}

.voice-participants span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	width: fit-content;
	padding: 7px 10px;
	border: 1px solid rgba(73, 215, 255, 0.22);
	border-radius: 999px;
	background: rgba(73, 215, 255, 0.08);
}

.voice-participants i {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #52d273;
	box-shadow: 0 0 10px rgba(82, 210, 115, 0.65);
}

.voice-kick-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 26px;
	padding: 4px 8px;
	color: white;
	background: rgba(255, 75, 95, 0.2);
	border: 1px solid rgba(255, 75, 95, 0.55);
	border-radius: 999px;
	font-family: var(--gw-heading-font);
	font-size: 0.68rem;
	font-weight: 900;
	text-transform: uppercase;
	cursor: pointer;
}

.voice-kick-button:hover,
.voice-kick-button:focus {
	background: rgba(255, 75, 95, 0.36);
	border-color: rgba(255, 75, 95, 0.85);
	outline: none;
}

.voice-event-log p {
	padding: 8px 10px;
	border-left: 3px solid rgba(73, 215, 255, 0.42);
	background: rgba(73, 215, 255, 0.06);
}

@media screen and (max-width: 980px) {
	.voice-room-grid,
	.voice-lab-panels {
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (max-width: 680px) {
	.voice-room-grid,
	.voice-lab-panels {
		grid-template-columns: 1fr;
	}
}