:root {
	/* Palette */
	--bg-dark: #1a1510;
	--panel-bg: #2d261e;
	--panel-border-light: #5e5040;
	--panel-border-dark: #1a1510;
	--text-gold: #c8b278;
	--text-cream: #e6e1d3;
	--text-muted: #8c8270;
	--state-on: #66d38d;
	--state-off: #ff6b6b;

	/* Button Colors */
	--button-primary: #856842;
	--button-primary-highlight: #9c7d54;
	--button-danger: #6e2121;
	--button-danger-highlight: #8a2e2e;
	--button-neutral: #4a453d;
	--button-neutral-highlight: #5c564d;
	--time-of-day-track: linear-gradient(90deg,
			#020303 0%,
			#020303 17%,
			#24292b 21%,
			#ad6a52 25%,
			#d5915e 31%,
			#d5915e 69%,
			#ad6a52 75%,
			#24292b 79%,
			#020303 83%,
			#020303 100%);
}

body {
	margin: 0;
	overflow: hidden;
	background-color: var(--bg-dark);
	background-image: radial-gradient(circle at center, #2d261e 0%, #1a1510 100%);
	font-family: 'MedievalSharp', cursive;
	color: var(--text-cream);
}

canvas {
	display: block;
}

#canvas-container {
	position: fixed;
	inset: 0;
	isolation: isolate;
}

#canvas-container canvas {
	position: relative;
	z-index: 0;
}

h1,
h2,
h3,
.deck-card-count {
	font-family: 'Cinzel', serif;
	color: var(--text-gold);
	text-shadow: 2px 2px 0px #000;
	letter-spacing: 1px;
}

div,
p,
span,
button {
	font-family: 'MedievalSharp', cursive;
}

.text-gray-400,
.text-gray-500 {
	color: var(--text-muted) !important;
}

.text-xs {
	font-size: 0.9rem;
}

.glass {
	background: var(--panel-bg);
	backdrop-filter: none;
	border: 3px solid var(--panel-border-light);
	border-bottom-color: var(--panel-border-dark);
	border-right-color: var(--panel-border-dark);
	border-radius: 2px;
	box-shadow:
		inset 1px 1px 0 rgba(255, 255, 255, 0.1),
		0 10px 20px rgba(0, 0, 0, 0.6);
	padding: 16px;
}

button {
	border: 2px solid #000 !important;
	border-top-color: rgba(255, 255, 255, 0.2) !important;
	border-left-color: rgba(255, 255, 255, 0.2) !important;
	box-shadow: 0 4px 0 rgba(0, 0, 0, 0.5);
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.9rem;
	text-shadow: 1px 1px 0 #000;
	transform: translateY(0);
	transition: all 0.1s;
}

button:active {
	transform: translateY(3px);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

button:disabled {
	opacity: 0.55;
	cursor: default;
	transform: none;
}

.panelCollapseButton {
	background: var(--button-neutral);
	color: var(--text-gold);
	width: 24px;
	height: 24px;
	padding: 0;
	line-height: 1;
	border-radius: 4px;
}

.panelCollapseButton:hover {
	background: var(--button-neutral-highlight);
}

.debug-toolkit-controls > button,
.ao-minisection-grid > button,
.renderQuickToggleRow > button,
#debugDefaultsResetButton {
	background: var(--panel-bg);
	border: 2px solid var(--panel-border-light);
	border-radius: 4px;
}

.debug-toolkit-controls > button:hover,
.ao-minisection-grid > button:hover,
.renderQuickToggleRow > button:hover,
#debugDefaultsResetButton:hover {
	background: var(--button-neutral);
}

#wfcPanel {
	border-radius: 6px;
}

.titleHeaderRow {
	display: flex;
	align-items: center;
	gap: 12px;
}

.seedStatusRow {
	display: flex;
	align-items: center;
	gap: 36px;
	margin-top: 2px;
	margin-bottom: 18px;
}

.seedControls {
	display: flex;
	align-items: center;
	gap: 6px;
}

#mainGenerationProgress {
	white-space: nowrap;
}

.seedStepButton {
	background: var(--button-neutral);
	color: var(--text-gold);
	width: 24px;
	height: 24px;
	padding: 0;
	line-height: 1;
	border-radius: 4px;
}

.seedStepButton:hover {
	background: var(--button-neutral-highlight);
}

.generationSpeedGrid {
	grid-template-columns: repeat(3, 104px) 148px;
}

#slowGenerationButton,
#normalGenerationButton,
#instantButton {
	background: var(--button-neutral);
	color: var(--text-cream);
	min-width: 104px;
}

