/* ============================================================
   CYBER//TYPE — Mobile Gate
   Полноэкранный оверлей для мобильных устройств.
   На экранах <= 768px блокирует контент и показывает сообщение.
   ============================================================ */

.mobile-gate {
    display: none;
}

@media (max-width: 768px) {
    .mobile-gate {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        position: fixed;
        inset: 0;
        z-index: 100000;
        background: linear-gradient(
            135deg,
            var(--bg-dark, #0a0a0f) 0%,
            var(--bg-mid, #0f0a15) 50%,
            #150a10 100%
        );
        padding: 2rem;
        gap: 1.5rem;
    }

    /* Скрываем всё остальное содержимое */
    body > *:not(.mobile-gate) {
        display: none !important;
    }

    .mobile-gate__icon {
        font-size: 4rem;
        line-height: 1;
    }

    .mobile-gate__title {
        font-family: 'Orbitron', monospace;
        font-size: 1.25rem;
        font-weight: 700;
        color: var(--primary);
        text-transform: uppercase;
        letter-spacing: 0.05em;
        text-shadow: 0 0 20px rgba(0, 255, 200, 0.4);
    }

    .mobile-gate__text {
        font-family: 'Share Tech Mono', monospace;
        font-size: 0.9rem;
        color: rgba(0, 255, 200, 0.7);
        max-width: 320px;
        line-height: 1.6;
    }

    .mobile-gate__hint {
        font-family: 'Share Tech Mono', monospace;
        font-size: 0.75rem;
        color: rgba(0, 255, 200, 0.35);
        margin-top: 1rem;
    }

    .mobile-gate__border {
        position: absolute;
        inset: 1rem;
        border: 1px solid var(--border);
        pointer-events: none;
    }
}