/* CSS адаптация для вертикального режима */

/* Основной контейнер */
#kr3m {
    min-height: 100vh;
    min-height: 100dvh;
}

/* Canvas элементы */
#playground,
#game {
    width: 100% !important;
    height: 100% !important;
}

/* Адаптация для мобильных устройств в портретном режиме */
@media screen and (orientation: portrait) {
    #kr3m {
        transform: none !important;
    }
    
    /* UI элементы - базовая адаптация */
    .local-auth-modal {
        max-width: 90%;
        max-height: 90vh;
        overflow-y: auto;
    }
    
    .local-auth-panel {
        padding: 1rem;
    }
    
    /* Профиль модал */
    .profile-modal-panel {
        max-width: 95%;
        max-height: 90vh;
        overflow-y: auto;
    }
    
    .profile-modal-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}

/* Улучшение для разных размеров экранов */
@media screen and (max-width: 768px) and (orientation: portrait) {
    /* Дополнительные адаптации для маленьких экранов */
    .local-auth-form input,
    .local-auth-form button {
        font-size: 16px; /* Предотвращает zoom на iOS */
    }
}