/* PHAROS-1: Quantum-Olfactory Phone Interface */
/* Base styles from CHRONOS-418 + PHAROS additions */

body {
	padding: 0;
	font-family: 'Courier New', monospace;
	background: var(--void-black);
	color: var(--text-white);
	--void-black: #050505;
	--kappa-indigo: #6366f1;
	--neon-purple: #a855f7;
	--alert-red: #ef4444;
	--glass-panel: rgba(10, 10, 12, 0.7);
}

/* Remove margins when navbar is present */
body:has(custom-navbar) #torus-container {
	top: 56px;
	height: calc(100vh - 56px);
}

/* PHAROS-specific styles */
.animate-ping {
	animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

@keyframes ping {
	0% { transform: scale(0.8); opacity: 1; }
	100% { transform: scale(1.2); opacity: 0; }
}

.scent-pulse {
	animation: scent-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes scent-pulse {
	0%, 100% { opacity: 0.4; }
	50% { opacity: 0.9; }
}

/* Schumann wave background pattern */
#schumann-wave {
	position: absolute;
	bottom: 0; left: 0;
	width: 100%; height: 1px;
	background: var(--kappa-indigo);
	z-index: 5;
	animation: schumann-pulse 7.83s infinite alternate;
}

@keyframes schumann-pulse {
	0% { opacity: 0.3; }
	100% { opacity: 0.6; }
}

/* Scrollbar styling */
::-webkit-scrollbar {
	width: 8px;
}
::-webkit-scrollbar-track {
	background: var(--glass-panel);
	border-radius: 4px;
}
::-webkit-scrollbar-thumb {
	background: var(--neon-purple);
	border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
	background: var(--kappa-indigo);
}

/* Responsive grid for mobile */
@media (max-width: 768px) {
	#ui-layer {
		grid-template-columns: 1fr !important;
		grid-template-rows: auto auto !important;
	}
}