.tomato-toplist-container {
    transition: opacity 0.2s ease;
}

.tomato-toplist-container.loading {
    opacity: 0.6;
}

.tomato-toplist-container .casino-toplist-container {
    display: none;
}
.tomato-toplist-container .casino-toplist-container:last-child {
    display: block;
}
/* Mobile only (up to 767px) */
@media (max-width: 767px) {
    .tomato-toplist-container .casino-toplist-container:last-child {
        display: none;
    }
    .tomato-toplist-container .casino-toplist-container:first-child {
        display: block; /* Use block or flex instead of inherit for safety */
    }
}

/* Debug-only siblings; never change the toplist's first/last-child layout. */
.tomato-toplist-preview-panel,
.tomato-toplist-preview-status {
    box-sizing: border-box;
    margin: 1rem 0;
    padding: 0.75rem 1rem;
    border: 2px solid #64748b;
    border-radius: 4px;
    background: #f8fafc;
    color: #0f172a;
    font: 14px/1.5 system-ui, sans-serif;
    overflow-wrap: anywhere;
}
.tomato-toplist-preview-panel summary {
    display: list-item;
    cursor: pointer;
    font-weight: 700;
}
.tomato-toplist-preview-panel p {
    margin: 0.5rem 0;
}
.tomato-toplist-preview-scroll {
    overflow-x: auto;
}
.tomato-toplist-preview-panel table {
    width: 100%;
    margin: 0.75rem 0;
    border-collapse: collapse;
    font: inherit;
}
.tomato-toplist-preview-panel th,
.tomato-toplist-preview-panel td {
    padding: 0.35rem 0.5rem;
    border: 1px solid #cbd5e1;
    background: transparent;
    color: inherit;
    text-align: left;
    vertical-align: top;
}
.tomato-toplist-preview-panel[data-status="resolved"] {
    border-color: #15803d;
}
.tomato-toplist-preview-panel[data-status="failed"] {
    border-color: #b91c1c;
    background: #fff1f2;
}
.tomato-toplist-container[data-toplist-preview-status="failed"] {
    outline: 2px dashed #b91c1c;
    outline-offset: 2px;
}