#slowGenerationButton.active,
#normalGenerationButton.active,
#instantButton.active {
	background: var(--button-primary);
	color: var(--text-gold);
}

#slowGenerationButton.active:disabled,
#normalGenerationButton.active:disabled,
#instantButton.active:disabled {
	opacity: 1;
}

#slowGenerationButton:hover,
#normalGenerationButton:hover,
#instantButton:hover {
	background: var(--button-primary-highlight);
}

#resetButton {
	background: var(--button-danger);
	border-color: #3d0e0e !important;
	color: #ffcccc;
	min-width: 148px;
}

#resetButton:hover {
	background: var(--button-danger-highlight);
}

.renderQuickToggleRow {
	display: grid;
	grid-template-columns: 112px 154px 198px;
	gap: 8px;
	margin-top: 12px;
}

.renderQuickToggleRow > button {
	height: 44px;
	min-height: 44px;
	padding: 8px 10px !important;
}

#topGtaoButton,
#topStaticAOButton {
	padding: 12px 10px;
	min-width: 128px;
	height: 44px;
	color: var(--text-cream);
	white-space: nowrap;
}

#top-gtao-hint,
#top-static-ao-hint {
	font-size: 0.86rem;
	line-height: 1.1;
}

#dayNightControlDock {
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	bottom: 14px;
	z-index: 18;
	display: grid;
	grid-template-columns: 430px 42px;
	gap: 8px;
	align-items: center;
	max-width: calc(100vw - 24px);
	pointer-events: none;
}

#dayNightSliderDock {
	display: grid;
	grid-template-columns: 172px 230px;
	gap: 10px;
	align-items: center;
	padding: 8px 12px;
	background: rgba(22, 30, 34, 0.78);
	border: 1px solid rgba(224, 242, 254, 0.25);
	border-radius: 6px;
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.35);
	pointer-events: auto;
}

#dayNightSliderLabel {
	display: grid;
	grid-template-columns: 110px 52px;
	align-items: baseline;
	gap: 8px;
	color: var(--text-cream);
	font-weight: 800;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 #000;
	white-space: nowrap;
}

#dayNightTimeValue {
	color: #d8f7ff;
	font-variant-numeric: tabular-nums;
	text-align: right;
}

#dayNightTimeSlider {
	width: 100%;
	height: 18px;
	accent-color: #ffd27d;
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
}

#dayNightTimeSlider::-webkit-slider-runnable-track {
	height: 12px;
	border-radius: 999px;
	background: var(--time-of-day-track);
	border: 1px solid rgba(255, 255, 255, 0.35);
}

#dayNightTimeSlider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 18px;
	height: 18px;
	margin-top: -4px;
	border: 0;
	border-radius: 50%;
	background: #ffd27d;
}

#dayNightTimeSlider::-moz-range-track {
	height: 12px;
	border-radius: 999px;
	background: var(--time-of-day-track);
	border: 1px solid rgba(255, 255, 255, 0.35);
}

#dayNightTimeSlider::-moz-range-thumb {
	width: 18px;
	height: 18px;
	border: 0;
	border-radius: 50%;
	background: #ffd27d;
}

#dayNightAnimateButton {
	width: 42px;
	height: 42px;
	padding: 0 !important;
	background: var(--panel-bg);
	color: var(--text-cream);
	border-radius: 4px;
	display: grid;
	place-items: center;
	pointer-events: auto;
}

#dayNightAnimateButton svg {
	width: 18px;
	height: 18px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	filter: drop-shadow(1px 1px 0 #000);
}

#dayNightAnimateButton .day-night-sun-icon,
#dayNightAnimateButton .day-night-moon-icon {
	display: none;
}

#dayNightAnimateButton.target-day .day-night-sun-icon,
#dayNightAnimateButton.target-night .day-night-moon-icon {
	display: block;
}

#dayNightAnimateButton.target-day {
	color: #ffd06a;
}

#dayNightAnimateButton.target-night {
	color: #c9e4ff;
}

#viewToggleButton,
#cameraToggleButton {
	background: var(--button-neutral);
	color: var(--text-cream);
}

#viewToggleButton:hover,
#cameraToggleButton:hover {
	background: var(--button-neutral-highlight);
}

#seedManagementPanel {
	position: fixed;
	top: 16px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 24;
	display: none;
}

.debug-toolkit-unlocked #seedManagementPanel {
	display: flex;
}

