html,
body {
	background: radial-gradient(circle at 50% 45%, #173f54 0%, #07131f 58%, #02070c 100%) !important;
}

#ynhs-orientation-hint {
	display: none;
}

@media (orientation: portrait) and (max-width: 900px) {
	#ynhs-orientation-hint {
		position: fixed;
		z-index: 9999;
		right: 18px;
		bottom: max(18px, env(safe-area-inset-bottom));
		left: 18px;
		display: grid;
		gap: 3px;
		padding: 13px 16px;
		border: 1px solid rgba(255, 255, 255, .2);
		border-radius: 14px;
		background: rgba(5, 18, 29, .88);
		box-shadow: 0 15px 38px rgba(0, 0, 0, .3);
		backdrop-filter: blur(10px);
		color: #fff;
		font: 13px/1.4 Arial, sans-serif;
		text-align: center;
	}

	#ynhs-orientation-hint[hidden] {
		display: none !important;
	}

	#ynhs-orientation-hint span {
		color: #c3d8e3;
		font-size: 11px;
	}

}