.eau-trivial-button-easy {
    background: linear-gradient(180deg, #c8e69a, #668837);
}

.eau-trivial-action-row-levels {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
}

.eau-trivial-levels-title {
    display: block;
    width: 100%;
    margin-top: 8px;
    color: var(--gold);
    font-size: 1.05rem;
}

.eau-trivial-modal .eau-trivial-submit-question,
.eau-trivial-modal .eau-trivial-submit-question p,
.eau-trivial-modal .eau-trivial-submit-question label {
    color: #f5ecd7 !important;
}

.eau-trivial-modal .eau-trivial-submit-question label {
    display: grid;
    gap: 6px;
    font-weight: 700;
}

.eau-trivial-modal .eau-trivial-submit-question input,
.eau-trivial-modal .eau-trivial-submit-question textarea,
.eau-trivial-modal .eau-trivial-submit-question select {
    box-sizing: border-box;
    background: #0d0c09 !important;
    color: #f5ecd7 !important;
    border-color: #6b5a3d !important;
    color-scheme: dark;
    opacity: 1;
}

.eau-trivial-modal .eau-trivial-submit-question option {
    background: #f5ecd7 !important;
    color: #171008 !important;
}

.eau-trivial-modal .eau-trivial-submit-question select,
.eau-trivial-modal .eau-trivial-submit-question select:invalid,
.eau-trivial-modal .eau-trivial-submit-question select:disabled {
    background: #f5ecd7 !important;
    color: #171008 !important;
    -webkit-text-fill-color: #171008 !important;
    border-color: #d6a84b !important;
    color-scheme: light;
    opacity: 1 !important;
}

.eau-trivial-modal .eau-trivial-submit-question select option:checked,
.eau-trivial-modal .eau-trivial-submit-question select option:disabled {
    background: #f5ecd7 !important;
    color: #171008 !important;
    -webkit-text-fill-color: #171008 !important;
    opacity: 1 !important;
}

.eau-trivial-modal .eau-trivial-submit-question input::placeholder,
.eau-trivial-modal .eau-trivial-submit-question textarea::placeholder {
    color: #b7aa91 !important;
    opacity: 1;
}

.eau-trivial-modal .eau-trivial-modal-close {
    display: grid;
    place-items: center;
    background: #d6a84b !important;
    color: #171008 !important;
    border: 2px solid #f5ecd7 !important;
    font-weight: 900;
    opacity: 1 !important;
    text-shadow: none !important;
}

.eau-trivial-modal .eau-trivial-modal-close:hover,
.eau-trivial-modal .eau-trivial-modal-close:focus-visible {
    background: #f5ecd7 !important;
    color: #171008 !important;
    outline: 3px solid #d6a84b;
    outline-offset: 2px;
}

.eau-trivial-stats-grid,
.eau-trivial-stats-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 800px) {
    .eau-trivial-action-row-levels,
    .eau-trivial-stats-grid,
    .eau-trivial-stats-summary {
        grid-template-columns: 1fr;
    }
}