/* ag-ground-tavla.css - Lobby Zemin Dekorasyonu */

.ag-ground-board-scene {
    position: fixed;
    bottom: 0vh; 
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    
    pointer-events: none; 
    z-index: 1; 
    
    perspective: 1000px;
    
    /* Saydamlık (transparency) bir tık daha artırıldı. Eskiden 0.55'ti, şimdi 0.25 yaptık. 
       Böylece çok daha silik, göze batmayan ince bir dekor oldu. */
    opacity: 0.25; 
    
    -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 90%);
    mask-image: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 90%);
}

.ag-ground-board-container {
    width: 100vw; 
    
    max-width: 2500px; 
    min-width: 1000px; 
    
    aspect-ratio: 1200 / 900; 
    
    transform: rotateX(76deg) translateY(0%); 
    transform-origin: bottom center;
}

.ag-ground-board-container svg {
    width: 100%;
    height: 100%;
    overflow: visible;
}