.seedSlotButton {
	background: var(--button-neutral);
	color: var(--text-cream);
	width: 32px;
	height: 32px;
	padding: 0;
	font-size: 0.9rem;
	border-radius: 4px;
}

.seedSlotButton:hover {
	background: var(--button-neutral-highlight);
}

.seedSlotButton.has-seed {
	background: var(--button-primary);
	color: var(--text-gold);
}

.seedSlotButton.has-seed:hover {
	background: var(--button-primary-highlight);
}

.seedSlotButton.active {
	box-shadow: 0 0 0 2px var(--text-gold), inset 0 0 8px rgba(255, 255, 255, 0.3);
}

.bg-gray-800 {
	background-color: #15100a;
	box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.8);
}

.deck-card {
	background: #231e18;
	border: 2px solid var(--panel-border-light);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6);
	font-family: 'Inter', sans-serif;
}

.deck-card * {
	font-family: 'Inter', sans-serif !important;
}

.deck-card-name {
	color: var(--text-muted);
	letter-spacing: 1px;
}

.deck-card-count {
	color: var(--text-gold);
	text-align: center;
}

.step-active {
	background: var(--button-primary);
	border: 2px solid var(--text-gold);
}

.piece-label {
	position: absolute;
	background: rgba(0, 0, 0, 0.7);
	color: white;
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 10px;
	font-family: 'Inter', sans-serif;
	pointer-events: none;
	z-index: 1000;
	white-space: nowrap;
}

.piece-control {
	position: absolute;
	background: rgba(0, 0, 0, 0.85);
	border: 1px solid rgba(255, 255, 255, 0.2);
	padding: 8px;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	font-family: 'Inter', sans-serif;
	z-index: 1000;
	width: 140px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
	pointer-events: auto;
}

.piece-control * {
	font-family: 'Inter', sans-serif !important;
}

.piece-control input[type="range"] {
	width: 100%;
	cursor: pointer;
	accent-color: #3b82f6;
}

.ios-ui-disabled .ui-layer {
	display: none !important;
}

.ios-keep-bar {
	position: fixed;
	top: 12px;
	left: 12px;
	display: none;
	grid-template-columns: repeat(3, max-content);
	gap: 8px;
	max-width: calc(100vw - 24px);
	z-index: 20;
}

.ios-keep-button {
	background: var(--panel-bg);
	border: 2px solid var(--panel-border-light);
	border-radius: 4px;
	color: var(--text-cream);
	padding: 6px 10px;
	font-size: 0.75rem;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	white-space: nowrap;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.4);
}

.ios-keep-button:active {
	transform: translateY(2px);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

.ios-ui-disabled .ios-keep-bar {
	display: grid;
}

#iosGtaoButton {
	grid-column: 1 / 2;
}

#iosStaticAOButton {
	grid-column: 2 / 4;
}

#debugToolkitRoot {
	position: fixed;
	top: 16px;
	right: 16px;
	z-index: 30;
	pointer-events: auto;
	font-family: 'Inter', system-ui, sans-serif;
}

#debugToolkitButton {
	height: 34px;
	min-width: 132px;
	padding: 0 12px;
	border: 1px solid rgba(224, 242, 254, 0.35) !important;
	border-radius: 8px;
	background: rgba(12, 14, 16, 0.78);
	color: #e0f2fe;
	font: 800 11px 'Inter', system-ui, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	cursor: pointer;
	backdrop-filter: blur(10px);
}

#debugToolkitPanel {
	display: none;
	width: min(420px, calc(100vw - 32px));
	max-height: calc(100vh - 32px);
	overflow: auto;
	border: 1px solid rgba(224, 242, 254, 0.22);
	border-radius: 8px;
	background: rgba(8, 13, 18, 0.92);
	color: #dcebf2;
	padding: 12px;
	box-shadow: 0 18px 48px rgba(0, 0, 0, 0.42);
	backdrop-filter: blur(12px);
}

#debugToolkitPanel.open {
	display: block;
}

#debugToolkitClose {
	width: 28px;
	height: 28px;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.08);
	color: #e0f2fe;
	cursor: pointer;
	box-shadow: none;
	font: 800 12px 'Inter', system-ui, sans-serif;
}

#debugDefaultsResetButton {
	min-width: 170px;
	padding: 10px 14px;
	color: var(--text-cream);
}

#debugToolkitPanel .glass {
	box-shadow: none;
}

#debugToolkitPanel .debug-toolkit-controls button {
	min-height: 40px;
	padding: 6px 8px;
}

#debugToolkitPanel .debug-toolkit-controls .text-xs {
	font-size: 0.78rem;
	line-height: 1.1;
}

