.combot-screen-nav {
	position: fixed;
	left: 0;
	right: 0;
	bottom: max(0.55rem, env(safe-area-inset-bottom));
	z-index: 40;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.85rem;
	pointer-events: none;
}

.combot-nav-arrow {
	pointer-events: auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.4rem;
	height: 2.4rem;
	border: 1px solid rgba(212, 175, 55, 0.35);
	background: rgba(20, 3, 3, 0.82);
	color: #d4af37;
	text-decoration: none;
	font-size: 1.55rem;
	line-height: 1;
	backdrop-filter: blur(6px);
	transition: border-color 0.15s ease, background 0.15s ease, transform 0.15s ease;
}

.combot-nav-arrow:hover,
.combot-nav-arrow:focus {
	border-color: rgba(204, 0, 0, 0.65);
	background: rgba(204, 0, 0, 0.18);
	outline: none;
	transform: scale(1.04);
}

.combot-nav-dots {
	pointer-events: auto;
	display: inline-flex;
	gap: 0.4rem;
	align-items: center;
	padding: 0.35rem 0.55rem;
	border: 1px solid rgba(212, 175, 55, 0.28);
	background: rgba(20, 3, 3, 0.82);
	backdrop-filter: blur(6px);
}

.combot-nav-dot {
	width: 0.45rem;
	height: 0.45rem;
	border-radius: 50%;
	background: rgba(242, 230, 201, 0.28);
	text-decoration: none;
	transition: transform 0.15s ease, background 0.15s ease;
}

.combot-nav-dot.is-active {
	background: #cc0000;
	transform: scale(1.35);
}

.combot-nav-hint {
	position: fixed;
	bottom: 3.15rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 39;
	margin: 0;
	font-family: "Special Elite", "Courier New", monospace;
	font-size: 0.62rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: rgba(184, 154, 114, 0.75);
	pointer-events: none;
	opacity: 0;
	animation: combot-nav-hint-fade 4.5s ease forwards;
}

@keyframes combot-nav-hint-fade {
	0%, 70% { opacity: 0.85; }
	100% { opacity: 0; }
}

body.combot-dash,
body.combot-paper {
	padding-bottom: 3.4rem;
}

@media (max-width: 720px) {
	.combot-nav-hint { display: none; }
	.combot-nav-arrow {
		width: 2.75rem;
		height: 2.75rem;
	}
	.combot-screen-nav {
		gap: 0.65rem;
		padding: 0 0.5rem;
	}
}

@media (hover: none) {
	.combot-nav-hint { display: none; }
}