/* Palette-only overrides: retain the existing competition layout in both modes. */
.cancel-post{color:#c02e2e}.cancel-post:hover:not(:disabled){color:#982121;text-decoration:underline}
html[data-theme=dark] .cancel-post{color:#ff8585}html[data-theme=dark] .cancel-post:hover:not(:disabled){color:#ffb3b3;text-decoration:underline}
.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.theme-toggle{margin-left:auto;background:#f2f5f8;color:#245676;border:1px solid #bdcbd6;border-radius:4px;padding:6px 10px;font:600 12px var(--body);letter-spacing:0;cursor:pointer;white-space:nowrap}
.theme-toggle:hover{border-color:#2286c7}.theme-toggle:focus-visible{outline:2px solid #168ce0;outline-offset:3px}
:root[data-theme=dark]{color-scheme:dark;--bg:#101417;--surface:#202729;--elevated:#293033;--line:#285478;--muted:#b0bec8;--white:#e6edf2;--orange:#65b9f1;--green:#82d98a}
html[data-theme=dark] body{background-color:#141719;background-image:repeating-linear-gradient(125deg,transparent 0,transparent 2px,#0002 2px,#0002 3px);color:#e1e8ed}
html[data-theme=dark] main{background:#151a1d;border-color:#294b64}
html[data-theme=dark] :is(.ladder-header,.primary,.side-panel,.profile-section,.profile-wide .profile-section){background:#242a2d;border-color:#2d5b7e;box-shadow:inset 0 0 0 1px #152e40}
html[data-theme=dark] :is(.ladder-header,.profile-heading){background:linear-gradient(#08131b,#242c30)}
html[data-theme=dark] :is(.panel-bar,.profile-section .panel-bar){background:linear-gradient(#020608,#0a1a26);border-color:#2c5c80;color:#f1f5f8;box-shadow:inset 0 1px #33516a}
html[data-theme=dark] :is(.ladder-tabs,.competition-nav,.profile-tabs){background:#172630;border-color:#2d5978}
html[data-theme=dark] :is(.ladder-tabs>button,.competition-nav .nav-link,.profile-tabs button){background:linear-gradient(#112e42,#04111a);border-color:#2a5371;color:#83b7d9}
html[data-theme=dark] :is(.ladder-tabs>button.selected,.competition-nav .nav-link.active,.profile-tabs button.active){background:linear-gradient(#9bceec,#338bc1);border-color:#74b8e1;color:#05141f}
html[data-theme=dark] :is(.ladder-tabs small,.season,.breadcrumb,.season-line,.ladder-meta,.crossplay-chip,.header-demo,.standings-caption,.sample-tag,.section-heading p,.list-footer,.profile-heading p,.squad-summary dt,.team-bio,.profile-empty,.roster-legend,footer,.footer-brand){color:#aabac6}
html[data-theme=dark] :is(.ladder-title-copy h1,.profile-heading h2,.squad-summary h3,.section-heading h2,.empty-state h3,.match-card h3,.competition-info strong,.competition-facts dd,.leader-points,.sidebar-note strong,.random-note strong,.rules-content h3,.squad-summary dd,.opponent small b,.format strong){color:#e7edf1}
html[data-theme=dark] :is(.inline-link,.name-cell .inline-link,.orange-text,.history-link,.news-list button,.text-button,.roster-role){color:#69b9ee!important}
html[data-theme=dark] :is(.inline-link:hover,.history-link:hover,.news-list button:hover,.text-button:hover){color:#b1ddfa!important}
html[data-theme=dark] :is(.table-scroll,.table-legend,.history-footer){background:#1b2328;color:#adbdc9;border-color:#305471}
html[data-theme=dark] :is(.standings-table thead th,.stats-table th,.list-labels){background:linear-gradient(#020506,#121a1e);color:#e6edf2;border-color:#172c3b}
html[data-theme=dark] :is(.standings-table td,.stats-table td){color:#d3dce2;border-color:#30383d}
html[data-theme=dark] :is(.standings-table tbody tr:nth-child(odd),.stats-table tbody tr:nth-child(odd),.history-table tr:nth-child(odd)){background:#25292c}
html[data-theme=dark] :is(.standings-table tbody tr:nth-child(even),.stats-table tbody tr:nth-child(even),.history-table tr:nth-child(even)){background:#2d3235}
html[data-theme=dark] :is(.standings-table tbody tr.leader-highlight,.standings-table tbody tr:hover,.history-table tr:hover){background:#243b4b}
html[data-theme=dark] :is(.place-cell,.history-table){color:#dce5ec}
html[data-theme=dark] .history-scroll{background:#25292c;scrollbar-color:#61829a #18242d}
html[data-theme=dark] :is(.win,.movement.up,.history-table .win,.result-label.win){color:#88df8d!important}
html[data-theme=dark] :is(.loss,.movement.down,.history-table .loss,.result-label.loss){color:#ff8585!important}
html[data-theme=dark] :is(.disputed,.history-table .disputed,.result-label.disputed){color:#ffb85e!important}
html[data-theme=dark] :is(.profile-breadcrumb,.profile-tabs,.profile-section,.roster-legend,.leader-row,.match-row,.rules-content article,.recent-row){border-color:#35536a}
html[data-theme=dark] :is(.stats-table td:first-child,.rank.first,.profile-heading .profile-rank){color:#69b9ee}
html[data-theme=dark] :is(.season-value,.form-fixed,.filter-buttons button.active,.random-note,.match-confirm,.match-card,.profile-empty,.nba-team,.match-timing,.match-resolution,.report-wait){background:#172630;border-color:#335b77;color:#cfdae2}
html[data-theme=dark] :is(.theme-toggle,.outline-button,.side-panel .outline-button,.accept-button,.match-details-link){background:linear-gradient(#18394f,#0b1b27);border-color:#38698c;color:#8ecdf7}
html[data-theme=dark] :is(.theme-toggle:hover,.outline-button:hover,.accept-button:hover){background:#20445e}
html[data-theme=dark] :is(.news-list button:nth-child(even),.match-row:nth-child(even)){background:#2a3237}
html[data-theme=dark] :is(.news-list button:hover,.match-row:hover){background:#263f50}
html[data-theme=dark] :is(.news-list time,.competition-info p,.competition-facts dt,.leader-info small,.rank,.sidebar-note p,.random-note p,.rules-content p,.opponent small,.format span,.start-time,.locked-setting,.filter-buttons button,.form-help,.demo-notice,.room-meta,.nba-team p,.report-receipt,.match-resolution p,.report-wait p,.match-timing span){color:#b1c0cb}
html[data-theme=dark] :is(.match-timing strong,.nba-team h3,.assigned-nba){color:#e1eaf0!important}
html[data-theme=dark] :is(.nba-team.your-side,.player-hero){background:linear-gradient(#122f43,#20323e);border-color:#4d96c6}
html[data-theme=dark] :is(dialog,#account-dialog){background:#20282e;border-color:#3a729b;color:#e2eaf0}
html[data-theme=dark] :is(.dialog-heading h2,label,.player-heading h3,.rank-card-heading h3,.rank-card-main strong,.rank-metrics strong,.progress-title h3,.player-history h3){color:#e2eaf0}
html[data-theme=dark] :is(input,select){background:#101a21;color:#e5edf3;border-color:#466477}
html[data-theme=dark] input::placeholder{color:#93a7b7}
html[data-theme=dark] :is(.icon-button,.auth-intro,.field-hint,.auth-footnote,.player-heading p,.player-kicker,.verification-panel p,.progress-caption,.rank-card-main p,.rank-metrics>div>span,.rank-membership,.rank-explainer p,.rank-card-heading>span,.level-emblem small){color:#adbfcd}
html[data-theme=dark] :is(.player-rank-card,.level-emblem){background:#1a252d;border-color:#3a5b73}
html[data-theme=dark] :is(.rank-card-heading,.rank-membership,.tier-scale>span){background:#102332;border-color:#31536c;color:#bdcddb}
html[data-theme=dark] :is(.verification-panel,.rank-explainer,.rating-history-row,.auth-tabs,#report-form){border-color:#365268}
html[data-theme=dark] :is(.xp-track,.level-meter){background:#10171b;border-color:#4d6679}
html[data-theme=dark] :is(.auth-tabs button.active,.rank-explainer summary,.rating-history-row strong,.progress-title>span,.level-emblem strong,.password-field button,.match-side-label){color:#77c6fa}
html[data-theme=dark] #verification-banner{background:#302a1d;border-color:#7b6338;color:#ead4ac}
html[data-theme=dark] #verification-banner button{color:#87cef9}
html[data-theme=dark] .verification-panel strong{color:#edc47a}
html[data-theme=dark] :is(.verification-panel.is-verified strong,.eligible){color:#88df9d}
html[data-theme=dark] .form-error{background:#382227;border-color:#89505a;color:#ffb5bf}
html[data-theme=dark] #toast{background:#143248;border-color:#487fa3;color:#d6edfc}
html[data-theme=dark] :is(.squad-emblem,.profile-heading>.avatar){background:linear-gradient(#293943,#0a151c);border-color:#47718e}
html[data-theme=dark] .squad-emblem strong{color:#e2eaf0;text-shadow:0 1px #000}
html[data-theme=dark] .squad-emblem span{color:#a8becd}
html[data-theme=dark] .profile-heading>.avatar{color:#e2eaf0}
html[data-theme=dark] .ladder-tabs>button.selected small{color:#263640}
html[data-theme=dark] .pill{background:#203a2b;border-color:#427455;color:#a2e1af}
@media(max-width:620px){.breadcrumb{gap:6px}.theme-toggle{padding:5px 7px;font-size:11px}}

/* Ladder actions share the compact, bordered treatment of the competition tabs. */
:is(#post-match,#join-ladder,[data-post]).button{min-height:34px;height:auto;padding:7px 12px;gap:6px;background:#087fce;border:1px solid #0872b8;border-radius:2px;color:#fff;font-size:13px;line-height:18px;text-shadow:none;box-shadow:none;font-weight:600}
:is(#post-match,#join-ladder,[data-post]).button:hover{background:#006bb5;border-color:#005f9f;color:#fff}
:is(#post-match,#join-ladder,[data-post]).button>span{font-size:14px;line-height:1}
html[data-theme=dark] :is(#post-match,#join-ladder,[data-post]).button{background:#176b9f;border-color:#3885b5;color:#f3f9fd;box-shadow:none;text-shadow:none}
html[data-theme=dark] :is(#post-match,#join-ladder,[data-post]).button:hover{background:#207eb7;border-color:#62a7d1;color:#fff}
:is(#post-match,#join-ladder,[data-post]).button:focus-visible{outline:2px solid #439dd8;outline-offset:3px}

/* Use the standings typography for utility labels instead of widely spaced caps. */
:is(.crossplay-chip,.breadcrumb,.season,.eyebrow,.preview-badge,.standings-caption .sample-tag,.sample-tag,.note-tag,.card-kicker,.ladder-detail span,.squad-emblem span,.match-side-label,.banner-context .banner-game){font-family:var(--body);font-size:12px;font-weight:500;letter-spacing:normal;text-transform:none}
.crossplay-chip span{margin:0 5px}

#room-dialog{width:min(1180px,calc(100% - 28px));padding:14px;border-radius:3px;max-height:94vh}
#room-dialog>.dialog-heading{padding:12px 14px;border:1px solid #ccc;margin-bottom:12px;align-items:center}
#room-dialog .dialog-heading h2{font-family:var(--body);font-size:27px;font-weight:500;margin:4px 0 0;color:#777}
#room-dialog .eyebrow{color:#0069bd;font-size:12px;letter-spacing:0}
.match-report-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,1fr);gap:14px}
#accept-dialog{padding:5px;width:min(480px,calc(100% - 28px));border-radius:3px;border:1px solid #bfc6ca}
#accept-dialog .dialog-heading{background:linear-gradient(#555,#222);color:#fff;align-items:center;margin:0;padding:8px 12px;gap:12px}
#accept-dialog .dialog-heading h2{font-family:var(--body);color:#fff;font-size:16px;font-weight:600;line-height:1.4;margin:0}
#accept-dialog .icon-button{color:#dce5eb;width:28px;height:28px;font-size:21px}
.accept-body{padding:14px 12px}.accept-facts{margin:0;font-size:14px}.accept-facts>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:14px;padding:10px;border-bottom:1px solid #ddd}.accept-facts>div:nth-child(odd){background:#f1f1f1}.accept-facts dt{color:#68717a}.accept-facts dd{margin:0;font-weight:600;overflow-wrap:anywhere}.accept-facts>div:first-child dd{color:#0069bd}
#accept-dialog .form-help{font-size:13px;line-height:1.5;margin:14px 0 0;color:#65717b}
.accept-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:11px 12px;background:#f3f5f6;border-top:1px solid #d3d9de}
#accept-dialog .button{width:auto;min-height:34px;padding:7px 12px;border-radius:2px;font-size:13px;line-height:18px;font-weight:600;box-shadow:none;text-shadow:none}
#accept-dialog #confirm-accept{background:#087fce;border-color:#0872b8;color:#fff}#accept-dialog #confirm-accept:hover{background:#006bb5}
html[data-theme=dark] #accept-dialog{border-color:#2d5b7e;background:#242a2d}html[data-theme=dark] #accept-dialog .dialog-heading{background:linear-gradient(#071019,#102735);border-bottom:1px solid #2d5b7e}
html[data-theme=dark] .accept-facts>div{border-color:#365268}html[data-theme=dark] .accept-facts>div:nth-child(odd){background:#1d272e}html[data-theme=dark] .accept-facts dt,html[data-theme=dark] #accept-dialog .form-help{color:#adbfcd}html[data-theme=dark] .accept-facts>div:first-child dd{color:#69b9ee}
html[data-theme=dark] .accept-actions{background:#172630;border-color:#2d5b7e}html[data-theme=dark] #accept-dialog #confirm-accept{background:#176b9f;border-color:#3885b5}html[data-theme=dark] #accept-dialog #confirm-accept:hover{background:#207eb7}
html[data-theme=dark] #room-dialog .result-label:not(.win):not(.loss):not(.disputed){color:#b8cbd9}
.match-report-main,.match-report-sidebar>section{border:1px solid #ccc;background:#fff;padding:5px;min-width:0}
#room-dialog .panel-bar{margin:0;font-family:var(--body);font-size:16px;font-weight:600;padding:10px;background:linear-gradient(#555,#222);color:#fff;display:block}
.match-report-tabs{display:flex;gap:3px;padding:4px 0 7px;font-size:13px;font-weight:600}
.match-report-tabs>*{padding:9px 14px;background:#ddd;border:1px solid #ccc;border-radius:3px 3px 0 0;color:#222}
.match-report-tabs .active{background:#fff}
.match-facts{padding:20px 18px}.match-format-title{text-align:center;color:#0078be;font-size:24px;font-weight:700;margin-bottom:22px}.match-format-title span{font-size:18px;font-weight:500}
.match-facts dl{margin:0}.match-facts dl>div{display:grid;grid-template-columns:145px 1fr;gap:12px;padding:5px 0;font-size:14px;line-height:1.4}.match-facts dt{text-align:right;color:#666}.match-facts dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.match-rules-details{margin-top:18px;font-size:14px}.match-rules-details summary{cursor:pointer;color:#0078be;font-weight:600}.match-rules-details p{line-height:1.5;margin-top:10px}
.match-team-section{margin-top:10px}.match-team-section table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.match-team-section th{background:#ddd;color:#333;padding:10px;font-weight:700}.match-team-section td{padding:12px 10px;background:#f1f1f1;border-bottom:1px solid #ddd}.match-team-section tr:nth-child(even) td{background:#f8f8f8}.match-team-section td:first-child{color:#0069bd}.match-table-scroll{overflow:auto}
.match-report-sidebar>section{margin-bottom:10px}.match-panel-body{padding:12px;font-size:14px;line-height:1.5}.match-panel-body p{margin:0 0 12px}.match-panel-body p:last-child{margin-bottom:0}
#room-dialog #report-form{border:0;padding:0;margin:0}#room-dialog #report-form label{font-size:14px}#room-dialog #report-form select{width:100%;margin:10px 0}#room-dialog .match-resolution,#room-dialog .report-wait{margin:0;border:0;border-radius:0;background:none;padding:0}#room-dialog .room-actions{margin-top:10px;flex-wrap:wrap}#room-dialog .room-actions button{font-size:13px;padding:8px}
html[data-theme=dark] :is(.match-report-main,.match-report-sidebar>section){background:#242a2d;border-color:#2d5b7e}
html[data-theme=dark] #room-dialog>.dialog-heading{border-color:#2d5b7e;background:#172630}html[data-theme=dark] #room-dialog .dialog-heading h2{color:#e2eaf0}html[data-theme=dark] #room-dialog .eyebrow{color:#83b7d9}
html[data-theme=dark] #room-dialog .panel-bar{background:linear-gradient(#071019,#102735);border-bottom:1px solid #2d5b7e}
html[data-theme=dark] .match-report-tabs>*{background:#102737;border-color:#2d5b7e;color:#8ecdf7}html[data-theme=dark] .match-report-tabs .active{background:#338bc1;color:#fff}
html[data-theme=dark] :is(.match-format-title,.match-rules-details summary){color:#77c6fa}html[data-theme=dark] .match-facts dt{color:#adbfcd}
html[data-theme=dark] .match-team-section th{background:#10212d;color:#d8e5ee}html[data-theme=dark] .match-team-section td{background:#252c30;border-color:#365268}html[data-theme=dark] .match-team-section tr:nth-child(even) td{background:#1d2429}html[data-theme=dark] .match-team-section td:first-child{color:#69b9ee}
@media(max-width:760px){.match-report-layout{grid-template-columns:1fr}#room-dialog{padding:8px}.match-facts{padding:18px 9px}.match-facts dl>div{grid-template-columns:110px 1fr;gap:8px}.match-team-section th,.match-team-section td{padding:9px 6px}.match-report-sidebar{min-width:0}}
/* Quick glance actions use the same type and finish as the ladder tabs. */
.side-panel .side-panel-body > .outline-button {
  font-family: var(--body);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: normal;
  text-transform: none;
  line-height: 1.2;
  min-height: 38px;
  padding: 10px 17px;
  border-radius: 3px;
  background: linear-gradient(#e8e8e8, #d7d7d7);
  border-color: #d0d0d0;
  color: #252525;
  box-shadow: none;
  text-shadow: none;
}
.side-panel .side-panel-body > .outline-button:hover {
  background: #ededed;
  color: #0068b5;
}
.side-panel .side-panel-body > .outline-button span { font-size: inherit; font-weight: inherit; }
html[data-theme=dark] .side-panel .side-panel-body > .outline-button {
  background: linear-gradient(#112e42, #04111a);
  border-color: #2a5371;
  color: #83b7d9;
}
html[data-theme=dark] .side-panel .side-panel-body > .outline-button:hover {
  background: linear-gradient(#9bceec, #338bc1);
  border-color: #74b8e1;
  color: #05141f;
}
#post-dialog{width:min(570px,calc(100% - 24px))}
#post-dialog .form-grid{grid-template-columns:1fr 1.6fr;gap:16px;margin-top:6px}
#post-dialog .team-action-body input,#post-dialog .team-action-body select{font:400 14px var(--body);border-radius:2px;padding:9px 10px;min-height:38px}
#post-dialog .form-fixed{margin:12px 0;border-radius:2px;font-size:13px;padding:10px}
#post-dialog .form-help,#post-dialog .demo-notice{font-size:13px;line-height:1.5;margin:12px 0 0}
#post-dialog .accept-actions .button{width:auto;min-height:34px;padding:7px 16px;border-radius:2px;font:600 13px var(--body);box-shadow:none;text-shadow:none}
#post-dialog .primary-button{background:linear-gradient(#44a6e2,#187ebd);border-color:#238bc8}
html[data-theme=dark] #post-dialog .primary-button{background:linear-gradient(#285e7c,#16405c);border-color:#477f9f;color:#e4f4ff}
html[data-theme=dark] #post-dialog .primary-button:hover{background:linear-gradient(#377b9f,#215875)}
@media(max-width:480px){#post-dialog .form-grid{grid-template-columns:1fr;gap:0}}
html[data-theme=dark] #post-dialog .form-fixed>span{color:#adbfcd}
html[data-theme=dark] #post-dialog .form-fixed strong{color:#83b7d9}