<style>
	
	/* Definiamo il gradiente animato per l'effetto psichedelico */
@keyframes psychedelic-colors {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}

/* Stile per il link piccolo con effetto psichedelico */
.small-text-link {
    font-size: 16px;
    font-family: 'Quantico', sans-serif;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
    
    /* Configurazione Gradiente - Molti Colori! */
    background: linear-gradient(
        90deg, 
        #FF00FF, /* Magenta */
        #FFFF00, /* Giallo */
        #00FFFF, /* Ciano */
        #FF0000, /* Rosso */
        #00FF00, /* Verde */
        #0000FF, /* Blu */
        #FF00FF  /* Di nuovo Magenta per un loop fluido */
    );
    
    background-size: 600% 100%; 
    
    -webkit-background-clip: text; 
    background-clip: text;
    
    color: transparent !important;
    
    animation: psychedelic-colors 10s linear infinite; 
}


/* Definiamo il gradiente animato */
@keyframes converging-color {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Stile per il tag H1 all'interno del link */
.gradient-text-h1 {
    font-family: 'Quantico', sans-serif; 
    margin: 10px 0; 
    font-size: 32px;
    
    /* Configurazione Gradiente - Scegli i tuoi colori! */
    background: linear-gradient(
        90deg, 
        #ffff00, /* Giallo (Esterno Sinistra) */
        #ff00ff, /* Magenta (Centro) */
        #00ffff, /* Ciano (Esterno Destra) */
        #ffff00  /* Ritorno a Giallo */
    );
    
    background-size: 400% 100%;
    
    -webkit-background-clip: text; 
    background-clip: text;
    
    color: transparent !important;
    
    animation: converging-color 6s ease-in-out infinite;
}

/* Assicuriamo che il link non abbia sottolineature */
.gradient-link {
    text-decoration: none !important;
}
		
        html { height: 100%; }
        body {
            margin: 0px; padding: 0px; background-color: #0f0f0f; 
            font-family: verdana, sans-serif; font-size: 12px;
            width: 100%; min-width: 320px; color: white; height: 100%;
        }
        a { color: #aeae97; text-decoration: none; }
        a:hover { color: #838371; }
        
        .tankBG {
            width: 100%; height: 520px; position: fixed; top: 0px; 
            background-image: url('<?php echo htmlspecialchars($tankbg_path); ?>');
            background-repeat: no-repeat; background-size: cover; 
            background-position: center center; border-bottom: solid #443f32 3px; z-index: -2; 
        }
        .logoDiv { position: relative; z-index: 10; padding-top: 30px; padding-bottom: 20px; text-align: center; }
        .centerLogo { display: block; margin: 0 auto; width: 100%; max-width: 700px; height: auto; position: relative; z-index: 2; }
        .wrapper { height: 100%; min-height: 100%; margin-bottom: -75px; margin-left: auto; margin-right: auto; }
        .bodyDiv {
            position: relative; overflow: hidden; width: 95%; max-width: 1140px; 
            background-color: rgba(0,0,0,.75); min-height: 900px;
            box-shadow: 0px 0px 5px 0px rgba(68,63,50, .15);
            border: solid rgba(68,63,50,.35) 1px; margin: 0 auto; padding: 15px; box-sizing: border-box; z-index: 1; 
        }
        .gridBG {
            position: absolute; top: 0; left: 0; width: 100%; height: 100%;
            background-image: url('<?php echo htmlspecialchars($gridbg_path); ?>'); 
            background-repeat: repeat; background-size: auto; z-index: -1; opacity: 0.5; 
        }
        .push { height: 75px; position: relative; }
        .footerDiv {
            position: relative; height: 50px; padding-top: 25px; margin: 0 auto;
            width: 100%; text-align: center; font-size: 11px; color: white;
        }
        h2 { margin-top:6px; margin-bottom:6px; color:#eee; }
        .table { background: #1e1e1e; color:#ddd; margin-top:10px; display: table; width: 100%; overflow-x: auto; position: relative; z-index: 2; }
        .table th { background:#443f32; color:#fff; cursor:pointer; padding:8px; border-bottom: solid #aeae97 2px !important; vertical-align: top; }
        .table td { vertical-align: middle; padding:6px 8px; font-size:11pt; border-top: solid #333333 1px; }
        .country-cell { min-width: 160px; white-space: nowrap; text-align: left; }
        .flag-icon { height:18px; width:auto; border:1px solid #444; display:inline-block; margin-right: 8px; vertical-align: middle; }
        .small-muted { color:#bbb; font-size:85%; }
        
        /* Nuove classi per la colorazione */
        .color-green { color: #8bc34a !important; font-weight: bold; } /* Verde brillante per Kills e Ratio >= 1 */
        .color-red { color: #f44336 !important; font-weight: bold; }  /* Rosso per Deaths e Ratio < 1 */
        
        .numeric-col { text-align: right; }
        .pagination .btn-default { background:#333 !important; color:#ddd !important; border-color:#555 !important; }
        .pagination .btn-default.active { background:#443f32 !important; color:#fff !important; border-color:#aeae97 !important; }
        .pagination .btn-default.disabled { background:#222 !important; color:#666 !important; border-color:#444 !important; }
        .head-info { margin-bottom:8px; color:#ddd; position: relative; z-index: 2;}
        .debug-country { font-size:10px; color: #ff9999; }

        /* Stili per il campo di ricerca */
        .search-form { margin-bottom: 15px; }
        .search-form .form-control { background: #333; border: 1px solid #555; color: #fff; }
        .search-form .btn-primary { background-color: #443f32; border-color: #aeae97; }
        .search-form .btn-primary:hover { background-color: #555042; }
    </style>