/* Court Position Fix - Ensure proper court dimensions and positioning */

/* Reset any transforms on parent containers */
body {
    transform: none !important;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    overflow-y: auto;
}

#game-board {
    transform: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

/* Desktop court dimensions */
@media (min-width: 769px) {
    #game-board {
        min-width: 850px; /* Ensure enough space for 800px court */
    }
    
    #court-container {
        width: 800px !important;
        height: 600px !important;
        position: relative !important;
        transform: none !important;
        margin: 0 auto !important;
        flex-shrink: 0; /* Prevent shrinking */
    }
    
    #basketball-court {
        width: 800px !important;
        height: 600px !important;
        display: block !important;
    }
    
    #player-positions {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 800px !important;
        height: 600px !important;
        pointer-events: none !important;
        transform: none !important;
    }
}

/* Mobile responsive dimensions */
@media (max-width: 768px) {
    #court-container {
        width: 90vw !important;
        height: calc(90vw * 0.75) !important;
        max-width: 600px !important;
        max-height: 450px !important;
        position: relative !important;
        transform: none !important;
        margin: 0 auto !important;
    }
    
    #basketball-court {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
    }
    
    #player-positions {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        pointer-events: none !important;
        transform: none !important;
    }
}

/* Player positioning fix */
.player-marker {
    position: absolute !important;
    transform: translate(-50%, -50%) !important;
    pointer-events: all !important;
}

/* Test marker positioning */
.test-marker {
    position: absolute !important;
    transform: translate(-50%, -50%) !important;
}

/* Spot indicators */
.spot-indicator {
    position: absolute !important;
    transform: translate(-50%, -50%) !important;
}