html[data-theme="battleship"] {
	--gw-bg: #111923;
	--gw-surface: rgba(28, 39, 52, 0.97);
	--gw-surface-strong: #223144;
	--gw-panel: #26384c;
	--gw-panel-soft: rgba(34, 49, 68, 0.94);
	--gw-line: rgba(174, 194, 213, 0.34);
	--gw-line-strong: rgba(137, 178, 210, 0.56);
	--gw-text: #eef5fb;
	--gw-muted: #c1ccd8;
	--gw-accent: #89b2d2;
	--gw-accent-strong: #5e8cad;
	--gw-gold: #f2bd57;
	--gw-danger: #ef5a67;
	--gw-success: #58d68d;
	--gw-link: #b7d6ec;
	--gw-link-hover: #f2bd57;
	--gw-shadow: 0 18px 48px rgba(0, 0, 0, 0.42);
	-webkit-tap-highlight-color: rgba(116, 185, 232, 0.2);
}

html[data-theme="battleship"],
html[data-theme="battleship"] body {
	background-color: var(--gw-bg);
}

html[data-theme="battleship"] body {
	color: var(--gw-text);
	background:
		radial-gradient(circle at 12% 0%, rgba(137, 178, 210, 0.2), transparent 30rem),
		linear-gradient(135deg, rgba(92, 113, 132, 0.24), transparent 26rem),
		linear-gradient(180deg, #233245 0%, #111923 54%, #0b1119 100%);
	background-attachment: fixed;
}

html[data-theme="battleship"] body::before {
	background-image:
		linear-gradient(rgba(210, 230, 247, 0.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(210, 230, 247, 0.028) 1px, transparent 1px);
}

html[data-theme="battleship"] a,
html[data-theme="battleship"] a:link,
html[data-theme="battleship"] a:visited {
	color: var(--gw-link);
}

html[data-theme="battleship"] a:hover,
html[data-theme="battleship"] a:focus,
html[data-theme="battleship"] a:active {
	color: var(--gw-link-hover);
}

html[data-theme="battleship"] header > .flex-container > .link-container,
html[data-theme="battleship"] .site-content-frame::before,
html[data-theme="battleship"] footer {
	background: rgba(17, 25, 35, 0.96);
	border-color: rgba(174, 194, 213, 0.28);
}

html[data-theme="battleship"] .site-content-frame {
	background:
		linear-gradient(180deg, rgba(35, 50, 69, 0.72), rgba(17, 25, 35, 0.84)),
		rgba(28, 39, 52, 0.9);
	border-color: rgba(174, 194, 213, 0.22);
}

html[data-theme="battleship"] .site-brand-mark {
	box-shadow:
		0 0 0 1px rgba(183, 214, 236, 0.34),
		0 0 18px rgba(137, 178, 210, 0.14);
}

html[data-theme="battleship"] .site-header-theme-toggle:hover,
html[data-theme="battleship"] .site-header-theme-toggle:focus,
html[data-theme="battleship"] .site-icon-button:hover,
html[data-theme="battleship"] .site-icon-button:focus,
html[data-theme="battleship"] .site-button:hover,
html[data-theme="battleship"] .site-button:focus {
	border-color: rgba(183, 214, 236, 0.72);
	box-shadow: 0 0 16px rgba(137, 178, 210, 0.18);
}

html[data-theme="battleship"] .site-button--primary,
html[data-theme="battleship"] .site-button.is-active,
html[data-theme="battleship"] .dashboard-nav-link.is-active,
html[data-theme="battleship"] .channel-dashboard-tabs button.is-active,
html[data-theme="battleship"] .channel-dashboard-tabs a.is-active,
html[data-theme="battleship"] .admin-layout .admin-tabs button.is-active {
	color: #07111b;
	background: linear-gradient(135deg, #b7d6ec, #6f9cbd);
	border-color: rgba(213, 230, 242, 0.76);
	box-shadow: 0 0 20px rgba(137, 178, 210, 0.2);
}

html[data-theme="battleship"] .dashboard-nav-link:hover,
html[data-theme="battleship"] .dashboard-nav-link:focus,
html[data-theme="battleship"] .channel-dashboard-tabs button:hover,
html[data-theme="battleship"] .channel-dashboard-tabs button:focus,
html[data-theme="battleship"] .channel-dashboard-tabs a:hover,
html[data-theme="battleship"] .channel-dashboard-tabs a:focus,
html[data-theme="battleship"] .admin-layout .admin-tabs button:hover,
html[data-theme="battleship"] .admin-layout .admin-tabs button:focus {
	color: #07111b;
	background: #b7d6ec;
	border-color: rgba(213, 230, 242, 0.76);
}

html[data-theme="battleship"] .site-table thead th,
html[data-theme="battleship"] .forum-table thead th,
html[data-theme="battleship"] .admin-table thead th,
html[data-theme="battleship"] .warrior-table thead th {
	color: #07111b;
	background: linear-gradient(90deg, #b7d6ec 0%, #7f95aa 54%, #31465d 100%);
}

html[data-theme="battleship"] .forum-page-actions a,
html[data-theme="battleship"] .forum-page-actions a:link,
html[data-theme="battleship"] .forum-page-actions a:visited,
html[data-theme="battleship"] .forum-category-filter a,
html[data-theme="battleship"] .forum-category-filter a:visited {
	color: var(--gw-text);
	background: rgba(18, 27, 38, 0.96);
	background-image: none;
	border-color: rgba(137, 178, 210, 0.44);
	box-shadow:
		inset 0 0 0 1px rgba(255, 255, 255, 0.04),
		0 0 14px rgba(137, 178, 210, 0.08);
}

html[data-theme="battleship"] .forum-page-actions a:hover,
html[data-theme="battleship"] .forum-page-actions a:focus,
html[data-theme="battleship"] .forum-category-filter a:hover,
html[data-theme="battleship"] .forum-category-filter a:focus {
	color: #07111b;
	background: #b7d6ec;
	border-color: rgba(213, 230, 242, 0.76);
	box-shadow: 0 0 18px rgba(137, 178, 210, 0.22);
}

html[data-theme="battleship"] .forum-page-actions a.is-active,
html[data-theme="battleship"] .forum-page-actions a[aria-current="page"],
html[data-theme="battleship"] .forum-category-filter a.is-active {
	color: #07111b;
	background: var(--gw-gold);
	border-color: rgba(242, 189, 87, 0.78);
	box-shadow: 0 0 20px rgba(242, 189, 87, 0.18);
}

html[data-theme="battleship"] .forum-hero,
html[data-theme="battleship"] .content-panel,
html[data-theme="battleship"] .site-card,
html[data-theme="battleship"] .dashboard-card,
html[data-theme="battleship"] .channel-card,
html[data-theme="battleship"] .forum-search-panel {
	background:
		linear-gradient(135deg, rgba(49, 70, 93, 0.4), rgba(18, 27, 38, 0.96)),
		var(--gw-panel-soft);
	border-color: rgba(174, 194, 213, 0.32);
	box-shadow: 0 18px 46px rgba(0, 0, 0, 0.24);
}

html[data-theme="battleship"] .forum-kicker,
html[data-theme="battleship"] .forum-section-heading span,
html[data-theme="battleship"] .creator-section-heading > span,
html[data-theme="battleship"] .admin-section-heading > span,
html[data-theme="battleship"] .channel-section-heading > span,
html[data-theme="battleship"] .online-users-label {
	color: var(--gw-accent);
}

html[data-theme="battleship"] .forum-stat span,
html[data-theme="battleship"] .forum-board-count,
html[data-theme="battleship"] .rank-top-credit,
html[data-theme="battleship"] .site-header-clock strong {
	color: var(--gw-gold);
}

html[data-theme="battleship"] .online-dot,
html[data-theme="battleship"] .chat-presence-dot,
html[data-theme="battleship"] .voice-activity.is-speaking > span,
html[data-theme="battleship"] .voice-activity.is-idle > span {
	background: var(--gw-success);
	box-shadow: 0 0 12px rgba(88, 214, 141, 0.44);
}

html[data-theme="battleship"] .dashboard-shell,
html[data-theme="battleship"] .channel-dashboard-shell,
html[data-theme="battleship"] .admin-layout {
	background: linear-gradient(180deg, rgba(35, 50, 69, 0.32), rgba(18, 27, 38, 0.72));
}

html[data-theme="battleship"] .dashboard-sidebar,
html[data-theme="battleship"] .admin-sidebar {
	background:
		linear-gradient(180deg, rgba(34, 49, 68, 0.94), rgba(12, 19, 29, 0.96)),
		var(--gw-surface);
	border-color: rgba(174, 194, 213, 0.24);
}

html[data-theme="battleship"] .dashboard-nav-link,
html[data-theme="battleship"] .dashboard-nav-link:visited,
html[data-theme="battleship"] .admin-sidebar-tools a,
html[data-theme="battleship"] .admin-sidebar-tools a:visited {
	color: var(--gw-text);
	background: rgba(28, 39, 52, 0.72);
	border-color: rgba(174, 194, 213, 0.18);
}

html[data-theme="battleship"] .home-lineup-card,
html[data-theme="battleship"] .stream-deals-strip,
html[data-theme="battleship"] .videos-section,
html[data-theme="battleship"] .live-feed-card,
html[data-theme="battleship"] .home-video-card,
html[data-theme="battleship"] .dashboard-summary-card {
	background:
		linear-gradient(135deg, rgba(38, 56, 76, 0.88), rgba(15, 23, 34, 0.96)),
		var(--gw-surface);
	border-color: rgba(174, 194, 213, 0.24);
	box-shadow: 0 18px 38px rgba(0, 0, 0, 0.28);
}

html[data-theme="battleship"] .home-lineup-card:hover,
html[data-theme="battleship"] .home-lineup-card:focus-within,
html[data-theme="battleship"] .home-video-card:hover,
html[data-theme="battleship"] .home-video-card:focus-within {
	border-color: rgba(183, 214, 236, 0.52);
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.32), 0 0 22px rgba(137, 178, 210, 0.12);
}

html[data-theme="battleship"] h2,
html[data-theme="battleship"] h3,
html[data-theme="battleship"] .videos-section-heading h2,
html[data-theme="battleship"] .live-feeds-heading h2 {
	color: #f2bd57;
}