@keyframes pulse {
	to { box-shadow: 0 0 0 12px rgba(255,102,0,0) }
}

@media (hover:none) {
	.header-icon:hover,
	.footer-icon:hover,
	.media-player .controls button:hover { background: none; transform: none; }
}

@media (max-width:360px) {
	.appHeader { grid-template-columns: 48px 1fr 48px }
	.footer-icon { width: 60px; height: 60px }
}

.g-3 {
	gap: 12px;
}

.g-4 {
	gap: 16px;
}

.grid-1 {
	display: grid;
	grid-template-columns: 1fr;
}

.grid-2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

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

.grid-6 {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
}

@media (max-width: 1024px) {
	.grid-3 {
		grid-template-columns: repeat(2, 1fr);
	}

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

@media (max-width: 600px) {
	.grid-2, .grid-3, .grid-6 {
		grid-template-columns: 1fr;
	}
}