/* Light Mode Rules Page */
body.light-mode .rule-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

    body.light-mode .rule-card:hover {
        border-color: #fbbf24;
        box-shadow: 0 10px 25px rgba(251, 191, 36, 0.15);
    }

    body.light-mode .rule-card h3 {
        color: #f59e0b;
    }

body.light-mode .rule-content {
    color: #475569;
}

body.light-mode .rule-item {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

body.light-mode .rule-note {
    color: #64748b;
    border-right-color: #fbbf24;
}

body.light-mode .penalty-item {
    background: rgba(239, 68, 68, 0.05);
    border-right-color: #ef4444;
}

body.light-mode .penalty-text strong {
    color: #0f172a;
}

body.light-mode .penalty-text p {
    color: #64748b;
}

body.light-mode .penalty-note {
    background: rgba(251, 191, 36, 0.1);
}

    body.light-mode .penalty-note p {
        color: #f59e0b;
    }

body.light-mode .team-group li {
    color: #475569;
}

    body.light-mode .team-group li::before {
        color: #f59e0b;
    }

body.light-mode .format-badge {
    background: rgba(251, 191, 36, 0.1);
    color: #f59e0b;
}

body.light-mode .rules-header {
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.1), rgba(245, 158, 11, 0.05));
    border-color: rgba(251, 191, 36, 0.3);
}

    body.light-mode .rules-header p {
        color: #64748b;
    }

body.light-mode .back-button {
    background: linear-gradient(135deg, #f59e0b, #fbbf24);
    color: #0f172a;
}

    body.light-mode .back-button:hover {
        background: linear-gradient(135deg, #fbbf24, #f59e0b);
    }

/* Light Mode Rules Page */
body.light-mode .rule-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

    body.light-mode .rule-card:hover {
        border-color: #fbbf24;
        box-shadow: 0 10px 25px rgba(251, 191, 36, 0.15);
    }

    body.light-mode .rule-card h3 {
        color: #f59e0b;
    }

body.light-mode .rule-content {
    color: #475569;
}

body.light-mode .rule-item {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

body.light-mode .rule-note {
    color: #64748b;
    border-right-color: #fbbf24;
}

body.light-mode .penalty-item {
    background: rgba(239, 68, 68, 0.05);
    border-right-color: #ef4444;
}

body.light-mode .penalty-text strong {
    color: #0f172a;
}

body.light-mode .penalty-text p {
    color: #64748b;
}

body.light-mode .penalty-note {
    background: rgba(251, 191, 36, 0.1);
}

    body.light-mode .penalty-note p {
        color: #f59e0b;
    }

body.light-mode .team-group li {
    color: #475569;
}

    body.light-mode .team-group li::before {
        color: #f59e0b;
    }

body.light-mode .format-badge {
    background: rgba(251, 191, 36, 0.1);
    color: #f59e0b;
}

body.light-mode .rules-header {
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.1), rgba(245, 158, 11, 0.05));
    border-color: rgba(251, 191, 36, 0.3);
}

    body.light-mode .rules-header p {
        color: #64748b;
    }

body.light-mode .back-button {
    background: linear-gradient(135deg, #f59e0b, #fbbf24);
    color: #0f172a;
}

    body.light-mode .back-button:hover {
        background: linear-gradient(135deg, #fbbf24, #f59e0b);
    }