/* Neon-Hintergrund Animation */
body.stats {
    position: relative;
    overflow: hidden;
    background: #0b0f3b;
    color: #e0f0ff;
    font-family: "Arial", sans-serif;
    margin: 0;
    padding: 20px;
}

/* Neon-Linien Layer */
body.stats::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: repeating-linear-gradient(
        45deg,
        rgba(0,255,255,0.05) 0px,
        rgba(0,255,255,0.05) 2px,
        transparent 2px,
        transparent 6px
    );
    animation: neonMove 20s linear infinite;
    z-index: 0;
}

/* Animation */
@keyframes neonMove {
    0% { transform: translate(0, 0); }
    100% { transform: translate(50px, 50px); }
}

/* Alle Inhalte über Layer */
body.stats * {
    position: relative;
    z-index: 1;
}


/* Titel */
h2.title {
    text-align: center;
    color: #00ffff;
    text-shadow: 0 0 8px #00ffff,0 0 16px #00ffff;
    font-size: 2.2rem;
    margin-bottom: 15px;
}

/* Top Buttons */
.top-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 20px;
}
.top-buttons .btn {
    text-decoration: none;
    padding: 12px 25px;
    color: #00ffff;
    background-color: #09103a;
    border: 2px solid #00ffff;
    border-radius: 6px;
    font-weight: bold;
    text-shadow: 0 0 5px #00ffff;
    box-shadow: 0 0 8px #00ffff;
    transition: all 0.3s ease;
    min-width: 160px;
    text-align: center;
}
.top-buttons .btn:hover {
    background-color: #00ffff;
    color: #0b0f3b;
    text-shadow:0 0 15px #00ffff,0 0 25px #00ffff;
    box-shadow:0 0 20px #00ffff,0 0 40px #00ffff;
}
@media (max-width:600px){
    .top-buttons { flex-direction: column; gap: 10px; }
    .top-buttons .btn { min-width: 80%; padding: 12px 0; }
}

/* Tabelle */
table.bundesliga {
    width: 100%;
    border-collapse: collapse;
    background-color: #0b0f3b;
    box-shadow: 0 0 15px #00ffff55;
}
table.bundesliga thead th {
    background-color: #09103a;
    color: #00ffff;
    text-align: center;
    padding: 10px;
    border-bottom: 2px solid #00ffff;
    text-shadow: 0 0 5px #00ffff;
    cursor: pointer;
}
table.bundesliga thead th:hover {
    text-shadow:0 0 10px #00ffff,0 0 20px #00ffff;
}
table.bundesliga tbody td {
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #00ffff33;
    transition: background 0.3s;
}
table.bundesliga .team-wrap { display: flex; align-items: center; gap: 8px; }
table.bundesliga .team-wrap img { width: 30px; height: 30px; object-fit: contain; filter: drop-shadow(0 0 4px #00ffff); }
table.bundesliga tbody tr:hover { background-color: #001144; box-shadow:0 0 10px #00ffff55; }
td.plus { color: #00ffea; font-weight: bold; }
td.minus { color: #ff4c4c; font-weight: bold; }
td.rank { font-weight: bold; text-shadow: 0 0 4px #00ffff; }
th.asc::after { content: " ▲"; color:#00ffff; }
th.desc::after { content: " ▼"; color:#00ffff; }

/* Legend */
.legend-wrapper { margin-top:20px; text-align:center; }
.legend span { display:inline-block; margin:0 10px; padding:5px 10px; border-radius:4px; font-weight:bold; text-shadow:0 0 5px #00ffff; }
.legend .cl { background-color:#00ffcc; color:#0b0f3b; }
.legend .el { background-color:#00bfff; color:#0b0f3b; }
.legend .down { background-color:#ff0044; color:#fff; }