/** Sectiunea - Servere Alfa si Omega *************************************/
    .server-section {
        background: linear-gradient(to bottom, rgba(20, 20, 20, 0.35), rgba(40, 40, 40, 0.1));
    }
	


    .server-card {
        padding: 20px;
        border-radius: 10px;
        background: rgba(40, 40, 40, 0.6);
        transition: transform 0.3s, background 0.3s;
        text-align: center;
        display: flex;
        flex-direction: column;
    }

    .server-card.alpha:hover {
        background: rgba(255, 193, 7, 0.2);
        transform: scale(1.05);
    }

    .server-card.omega:hover {
        background: rgba(23, 162, 184, 0.2);
        transform: scale(1.05);
    }

    @media (max-width: 768px) {
        .server-section {
            background: linear-gradient(to bottom, rgba(30, 30, 30, 0.95), rgba(90, 90, 90, 0.3));
        }

        .server-image {
            margin-bottom: 20px;
        }

        .server-card {
            margin-bottom: 15px;
        }
    }


/** Sectiunea - PvM si PvP *************************************/
	.pvp-pvm-section {
		background: linear-gradient(to right, #1a2b4d 20%, #101a30 50%, #000106 80%); /* Gradient albastru corect */
		padding: 0;
	}

	/* ✅ Stilizare Video - Fără spațiu jos, full width */
	.battle-video {
		width: 100%;
		display: block;
		border-radius: 10px;
		box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5);
	}

	/* ✅ Ajustare text și buton */
	.battle-text {
		min-height: 100%;
		padding: 40px 20px;
	}

	/* ✅ Pe ecrane mici, spațiu între text și buton */
	@media (max-width: 768px) {
		.pvp-pvm-section {
			background: linear-gradient(to bottom, #1a2b4d 20%, #101a30 50%, #000106 80%);
		}

		.battle-text {
			padding: 20px;
		}

		.battle-video {
			margin-bottom: 20px;
		}
	}




/** Sectiunea - Afisare descriere rase *************************************/
    .race-icon {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        border: 2px solid #ffc107;
        transition: transform 0.3s, border-color 0.3s, opacity 0.3s;
        opacity: 0.5; /* Toate sunt semi-transparente */
    }

    .race-btn.active .race-icon {
        opacity: 1; /* Cel selectat este complet vizibil */
        transform: scale(1.1);
        border-color: #ffdd57;
    }

    .race-btn {
        background: none;
        border: none;
        padding: 5px;
        cursor: pointer;
    }