/**
 * ALGA ARENA — Mobile Cinematic Adjustments
 * Reduces shader details and limits overflow on small viewports
 */

@media (max-width: 768px) {
    /* Set hero canvas layout constraints */
    #arena-3d-canvas {
        max-height: 50vh !important;
        position: relative !important;
    }
    
    .landing-hero {
        display: flex;
        flex-direction: column;
        text-align: center;
        gap: var(--sp-6);
        padding-top: var(--sp-24);
    }
    
    .hero-headline {
        font-size: 3rem !important;
        margin-bottom: var(--sp-4);
    }
    
    .hero-desc {
        font-size: 1rem !important;
        margin-bottom: var(--sp-6);
    }
    
    .hero-actions {
        justify-content: center;
    }
    
    /* Disable complex 3D perspective layers to prevent rendering lag */
    .depth-layer-back, .depth-layer-front {
        transform: none !important;
        position: relative !important;
        opacity: 1 !important;
    }
    
    .floor-reflection {
        display: none !important;
    }
}
