/* public/css/cellular-system.css */

.cellular-system-wrapper {
    transition: all 0.3s ease;
}

.cellular-container {
    border: 1px solid rgba(0, 0, 0, 0.1);
    transition: background 0.3s ease;
}

.cellular-container.dark-theme {
    border-color: rgba(255, 255, 255, 0.1);
}

/* Анимация для звезд */
@keyframes starPulse {
    0%, 100% {
        transform: scale(1);
        opacity: 0.8;
    }
    50% {
        transform: scale(1.2);
        opacity: 1;
    }
}

.star-emoji {
    animation: starPulse 2s ease-in-out infinite;
    filter: drop-shadow(0 0 3px currentColor);
}

/* Адаптивность */
@media (max-width: 768px) {
    .cellular-system-wrapper {
        height: 400px;
    }

    .tooltip {
        font-size: 12px;
        padding: 6px 10px;
    }
}

@media (max-width: 576px) {
    .cellular-system-wrapper {
        height: 300px;
    }
}

/* Скроллбар для мобильных устройств */
@media (hover: none) and (pointer: coarse) {
    .cellular-container {
        touch-action: manipulation;
    }
}