html[data-cave-theme="underwater"] {
	--bg: #03171b;
	--panel: rgba(3, 24, 30, 0.76);
	--panel-strong: rgba(5, 30, 36, 0.92);
	--border: rgba(116, 243, 225, 0.28);
	--text: #f1fffd;
	--muted: #9ec7c4;
	--cyan: #58f3e1;
	--red: #ff9b6b;
	--orange: #ffb27d;
	--gold: #ffe29a;
	--purple: #8ed9ff;
	--panel-glow-a: rgba(88, 243, 225, 0.14);
	--panel-glow-b: rgba(255, 178, 125, 0.10);
	--button-bg: rgba(88, 243, 225, 0.12);
	--button-bg-hover: rgba(88, 243, 225, 0.2);
	--button-border: rgba(145, 255, 239, 0.32);
	--button-border-hover: rgba(145, 255, 239, 0.82);
	--tag-border: rgba(145, 255, 239, 0.24);
	--tag-bg: rgba(88, 243, 225, 0.08);
	--tag-text: #cffff6;
	--mode-card-border: rgba(145, 255, 239, 0.24);
	--mode-card-bg: rgba(255, 255, 255, 0.04);
	--mode-card-border-hover: rgba(145, 255, 239, 0.82);
	--mode-card-bg-hover: rgba(88, 243, 225, 0.1);
	--heading-stroke: rgba(145, 255, 239, 0.78);
	--heading-shadow: 0 0 28px rgba(88, 243, 225, 0.16);
	--legend-chip-border: rgba(201, 255, 247, 0.16);
	--legend-chip-bg: rgba(1, 16, 20, 0.24);
	--legend-chip-text: #dcfffb;
	--legend-chip-accent: #ffe29a;
	--surface-card-border: rgba(201, 255, 247, 0.14);
	--surface-card-bg: rgba(255, 255, 255, 0.045);
	--surface-card-text: #f4fffd;
	--loading-note: #ffe8b8;
	--install-note: #c8fff3;
	--install-hero-chip-border: rgba(145, 255, 239, 0.24);
	--install-hero-chip-bg: rgba(255, 255, 255, 0.045);
	--install-hero-chip-text: #ecfffd;
	--install-hero-icon-border: rgba(223, 255, 250, 0.14);
	--install-hero-icon-bg: rgba(3, 18, 24, 0.72);
	--install-hero-icon-share: #c5fff8;
	--install-hero-icon-add: #ffe6a8;
	--install-hero-arrow: rgba(201, 255, 247, 0.78);
	--install-steps-text: #e2fbf8;
	--install-step-action: #f4fffd;
	--install-step-inline-border: rgba(223, 255, 250, 0.16);
	--install-step-inline-bg: rgba(255, 255, 255, 0.05);
	--start-overlay-before-bg: radial-gradient(circle at 8% 32%, rgba(88, 243, 225, 0.22), transparent 34%), radial-gradient(circle at 92% 52%, rgba(255, 178, 125, 0.18), transparent 36%), radial-gradient(circle at 54% 98%, rgba(108, 175, 255, 0.12), transparent 38%);
	--start-overlay-after-bg: radial-gradient(circle at 46% 42%, transparent 0%, transparent 44%, rgba(0, 22, 30, 0.18) 66%, rgba(1, 10, 14, 0.82) 100%), linear-gradient(90deg, rgba(88, 243, 225, 0.10), transparent 26%, transparent 70%, rgba(255, 178, 125, 0.07)), repeating-linear-gradient(to bottom, rgba(195, 255, 246, 0.016) 0px, rgba(195, 255, 246, 0.016) 1px, transparent 1px, transparent 4px);
	--subtle-install-border: rgba(145, 255, 239, 0.24);
	--subtle-install-bg: rgba(3, 24, 30, 0.6);
	--subtle-install-text: #d6fff8;
	--subtle-install-hover-border: rgba(145, 255, 239, 0.52);
	--subtle-install-hover-bg: rgba(18, 63, 70, 0.7);
	--start-button-border: rgba(255, 222, 161, 0.54);
	--start-button-bg: linear-gradient(135deg, rgba(255, 211, 122, 0.96), rgba(88, 243, 225, 0.88));
	--start-button-text: #042126;
	--start-button-shadow: 0 18px 34px rgba(46, 160, 147, 0.22), inset 0 1px 0 rgba(255, 247, 214, 0.45);
	--start-button-hover-border: rgba(255, 236, 186, 0.88);
	--start-button-hover-bg: linear-gradient(135deg, rgba(255, 225, 148, 0.98), rgba(116, 248, 232, 0.94));
	--start-button-hover-shadow: 0 22px 40px rgba(46, 160, 147, 0.28), inset 0 1px 0 rgba(255, 248, 222, 0.62);
	--result-card-border: rgba(201,255,247,0.14);
	--result-card-bg: rgba(255,255,255,0.05);
	--result-card-inset: inset 0 1px 0 rgba(255,255,255,0.05);
	--result-card-primary-border: rgba(88,243,225,0.34);
	--result-card-primary-bg: linear-gradient(135deg, rgba(88,243,225,0.12), rgba(255,255,255,0.04));
	--result-icon-bg: rgba(0,0,0,0.22);
	--result-icon-border: rgba(223,255,250,0.12);
	--result-icon-shadow: drop-shadow(0 0 10px rgba(88,243,225,0.32));
	--result-value: #f4fffd;
	--result-note: #bdd7d3;
	--gameover-overlay-bg: radial-gradient(circle at 20% 18%, rgba(88, 243, 225, 0.16), transparent 28%), radial-gradient(circle at 82% 72%, rgba(255, 178, 125, 0.12), transparent 30%), rgba(2, 17, 22, 0.28);
	--gameover-panel-border: rgba(145, 255, 239, 0.32);
	--gameover-panel-bg: linear-gradient(135deg, rgba(26, 119, 142, 0.18), transparent 30%), linear-gradient(315deg, rgba(255, 178, 125, 0.12), transparent 34%), linear-gradient(180deg, rgba(7, 32, 42, 0.94), rgba(2, 14, 18, 0.92));
	--gameover-panel-shadow: 0 0 0 1px rgba(255,255,255,0.05) inset, 0 0 44px rgba(88, 243, 225, 0.14), 0 0 58px rgba(255, 178, 125, 0.08), 0 30px 90px rgba(0, 0, 0, 0.62);
	--gameover-panel-before-border: rgba(145, 255, 239, 0.18);
	--gameover-panel-before-shadow: inset 0 0 38px rgba(88, 243, 225, 0.08);
	--gameover-panel-after-bg: linear-gradient(90deg, transparent, rgba(88,243,225,0.36), transparent) top left / 100% 1px no-repeat, linear-gradient(90deg, transparent, rgba(255,178,125,0.28), transparent) bottom left / 100% 1px no-repeat;
	--gameover-heading-color: #f3fffd;
	--gameover-heading-shadow: 0 0 10px rgba(255,255,255,0.68), 0 0 28px rgba(88,243,225,0.44), 0 0 46px rgba(255,178,125,0.20);
	--gameover-reason-border: rgba(145, 255, 239, 0.18);
	--gameover-reason-bg: rgba(1, 18, 24, 0.22);
	--gameover-reason-text: #d7fffa;
	--gameover-reason-strong: #8ff6ea;
	--gameover-scorebox-border: rgba(88, 243, 225, 0.34);
	--gameover-scorebox-bg: linear-gradient(135deg, rgba(88,243,225,0.16), rgba(255,255,255,0.04)), rgba(3, 24, 30, 0.72);
	--gameover-scorebox-second-border: rgba(118, 203, 255, 0.36);
	--gameover-scorebox-second-bg: linear-gradient(135deg, rgba(86,165,255,0.16), rgba(255,255,255,0.04)), rgba(3, 24, 30, 0.72);
	--gameover-scorebox-third-border: rgba(255, 178, 125, 0.40);
	--gameover-scorebox-third-bg: linear-gradient(135deg, rgba(255,178,125,0.16), rgba(255,255,255,0.04)), rgba(3, 24, 30, 0.72);
	--gameover-scorebox-shadow: inset 0 0 0 1px rgba(255,255,255,0.05), 0 18px 42px rgba(0,0,0,0.26);
	--gameover-scorebox-inner-border: rgba(255,255,255,0.10);
	--gameover-scorebox-label: #aefbf1;
	--gameover-scorebox-third-label: #ffe1bf;
	--gameover-scorebox-value: #f7fffd;
	--gameover-scorebox-value-shadow: 0 0 18px rgba(88,243,225,0.42), 0 0 34px rgba(255,255,255,0.20);
	--gameover-scorebox-third-value-shadow: 0 0 18px rgba(255,178,125,0.34), 0 0 34px rgba(255,255,255,0.18);
	--gameover-action-button-border: rgba(145, 255, 239, 0.34);
	--gameover-action-button-bg: linear-gradient(135deg, rgba(88,243,225,0.18), rgba(4,22,28,0.78));
	--gameover-action-button-shadow: inset 0 0 0 1px rgba(255,255,255,0.05), 0 12px 28px rgba(0,0,0,0.22);
	--gameover-retry-border: rgba(145, 255, 239, 0.82);
	--gameover-retry-bg: linear-gradient(135deg, rgba(88,243,225,0.36), rgba(12,107,118,0.82));
	--gameover-retry-shadow: 0 0 28px rgba(88,243,225,0.24), inset 0 0 0 1px rgba(255,255,255,0.08);
	--gameover-action-button-hover-border: rgba(255, 246, 221, 0.74);
	--gameover-action-button-hover-bg: linear-gradient(135deg, rgba(88,243,225,0.28), rgba(255,178,125,0.16));
	--floating-install-border: rgba(145, 255, 239, 0.44);
	--floating-install-bg: linear-gradient(135deg, rgba(88,243,225,0.24), rgba(4,24,28,0.84));
	--floating-install-shadow: 0 0 24px rgba(88,243,225,0.18), 0 14px 34px rgba(0,0,0,0.28);
	--floating-install-icon: #e5fffb;
	--floating-install-icon-shadow: 0 0 12px rgba(88,243,225,0.34);
	--mode-overlay-shell-border: rgba(145, 255, 239, 0.32);
	--mode-overlay-shell-bg: linear-gradient(135deg, rgba(26, 119, 142, 0.18), transparent 30%), linear-gradient(315deg, rgba(255, 178, 125, 0.12), transparent 34%), linear-gradient(180deg, rgba(7, 32, 42, 0.94), rgba(2, 14, 18, 0.92));
	--mode-overlay-shell-shadow: 0 0 0 1px rgba(255,255,255,0.05) inset, 0 0 44px rgba(88, 243, 225, 0.14), 0 0 58px rgba(255, 178, 125, 0.08), 0 30px 90px rgba(0, 0, 0, 0.62);
	--mode-overlay-shell-inner-border: rgba(145, 255, 239, 0.18);
	--mode-overlay-shell-inner-shadow: inset 0 0 38px rgba(88, 243, 225, 0.08);
	--mode-overlay-shell-scanlines: linear-gradient(90deg, transparent, rgba(88,243,225,0.36), transparent) top left / 100% 1px no-repeat, linear-gradient(90deg, transparent, rgba(255,178,125,0.28), transparent) bottom left / 100% 1px no-repeat;
	--mode-overlay-title: #f3fffd;
	--mode-overlay-title-shadow: 0 0 10px rgba(255,255,255,0.68), 0 0 24px rgba(88,243,225,0.34), 0 0 36px rgba(255,178,125,0.16);
	--mode-overlay-subtitle-border: rgba(145, 255, 239, 0.18);
	--mode-overlay-subtitle-bg: rgba(1, 18, 24, 0.2);
	--mode-overlay-subtitle-text: #d7fffa;
	--mode-overlay-card-strong: #f7fffd;
	--mode-overlay-card-copy: #bdd7d3;
	--mode-overlay-panel-before: linear-gradient(180deg, rgba(88, 243, 225, 0.1), transparent 38%);
	--mode-overlay-panel-after-border: rgba(255, 255, 255, 0.05);
	--mode-overlay-card-border: rgba(201, 255, 247, 0.12);
	--mode-overlay-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.025));
	--mode-overlay-card-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
	--mode-overlay-card-inner-border: rgba(255, 255, 255, 0.04);
	--mode-overlay-tag-bg: rgba(88, 243, 225, 0.12);
}

