/*
 * MorgarOTS menu "Tytul": the title screen of a game. The name of the server stands large in the middle and the menu
 * is one centred line under it, the entries parted by small diamonds; download and language sit at the ends.
 */

.menu-tytul .masthead { background: linear-gradient(rgba(5, 4, 7, 0.88), rgba(5, 4, 7, 0.5) 70%, rgba(5, 4, 7, 0)); border-bottom: 0; box-shadow: none; }

@media (min-width: 1081px) {
	.menu-tytul .masthead-row { flex-direction: column; align-items: center; gap: 10px; padding-top: 26px; padding-bottom: 14px; position: relative; }
	.menu-tytul .wordmark { align-items: center; padding: 0; }
	.menu-tytul .wordmark-name { font-size: 54px; letter-spacing: 0.02em; text-shadow: 0 0 24px rgba(240, 110, 40, 0.35), 0 3px 14px rgba(0, 0, 0, 0.95); }
	.menu-tytul.is-home .wordmark-name { font-size: 68px; }
	.menu-tytul .wordmark-sub { font-size: 15px; letter-spacing: 0.08em; color: #b9a99c; margin-top: 6px; }
	.menu-tytul .nav { flex: none; justify-content: center; }
	.menu-tytul .nav-list { margin: 0; gap: 0; align-items: center; }
	.menu-tytul .nav-item + .nav-item::before {
		content: "";
		display: inline-block;
		width: 6px; height: 6px;
		margin: 0 6px;
		vertical-align: middle;
		background: #b8401a;
		transform: rotate(45deg);
		box-shadow: 0 0 6px rgba(240, 110, 40, 0.6);
	}
	.menu-tytul .nav-item { display: flex; align-items: center; }
	.menu-tytul .nav-link { font: 700 19px/1 var(--font-name); letter-spacing: 0.03em; color: #e2d6c7; padding: 10px 12px; border-bottom: 0; text-shadow: 0 1px 8px rgba(0, 0, 0, 0.95); }
	.menu-tytul .nav-link:hover { color: #fff3df; text-shadow: 0 0 14px rgba(240, 120, 50, 0.7); }
	.menu-tytul .nav-link.is-current { color: #ffd9a8; text-shadow: 0 0 16px rgba(240, 120, 50, 0.85), 0 1px 8px rgba(0, 0, 0, 0.95); }
	.menu-tytul .nav-sub { left: 50%; transform: translateX(-50%); }
	/* download and language at the two ends of the title */
	.menu-tytul .nav-download { position: absolute; left: 20px; top: 34px; }
	.menu-tytul .lang { position: absolute; right: 20px; top: 34px; }
	.menu-tytul .beta-row { justify-content: center; }
	.menu-tytul.is-home .atlas-intro { margin: 0 auto; text-align: center; }
	.menu-tytul.is-home .atlas-lead { margin-left: auto; margin-right: auto; }
	.menu-tytul.is-home .atlas-actions { justify-content: center; }
}