body {
            font-family: 'Inter', sans-serif;
        }
        /* Hide the modal by default */
        #game-modal {
            display: none;
        }
        /* When the modal is active, display it as a fixed overlay */
        #game-modal.active {
            display: flex;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.85);
            z-index: 50;
            justify-content: center;
            align-items: center;
            padding: 0.5rem;
        }
        @media (min-width: 640px) {
            #game-modal.active {
                padding: 2rem;
            }
        }
        /* Voice chat modal styles */
        #voice-modal {
            display: none;
        }
        #voice-modal.active {
            display: flex;
        }
        /* Microphone indicator animation */
        @keyframes pulse {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.5; }
        }
        .mic-active {
            animation: pulse 1.5s ease-in-out infinite;
        }