#debugToolkitPanel .debug-toolkit-controls .font-medium {
	white-space: nowrap;
}

.debug-toolkit-header {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	align-items: flex-start;
	margin-bottom: 10px;
}

.debug-toolkit-title {
	color: #8ed0ff;
	font: 900 11px 'Inter', system-ui, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.debug-toolkit-subtitle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	color: #a8b4b8;
	font: 900 10px 'Inter', system-ui, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin: 16px 0 0;
	padding-top: 10px;
	border-top: 1px solid rgba(224, 242, 254, 0.12);
}

.debug-toolkit-section {
	border-top: 1px solid rgba(224, 242, 254, 0.14);
	padding-top: 10px;
	margin-top: 10px;
}

.debug-toolkit-section-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	color: var(--text-gold);
	font: 900 11px 'Inter', system-ui, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-bottom: 8px;
}

.debug-toolkit-section-collapse {
	width: 22px;
	height: 20px;
	padding: 0;
	border: 1px solid rgba(224, 242, 254, 0.24) !important;
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.06);
	color: #e0f2fe;
	font: 900 13px 'Inter', system-ui, sans-serif;
	line-height: 1;
}

.debug-toolkit-section.collapsed > :not(.debug-toolkit-section-title) {
	display: none !important;
}

.tw-group.collapsed > :not(.debug-toolkit-subtitle) {
	display: none !important;
}

.debug-toolkit-controls {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.debug-toolkit-slider {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 6px 10px;
	align-items: center;
	color: #dcebf2;
	font: 800 11px 'Inter', system-ui, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	margin-top: 8px;
}

.debug-toolkit-slider input {
	grid-column: 1 / -1;
	width: 100%;
	accent-color: #8ed0ff;
}

.debug-toolkit-slider output {
	color: #ffffff;
	font-variant-numeric: tabular-nums;
}

.debug-toolkit-reset {
	display: flex;
	justify-content: center;
	border-top: 1px solid rgba(224, 242, 254, 0.14);
	margin-top: 12px;
	padding-top: 12px;
}

.debug-toolkit-extra-section {
	display: none;
}

.debug-toolkit-unlocked .debug-toolkit-extra-section {
	display: block;
}

.debug-toolkit-extra-control {
	display: none;
}

.debug-toolkit-unlocked .debug-toolkit-extra-control {
	display: block;
}

.tw-group.tw-general .debug-toolkit-subtitle { color: #ffd27d; }
.tw-group.tw-clouds .debug-toolkit-subtitle { color: #7ec8ff; }
.tw-group.tw-sun .debug-toolkit-subtitle { color: #ffc66d; }
.tw-group.tw-ao .debug-toolkit-subtitle { color: #ff9e5a; }
.tw-group.tw-fog .debug-toolkit-subtitle { color: #a8d8ff; }
.tw-group.tw-distance-fog .debug-toolkit-subtitle { color: #a8d8ff; }
.tw-group.tw-godray .debug-toolkit-subtitle { color: #66e3c4; }

.tw-group.tw-general input { accent-color: #ffd27d; }
.tw-group.tw-clouds input { accent-color: #7ec8ff; }
.tw-group.tw-sun input { accent-color: #ffc66d; }
.tw-group.tw-ao input { accent-color: #ff9e5a; }
.tw-group.tw-distance-fog input { accent-color: #a8d8ff; }
.tw-group.tw-godray input { accent-color: #66e3c4; }

.gtaoStyleGroup {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	min-height: 40px;
}

.gtaoStyleButton {
	width: 34px;
	height: 24px;
	min-height: 24px;
	padding: 0 !important;
	border-radius: 3px;
	background: var(--button-neutral);
	transition: transform 0.12s, box-shadow 0.12s;
}

.gtaoStyleButton:hover {
	transform: translateY(-1px);
}

.gtaoStyleButton.active {
	box-shadow:
		0 0 0 2px var(--text-gold),
		0 4px 0 rgba(0, 0, 0, 0.5);
}

.gtaoStyleButton.groundColorStyle {
	background:
		linear-gradient(135deg,
			#2e9ad0 0%,
			#2e9ad0 30%,
			#6fbf3a 31%,
			#6fbf3a 62%,
			#c0a552 63%,
			#365c25 100%) !important;
}

.ao-minisection {
	grid-column: 1 / -1;
	margin-top: 10px;
	padding: 8px;
	border: 1px solid rgba(224, 242, 254, 0.12);
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.03);
}

.ao-minisection-title {
	color: var(--text-gold);
	font: 900 10px 'Inter', system-ui, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-bottom: 6px;
}

.ao-minisection-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
	align-items: stretch;
}

#cameraAngleToast {
	position: fixed;
	left: 50%;
	bottom: 54px;
	transform: translateX(-50%) translateY(12px);
	z-index: 35;
	min-width: 280px;
	max-width: min(520px, calc(100vw - 32px));
	padding: 10px 14px;
	border: 1px solid rgba(224, 242, 254, 0.28);
	border-radius: 6px;
	background: rgba(8, 13, 18, 0.9);
	color: #e6e1d3;
	font: 800 12px 'Inter', system-ui, sans-serif;
	text-align: center;
	letter-spacing: 0.02em;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.42);
	opacity: 0;
	pointer-events: none;
	transition: opacity 160ms ease, transform 160ms ease;
}

#cameraAngleToast.visible {
	opacity: 1;
	transform: translateX(-50%) translateY(0);
}

#topDownDebugLegend {
	position: fixed;
	left: 12px;
	top: 12px;
	z-index: 34;
	display: none;
	grid-template-columns: repeat(3, auto);
	gap: 6px;
	padding: 8px;
	border: 1px solid rgba(224, 242, 254, 0.28);
	border-radius: 6px;
	background: rgba(8, 13, 18, 0.82);
	color: #e6e1d3;
	font: 800 11px 'Inter', system-ui, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	pointer-events: none;
}

#topDownDebugLegend.visible {
	display: grid;
}

#topDownDebugLegend span {
	padding: 3px 6px;
	border-radius: 3px;
	background: rgba(255, 255, 255, 0.08);
}

#orbitPanHintToast {
	position: fixed;
	left: 50%;
	bottom: 76px;
	transform: translateX(-50%) translateY(0);
	z-index: 34;
	padding: 10px 16px;
	border: 1px solid rgba(224, 242, 254, 0.28);
	border-radius: 6px;
	background: rgba(8, 13, 18, 0.9);
	color: #e6e1d3;
	font: 800 14px 'Inter', system-ui, sans-serif;
	text-align: center;
	letter-spacing: 0.03em;
	line-height: 1.55;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.42);
	pointer-events: none;
	opacity: 1;
	animation: orbitPanHintFadeIn 700ms ease both;
	transition: opacity 180ms ease, transform 180ms ease;
}

#orbitPanHintToast.dismissed {
	opacity: 0;
	transform: translateX(-50%) translateY(10px);
}

.ios-ui-disabled #orbitPanHintToast {
	display: none;
}

#orbitPanHintToast .inputLabel {
	color: #9c7d54;
}

#orbitPanHintToast .tutorialHintLine {
	opacity: 1;
	max-height: 32px;
	overflow: hidden;
	transition: opacity 260ms ease, max-height 260ms ease, margin 260ms ease;
}

#orbitPanHintToast .tutorialHintLine.done {
	opacity: 0;
	max-height: 0;
	margin: 0;
}