html[data-cave-theme="underwater"] #lbIconBtn {
	border-color: rgba(116, 243, 225, 0.34);
	background: rgba(3, 24, 30, 0.74);
	color: #c8fff3;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
}

html[data-cave-theme="underwater"] #lbIconBtn:hover {
	background: rgba(88, 243, 225, 0.16);
	border-color: rgba(145, 255, 239, 0.78);
}

html[data-cave-theme="underwater"] #vignette {
	background:
		radial-gradient(circle at 46% 42%, transparent 0%, transparent 44%, rgba(0, 22, 30, 0.18) 66%, rgba(1, 10, 14, 0.82) 100%),
		linear-gradient(90deg, rgba(88, 243, 225, 0.10), transparent 26%, transparent 70%, rgba(255, 178, 125, 0.07));
	opacity: 0.96;
}

html[data-cave-theme="underwater"] #scanlines {
	background:
		repeating-linear-gradient(
			to bottom,
			rgba(195, 255, 246, 0.016) 0px,
			rgba(195, 255, 246, 0.016) 1px,
			transparent 1px,
			transparent 4px
		),
		linear-gradient(180deg, rgba(95, 239, 225, 0.03), transparent 28%, rgba(255, 226, 154, 0.03));
	opacity: 0.42;
}

html[data-cave-theme="underwater"] .theme-chip.active {
	border-color: rgba(145, 255, 239, 0.82);
	background: linear-gradient(135deg, rgba(16, 82, 84, 0.96), rgba(4, 24, 28, 0.92));
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(145, 255, 239, 0.18);
}
