#simulation-progress { width: min(1160px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); margin: auto; box-sizing: border-box; border: 1px solid #c6d1d4; border-radius: 8px; padding: 24px; color: #243136; background: #fff; }
#simulation-progress[open] { display: grid; grid-template-rows: auto auto auto auto minmax(0, 1fr) auto; gap: 10px; }
#simulation-progress::backdrop { background: rgb(20 32 37 / 45%); }
#simulation-progress h2 { margin: 0; font-size: 22px; }
#simulation-status, #simulation-save-status { margin: 0; overflow-wrap: anywhere; font-size: 14px; }
#simulation-save-status { color: #58676c; font-size: 12px; }
#simulation-progress progress { width: 100%; height: 12px; accent-color: #087f83; }
#simulation-results { height: min(380px, 43dvh); overflow: auto; margin: 0; border-block: 1px solid #dce3e5; }
#simulation-results p { padding: 10px 0; margin: 0; border-bottom: 1px solid #edf1f2; font-size: 14px; overflow-wrap: anywhere; }
.simulation-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
#simulation-progress button { white-space: normal; }
#btn-export-game-records { margin: 8px; }
.simulation-body { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 22px; min-height: 0; overflow: auto; }
.simulation-body h3 { margin: 0; font-size: 15px; }
.simulation-result-section, #simulation-standings { min-width: 0; }
.simulation-result-section h3 { margin: 10px 0; }
.simulation-standings-heading { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.simulation-standings-heading h3 { margin-right: auto; }
.simulation-view-controls { display: inline-flex; gap: 0; }
#simulation-progress .simulation-view-controls button { min-width: 40px; padding: 7px 10px; border-radius: 0; }
#simulation-progress .simulation-view-controls button[aria-pressed="true"] { color: #fff; background: #087f83; border-color: #087f83; }
[data-standings-date] { min-height: 36px; font-size: 12px; color: #58676c; line-height: 1.5; margin: 10px 0; }
.simulation-standings-table { overflow-x: auto; }
.simulation-standings-table table { width: 100%; min-width: 450px; border-collapse: collapse; font-size: 13px; font-variant-numeric: tabular-nums; }
.simulation-standings-table th, .simulation-standings-table td { padding: 10px 6px; text-align: right; white-space: nowrap; border-bottom: 1px solid #dce3e5; }
.simulation-standings-table th:nth-child(2), .simulation-standings-table td:nth-child(2) { text-align: left; }
.simulation-standings-table .user-team-row { background: #e1f2ed; color: #086766; font-weight: 700; }
@media (max-width: 760px) {
    #simulation-progress { padding: 14px; }
    .simulation-body { grid-template-columns: minmax(0, 1fr); gap: 14px; max-height: 58dvh; }
    #simulation-results { height: 160px; }
    .simulation-standings-table th, .simulation-standings-table td { padding: 7px 5px; }
    .simulation-actions { justify-content: flex-start; }
    #simulation-progress .simulation-actions button { flex: 1 1 120px; padding: 8px; font-size: 12px; }
}