.wm-main-wrapper {
        width: 100%;
        max-width: 900px;
        margin: 0 auto;
        padding: 15px;
        box-sizing: border-box;
    }

    /* WICHTIG: Das fängt die Breite auf dem Handy ab */
    .wm-table-container { 
        width: 100%; 
        overflow-x: auto; /* Erlaubt horizontales Scrollen NUR für die Tabelle */
        -webkit-overflow-scrolling: touch; /* Macht das Wischen auf iPhones butterweich */
        font-family: Arial, sans-serif; 
        border-radius: 8px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.3);
        position: relative;
    }

    /* Basis der Tabelle: Jetzt in elegantem Eierschalen-Weiß */
    .wm-rangliste { 
        width: 100%; 
        border-collapse: collapse; 
        font-size: 16px; /* Standardgröße für Desktop */
        background: #FFF; /* Sanftes Eierschalenweiß (Ungerade Zeilen) */
        color: #000000; /* Wie im ergebnis-Code: Knackiges Schwarz */
    }

    /* Padding-Werte reduziert für die geringe Zeilenhöhe */
    .wm-rangliste th, .wm-rangliste td { 
        padding: 6px 10px; 
        text-align: left; 
        border-bottom: 1px solid rgba(0, 0, 0, 0.06); 
        box-sizing: border-box;
        line-height: 1.2;
    }

 .wm-rangliste th { 
    padding: 14px 10px; /* Erhöht den Abstand oben/unten auf 12px für mehr Höhe */
    background-color: #6A2D34; 
    color: white !important; /* Überschrift bleibt weiß auf schwarzem Grund */
    font-weight: bold; 
}

.wm-rangliste td { 
    padding: 6px 10px; /* Bleibt wie gewünscht kompakt */
    text-align: left; 
    border-bottom: 1px solid rgba(0, 0, 0, 0.06); 
    box-sizing: border-box;
    line-height: 1.2;
}

    /* Zentrale Steuerung für die Punktespalte (letzte Spalte) */
    .wm-rangliste td:last-child {
        text-align: center;
        font-size: 18px; /* Standard-Desktopgröße */
        font-weight: bold;
        color: #000000 !important; /* Zwingt die Punkte zu schwarzer Schrift */
    }
    
    .wm-rangliste th:last-child {
        text-align: center;
        font-weight: bold;
        color: white !important;
    }

    .wm-fixed-header {
        position: fixed;
        top: 0; 
        left: auto;
        z-index: 999;
        background-color: #1a1a1a;
        box-shadow: 0 4px 10px rgba(0,0,0,0.4);
    }

    /* ZEILE GERADE (2, 4, 6...): Erhält das passende, matte Grau */
    .wm-rangliste tr:nth-child(even) { 
        background-color: #D6D6D6  !important;  
    }

    /* HOVER-EFFEKT: Wie bei deiner .ergebnis-Tabelle springt die Zeile auf Gelb-Gold */
    .wm-rangliste tr:hover {
        background-color: #e6c63b !important;
    }

    /* WICHTIG: Die Highlight-Farben bleiben geschützt, erhalten beim Drüberfahren aber auch den Hover-Effekt */
    .platz-1 { 
        background-color: #ffd54f !important; /* Strahlendes Gold-Gelb */
        font-weight: bold; 
    }
    .platz-1 td { color: #1a1a1a !important; }

    .aktueller-spieler { 
        background-color: #c8e6c9 !important; /* Angenehmes Hellgrün */
        font-weight: bold; 
        border-left: 5px solid #2ea44f; 
    }
    .aktueller-spieler td { color: #1b5e20 !important; }

    /* Badges */
    .badge { 
        display: inline-block; 
        padding: 3px 6px; 
        font-size: clamp(0.8em, 2.8vw, 1em);
        font-weight: bold; 
        border-radius: 4px; 
        color: white !important; 
        text-align: center; 
        min-width: 20px; 
    }
    .b-4 { background-color: #1a1de8; }
    .b-3 { background-color: #238636; }
    .b-2 { background-color: #d29922; }
    .b-1 { background-color: #6e7681; }

    /* ==========================================================
       SMARTPHONE-OPTIMIERUNG (Gilt bei Bildschirmen unter 600px)
       ========================================================== */
    @media screen and (max-width: 600px) {
        .wm-main-wrapper {
            padding: 5px; 
        }
        
        .wm-rangliste { 
            font-size: 14px; 
        }

        .wm-rangliste th, .wm-rangliste td { 
            padding: 5px 6px; 
        }
        
        .wm-rangliste td:last-child {
            font-size: 14px !important; 
            color: #000000 !important;
        }

        .badge {
            padding: 1px 4px;
            font-size: 11px;
            min-width: 16px;
        }
    }