@keyframes orbitPanHintFadeIn {
	from {
		opacity: 0;
		transform: translateX(-50%) translateY(10px);
	}
	to {
		opacity: 1;
		transform: translateX(-50%) translateY(0);
	}
}

@media (max-width: 760px) {
	.ui-layer {
		padding: 12px !important;
	}

	#wfcPanel {
		width: calc(100vw - 24px);
	}

	#orbitPanHintToast {
		display: none;
	}

	#debugToolkitRoot {
		top: 72px;
		right: 12px;
	}

	#seedManagementPanel {
		top: 12px;
		width: calc(100vw - 24px);
	}

	.debug-toolkit-controls {
		grid-template-columns: 1fr;
	}

	.generationSpeedGrid {
		grid-template-columns: repeat(2, minmax(112px, 1fr));
	}

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

	.renderQuickToggleRow > button {
		min-width: 0;
		padding: 8px 4px !important;
	}

	#top-gtao-hint,
	#top-static-ao-hint,
	#gradient-hint {
		font-size: 0.74rem;
	}
}

@media (max-width: 760px) and (orientation: portrait) {
	#dayNightControlDock {
		width: calc(100vw - 24px);
		grid-template-columns: minmax(0, 1fr) 42px;
	}

	#dayNightSliderDock {
		grid-template-columns: 52px minmax(0, 1fr);
		padding: 8px 10px;
	}

	#dayNightSliderLabel {
		grid-template-columns: 52px;
	}

	#dayNightSliderLabel span {
		display: none;
	}
}