.design-data-table{width:100%;table-layout:fixed;border-collapse:collapse;font-variant-numeric:tabular-nums;color:#F2EFE7;font-family:var(--preview-font),sans-serif}.design-data-table th{background:#F2EFE7!important;color:#111318!important;text-align:center;font-size:12px;padding:12px 8px;border:0!important;font-weight:700}.design-data-table td{height:68px;padding:12px 8px;border:0!important;border-bottom:1px solid #ffffff2d!important;background:transparent!important;text-align:center;color:inherit!important;font-size:clamp(14px,1.7vw,22px);font-weight:650;min-width:0}.design-data-table th:nth-child(2),.design-data-table td:nth-child(2){text-align:left}.design-data-table .team-text{display:block;max-width:100%;min-width:0;overflow:hidden;white-space:nowrap;text-align:left}.design-data-table tr.dt-live,.design-data-table tr.dt-leader{background:#00E5BE!important;color:#111318!important}.design-data-table tr.dt-finished{color:#A7ABB3!important}.design-data-table .dt-status{font-size:12px;white-space:nowrap}.design-data-table .dt-time{width:118px}.design-data-table .dt-score{width:80px}.design-data-table .dt-state{width:74px}.design-data-table .dt-action{width:44px}.design-data-table time{font-size:14px;white-space:nowrap}.score-separator{padding:0 5px;opacity:.7}.dt-action-button{display:grid;place-items:center;width:44px;height:44px;padding:0!important;background:transparent!important;color:inherit!important;border:0!important}.dt-action-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65}.dr-rank{width:9%}.dr-name{width:37%}.dr-metric{width:10.8%}.design-ranking td:first-child{font-size:27px;color:#00E5BE!important;text-align:left}.design-ranking tr.dt-leader td{color:#111318!important}.design-rank-section{min-width:0;margin:14px 0 24px;border:0;background:#0B0D10}.dt-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;color:#00E5BE}.dt-heading h2{font-size:18px;margin:0}.dt-heading span{font-size:12px;color:#A7ABB3}.viewer-body .design-data-table td{display:table-cell!important}.viewer-body .design-data-table tr{display:table-row!important}.viewer-body .design-data-table thead{display:table-header-group!important}.viewer-body .design-data-table td:before{display:none!important}.viewer-body .design-data-table{min-width:0!important}.viewer-body .design-data-table td strong{color:inherit!important}.viewer-body .design-data-table tr.dt-finished td{color:#A7ABB3!important}.viewer-body .design-data-table tr.dt-live td{color:#111318!important}.viewer-final-matches{display:none!important}
@media(max-width:700px){.design-data-table td{font-size:14px;padding:10px 5px;height:66px}.design-data-table th{font-size:11px;padding:10px 4px}.design-data-table .dt-time{width:88px}.design-data-table .dt-score{width:50px}.design-data-table .dt-state{width:48px}.design-data-table time,.design-data-table .dt-status{font-size:11px}.score-separator{padding:0 2px}.design-ranking td:first-child{font-size:23px}.dr-name{width:33%}.dr-metric{width:11.6%}.dt-heading span{font-size:10px}.dt-heading h2{font-size:15px}}
.design-data-table{background:#0B0D10!important}.design-data-table tbody{display:table-row-group!important}.design-data-table colgroup{display:table-column-group!important}.design-data-table col{display:table-column!important}.design-data-table tr:not(.dt-live):not(.dt-leader):not(.dt-upcoming){background:#0B0D10!important}.design-data-table thead tr{background:#F2EFE7!important}.viewer-body .viewer-match-scroll{background:#0B0D10!important}.viewer-body .results-intro,.viewer-body .results-intro strong{color:#A7ABB3!important}.viewer-body .design-data-table td{width:auto!important;float:none!important}.viewer-body .design-data-table .team-text{width:100%;min-width:0}.design-ranking th,.design-ranking td{vertical-align:middle}

/* One compact results surface shared by all three isolated design pages. */
.design-results{width:100%;max-width:100%;min-width:0;color:#F2EFE7;font-family:var(--preview-font),sans-serif}.design-results *{box-sizing:border-box}.design-results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;min-height:54px;margin-bottom:10px}.design-stage-picker{position:relative;display:inline-flex;min-width:0;max-width:65%;align-items:center}.design-stage-picker select{appearance:none;-webkit-appearance:none;min-width:100px;max-width:100%;height:44px;padding:8px 34px 8px 0!important;border:0!important;background:transparent!important;color:#F2EFE7!important;font:inherit;font-size:22px;font-weight:700;border-radius:0;cursor:pointer}.design-stage-picker select option{background:#181C22;color:#F2EFE7}.design-stage-picker svg{position:absolute;right:7px;width:18px;height:18px;fill:none;stroke:#00E5BE;stroke-width:2;pointer-events:none}.design-results-progress{color:#A7ABB3;font-size:12px;white-space:nowrap}.design-results .design-rank-section{margin:0;background:#0B0D10;max-width:100%;min-width:0}.design-results-body{min-width:0;max-width:100%}.design-group-nav{display:flex;align-items:center;justify-content:center;gap:20px;margin:0 0 12px;min-width:0}.design-group-nav>div{display:flex;align-items:center;gap:10px;min-width:80px;justify-content:center}.design-group-nav strong{color:#00E5BE;font-size:18px}.design-group-nav span{font-size:11px;color:#A7ABB3}.design-group-nav button{display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:10px!important;background:transparent!important;color:#F2EFE7!important;border:1px solid #ffffff20!important;border-radius:3px!important}.design-group-nav button:disabled{opacity:.25;cursor:default}.design-group-nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}.design-stage-picker select:focus-visible,.design-group-nav button:focus-visible,.design-bracket-scroll:focus-visible{outline:2px solid #00E5BE;outline-offset:3px}.design-results .design-ranking{min-width:0!important;width:100%!important;max-width:100%;table-layout:fixed}.design-results .design-ranking th{white-space:nowrap}.design-results .design-ranking td{overflow:hidden}.design-results .design-ranking .rank-hash{font-size:.75em}.design-results-empty,.design-rank-note,.design-results-filter-empty{color:#A7ABB3;font-size:12px;margin:16px 0}.design-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}.design-bracket-scroll{max-width:100%;width:100%;min-width:0;overflow:auto;overscroll-behavior-inline:contain;padding-bottom:12px;scrollbar-color:#00E5BE55 #181C22;scrollbar-width:thin}.design-bracket-canvas{position:relative;min-width:0;isolation:isolate}.design-bracket-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:-1;fill:none;stroke:#00E5BE88;stroke-width:1.5}.design-bracket-links .is-loser{stroke:#A7ABB399;stroke-dasharray:4 4}.design-bracket-heading{position:absolute;top:2px;color:#00E5BE;font-size:13px;line-height:20px;font-weight:650}.design-bracket-match{position:absolute;background:#181C22;border:1px solid #ffffff25;border-radius:4px;overflow:hidden}.design-bracket-match>header{display:flex;justify-content:space-between;gap:6px;align-items:center;height:30px;padding:4px 10px;background:#ffffff04;color:#A7ABB3;border-bottom:1px solid #ffffff12;font-size:10px}.design-bracket-side{display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;gap:8px;height:38px;padding:0 10px;min-width:0;font-size:13px}.design-bracket-side.red{border-left:3px solid #C92E42}.design-bracket-side.blue{border-left:3px solid #2866BE}.design-bracket-side .team-text{display:block;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.design-bracket-side strong{text-align:right;font-size:14px;font-variant-numeric:tabular-nums}.design-bracket-side.is-pending{color:#A7ABB3;font-size:11px}.design-bracket-side.is-winner{background:#00E5BE;color:#111318}.design-bracket-match.is-filter-muted{opacity:.35}.design-bracket-side.is-filter-match{box-shadow:inset 0 0 0 1px #00E5BE}.design-bracket-legend{display:flex;gap:16px;flex-wrap:wrap;margin:10px 0 0;color:#A7ABB3;font-size:10px}.design-bracket-legend span:before{content:'';display:inline-block;width:20px;margin-right:6px;border-top:1px solid #00E5BE;vertical-align:middle}.design-bracket-legend span+span:before{border-top-style:dashed;border-color:#A7ABB3}.viewer-body #result-summary{display:none}.viewer-body .viewer-results>.section-bar h1{font-size:14px}.viewer-body .design-results-toolbar{margin-top:2px}.viewer-body .design-results [hidden]{display:none!important}#results-preview>.leaderboard{padding:clamp(12px,2.5vw,28px)}
@media(max-width:700px){.design-stage-picker select{font-size:20px}.design-results-progress{font-size:10px}.design-results-toolbar{gap:7px;margin-bottom:6px}.design-results .design-ranking td{font-size:13px;padding:10px 3px;height:60px}.design-results .design-ranking th{font-size:10px;padding:11px 2px}.design-results .design-ranking td:first-child{font-size:23px}.design-results .dr-rank{width:10%}.design-results .dr-name{width:31%}.design-results .dr-metric{width:11.8%}.design-group-nav{margin-bottom:10px;gap:15px}.design-group-nav strong{font-size:16px}.design-bracket-legend{gap:10px}}
@media(max-width:360px){.design-results .design-ranking th{font-size:9px}.design-results .design-ranking td{font-size:12px}.design-results .design-ranking td:first-child{font-size:20px}.design-results-progress{font-size:9px}.design-stage-picker select{font-size:18px}}

.design-results-toolbar .design-stage-picker{order:2;margin-left:auto}.design-results-toolbar .design-results-progress{order:1}.design-group-nav button{border:0!important;color:#F2EFE7!important}.design-bracket-legend{display:none}


/* Native horizontal group paging; the stage picker and every slide stay mounted. */
.design-results .design-group-nav{position:static!important;top:auto!important;z-index:auto!important;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible}
.design-results .design-group-nav>div{background:transparent!important}
.design-results .design-group-nav button{flex:0 0 44px;max-width:44px;margin:0;box-shadow:none!important}
.design-results .design-group-nav button[aria-disabled=true]{opacity:.25;cursor:default}
.design-group-carousel{position:relative;display:flex;align-items:flex-start;gap:12px;width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:auto;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch}
.design-group-carousel::-webkit-scrollbar{display:none}
.design-group-slide{flex:0 0 100%;width:100%;max-width:100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
.design-group-carousel.is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}
.design-group-carousel:focus-visible{outline:2px solid #00E5BE;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.design-group-carousel{scroll-behavior:auto!important}}

.design-results .design-ranking .dr-metric{width:10%}.design-results .design-ranking .dr-metric:last-child{width:14%}.design-results .design-ranking th:last-child{white-space:normal;line-height:1.25}.design-results .design-ranking td:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}@media(max-width:700px){.design-results .design-ranking .dr-metric{width:11.25%}.design-results .design-ranking .dr-metric:last-child{width:14%}}

/* Team names open the existing detail dialog; only filtered rows have Locate. */
.design-data-table .dt-team-button{display:block;width:100%;max-width:100%;min-width:0;min-height:44px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;font:inherit!important;line-height:inherit;text-align:left;cursor:pointer;box-shadow:none!important}
.design-data-table .dt-team-button:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.design-data-table tr.dt-upcoming{background:rgb(25,25,22);color:#FFF;transition:none!important}
/* Same two-line schedule in administration and spectator views. */
.design-data-table.design-schedule-two td{padding:8px 10px;height:80px;text-align:left;vertical-align:middle}
.design-schedule-two .dt-meta-line{display:grid;grid-template-columns:max-content minmax(0,1fr) max-content max-content;align-items:center;gap:8px;min-width:0;line-height:18px;padding-bottom:4px;border-bottom:1px solid currentColor;color:inherit}
.design-data-table.design-schedule-two time{font-size:12px;font-weight:700}
.design-schedule-two .dt-definition{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.design-schedule-two .dt-court{font-size:11px;white-space:nowrap;grid-column:3}
.design-schedule-two .dt-status{font-size:11px;grid-column:4}
.design-schedule-two .dt-fixture-line{display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);align-items:center;gap:8px;min-width:0}
.design-schedule-two .dt-fixture-line:has(.dt-action-button){grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr) 44px}
.design-data-table.design-schedule-two .dt-team-button{font-size:14px!important;min-height:38px}
.design-schedule-two .dt-two-score{font-size:15px;text-align:center;white-space:nowrap}
.design-schedule-two .dt-fixture-line>.dt-team-button:last-of-type .team-text{text-align:right}
@media(max-width:500px){.design-data-table.design-schedule-two td{padding:7px 8px}.design-schedule-two .dt-meta-line{gap:6px}.design-data-table.design-schedule-two .dt-team-button{font-size:13px!important}.design-schedule-two .dt-fixture-line{gap:6px}.design-schedule-two .dt-definition,.design-schedule-two .dt-court,.design-schedule-two .dt-status{font-size:10px}}

/* Official LoL schedule-inspired card hierarchy, using the existing black/gold system. */
.design-data-table.design-schedule-cards{border-collapse:separate;border-spacing:0 10px;background:transparent!important}
.design-data-table.design-schedule-cards tr:not(.dt-live):not(.dt-upcoming){background:#181C22!important}
.design-data-table.design-schedule-cards td{padding:0!important;height:auto!important;border:1px solid #FFFFFF14!important;border-radius:5px;overflow:hidden}
.design-schedule-cards .dt-meta-line{display:flex;justify-content:space-between;gap:12px;padding:10px 14px 0;border:0;line-height:20px}
.design-data-table.design-schedule-cards time{font-size:14px;font-weight:750;color:inherit}
.design-schedule-cards .dt-status{font-size:11px;opacity:.85}
.design-schedule-cards .dt-fixture-line{padding:3px 14px 8px;gap:10px;grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr)}
.design-schedule-cards .dt-fixture-line:has(.dt-action-button){grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr) 44px;gap:6px}
.design-data-table.design-schedule-cards .dt-team-button{font-size:15px!important;min-height:44px}
.design-schedule-cards .dt-two-score{font-size:19px;font-weight:750}
.design-schedule-cards .dt-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:8px 14px;background:#00000015;border-top:1px solid #FFFFFF08}
.design-schedule-cards .dt-definition{flex:1;min-width:0;font-size:12px;line-height:18px;opacity:.85}
.design-schedule-cards .dt-court{flex:none;font-size:11px;opacity:.85}
.design-schedule-cards tr.dt-finished{color:#B8BBC3!important}
.viewer-body .design-schedule-cards tr.dt-finished td{color:#B8BBC3!important}
@media(max-width:500px){.design-schedule-cards .dt-meta-line{padding:9px 10px 0}.design-schedule-cards .dt-fixture-line{padding:2px 10px 6px;gap:6px;grid-template-columns:minmax(0,1fr) 68px minmax(0,1fr)}.design-schedule-cards .dt-card-footer{padding:7px 10px;gap:8px}.design-data-table.design-schedule-cards .dt-team-button{font-size:14px!important}.design-schedule-cards .dt-definition{font-size:11px}.design-schedule-cards .dt-two-score{font-size:18px}.design-data-table.design-schedule-cards time{font-size:13px}}

/* The complete time interval is the leading scan target for every match. */
.design-schedule-cards .dt-meta-line{padding:10px 14px;background:#FFFFFF08;border-bottom:1px solid #FFFFFF0B}
.design-data-table.design-schedule-cards time{font-size:19px;font-weight:800;letter-spacing:.02em;line-height:26px;white-space:nowrap;flex:none}
.design-schedule-cards .dt-status{font-size:11px;font-weight:500;opacity:.7}
.design-schedule-cards tr.dt-live .dt-meta-line,.design-schedule-cards tr.dt-upcoming .dt-meta-line{background:#FFFFFF0D;border-bottom-color:#00000012}
.design-schedule-cards .dt-fixture-line{padding-top:6px}
@media(max-width:500px){.design-schedule-cards .dt-meta-line{padding:9px 10px;gap:8px}.design-data-table.design-schedule-cards time{font-size:18px;line-height:25px}.design-schedule-cards .dt-status{font-size:10px}}

/* Completed cards recede without concealing their final data. */
.design-data-table.design-schedule-cards tr.dt-finished{background:#101216!important;color:#9298A2!important}
.viewer-body .design-data-table.design-schedule-cards tr.dt-finished td{color:#9298A2!important}
.design-schedule-cards tr.dt-finished .dt-meta-line{background:#FFFFFF02;border-bottom-color:#FFFFFF04}
.design-schedule-cards tr.dt-finished .dt-card-footer{background:#0000000A}
.design-schedule-cards tr.dt-finished .dt-definition,.design-schedule-cards tr.dt-finished .dt-court,.design-schedule-cards tr.dt-finished .dt-status{opacity:1}
.dt-list-toolbar{display:flex;justify-content:flex-end;min-height:44px}
button.dt-finished-toggle{display:inline-grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0!important;background:transparent!important;color:#A7ABB3!important;border:0!important;box-shadow:none!important}
button.dt-finished-toggle[aria-pressed=true]{color:#00E5BE!important}button.dt-finished-toggle:focus-visible{outline:2px solid #00E5BE;outline-offset:-3px}
.dt-finished-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65}

.design-schedule-cards .dt-time-separator{display:inline-block;width:.55em;text-align:center;margin-inline:.35em;letter-spacing:0;font-weight:500}

.design-schedule-cards tr.dt-live .dt-definition,.design-schedule-cards tr.dt-live .dt-court,.design-schedule-cards tr.dt-live .dt-status,.design-schedule-cards tr.dt-upcoming .dt-definition,.design-schedule-cards tr.dt-upcoming .dt-court,.design-schedule-cards tr.dt-upcoming .dt-status{opacity:1}

/* Flat LEC reference accent, animated by one shared brightness clock. */
.design-data-table tr.dt-live,.design-data-table tr.dt-upcoming,.design-data-table tr.dt-leader{background-image:none!important}
.design-data-table.design-schedule-cards time{display:inline-flex;align-items:center;justify-content:center;gap:0;padding:5px 9px;background:#FFFFFF08;border-left:3px solid #00E5BE;border-radius:2px;font-size:18px;font-weight:750;letter-spacing:0;line-height:24px}
.design-schedule-cards .dt-time-part{display:inline-block;min-width:5ch;text-align:center;font-variant-numeric:tabular-nums}
.design-schedule-cards .dt-time-separator{width:.55em;margin-inline:.3em}
.design-schedule-cards .dt-meta-line{padding:7px 10px;background:transparent}
.design-schedule-cards tr.dt-live time,.design-schedule-cards tr.dt-upcoming time{background:#FFFFFF22;border-left-color:#00000055;color:#000}
.design-schedule-cards tr.dt-finished time{border-left-color:#9298A24D;background:#FFFFFF03}
@media(max-width:500px){.design-data-table.design-schedule-cards time{font-size:17px;padding:4px 7px}.design-schedule-cards .dt-meta-line{padding:6px 8px;gap:6px}}

/* Accent sampled from Villain LEC KC 3–2 result artwork; see ACCENT-REFERENCE.md. */
:root{--lec-accent-fill:linear-gradient(#00E5BE,#00E5BE)}
.design-data-table tr.dt-live,.design-data-table tr.dt-upcoming,.design-data-table tr.dt-leader{background-image:var(--accent-current-gradient,var(--lec-accent-fill))!important;color:#000!important}
.design-schedule-cards tr.dt-live .dt-card-footer,.design-schedule-cards tr.dt-upcoming .dt-card-footer{background:transparent;border-top-color:#00000018}
.design-schedule-cards tr.dt-live td,.design-schedule-cards tr.dt-upcoming td,.design-ranking tr.dt-leader td{color:#000!important}
.design-schedule-cards tr.dt-live .dt-meta-line,.design-schedule-cards tr.dt-upcoming .dt-meta-line{background:transparent}
html body .design-data-table tr:is(.dt-live,.dt-upcoming,.dt-leader) td,html body .design-data-table tr:is(.dt-live,.dt-upcoming,.dt-leader) button{color:#000!important}
/* Beat inherited legacy viewer text rules at the actual rendered descendants. */
#viewer-match-list .design-data-table tr:is(.dt-live,.dt-upcoming) :is(td,button,span,strong,time),#app .design-data-table tr:is(.dt-live,.dt-upcoming,.dt-leader) :is(td,button,span,strong,time),.design-results .design-data-table tr.dt-leader :is(td,button,span,strong){color:#000!important}

/* MiSans card hierarchy: centered opponents and localized upcoming emphasis. */
.design-data-table.design-schedule-cards .dt-team-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 12px!important;min-width:0}
.design-schedule-cards .dt-team-button .team-text{text-align:center!important;max-width:100%;width:100%}
.design-schedule-cards .dt-side-label{font-size:10px;font-weight:500;line-height:14px;opacity:.72}
.design-schedule-cards .dt-team-button[data-team-side=red] .dt-side-label:before,.design-schedule-cards .dt-team-button[data-team-side=blue] .dt-side-label:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:4px;background:#A95D68}
.design-schedule-cards .dt-team-button[data-team-side=blue] .dt-side-label:before{background:#5E82B1}
html body .design-data-table.design-schedule-cards tr.dt-upcoming{background:#181C22!important;background-image:none!important;color:#F2EFE7!important}
#viewer-match-list .design-data-table tr.dt-upcoming :is(td,button,span,strong),#app .design-data-table tr.dt-upcoming :is(td,button,span,strong){color:#F2EFE7!important}
.design-data-table.design-schedule-cards tr[data-status]:not(.dt-live):not(.dt-finished) time{color:#00E5BE!important;border-left-color:#00E5BE;background:#00E5BE0D}
#viewer-match-list .design-data-table tr.dt-upcoming time,#app .design-data-table tr.dt-upcoming time{background-image:var(--accent-current-gradient,var(--lec-accent-fill));color:#000!important;border-left-color:#00000055}
#viewer-match-list .design-data-table tr.dt-upcoming time span,#app .design-data-table tr.dt-upcoming time span{color:#000!important}
.design-schedule-cards tr.dt-upcoming .dt-meta-line{border-bottom-color:#FFFFFF0B}
@media(max-width:500px){.design-data-table.design-schedule-cards .dt-team-button{padding-inline:8px!important}}

/* A continuous time rail, with a predictable reading order. */
.design-data-table.design-schedule-cards time{flex:1;justify-content:flex-start;padding:6px 10px;border:0;border-radius:0;background:transparent;gap:12px}
.design-schedule-cards .dt-time-part{display:flex;flex-direction:column;align-items:flex-start;min-width:5ch;gap:1px;text-align:left}
.design-schedule-cards .dt-time-part small{font-size:10px;line-height:14px;font-weight:450;opacity:.7}
.design-schedule-cards .dt-time-part b{font-size:19px;line-height:25px;font-weight:650;font-variant-numeric:tabular-nums}
.design-schedule-cards .dt-time-separator{margin:12px 0 0;width:.55em;font-size:16px}
.design-schedule-cards .dt-meta-line{padding:5px 10px;align-items:center;background:#FFFFFF04}
.design-schedule-cards .dt-status{flex:none;padding-right:7px}
@media(max-width:500px){.design-schedule-cards .dt-time-part b{font-size:18px}.design-data-table.design-schedule-cards time{padding:4px 5px;gap:10px}}

/* Centered interval; small status remains at the card's lower right. */
.design-data-table.design-schedule-cards time{justify-content:center;text-align:center}
.design-schedule-cards .dt-time-part{align-items:center;text-align:center}
.design-schedule-cards .dt-meta-line{justify-content:center}
.design-schedule-cards .dt-card-corner{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex:none;line-height:14px}
.design-schedule-cards .dt-card-corner .dt-status{padding:0;font-size:10px;font-weight:450;line-height:13px;white-space:nowrap;opacity:.8}
.design-schedule-cards .dt-card-footer{align-items:center}

/* Compact cards retain readable text and a dark gutter around each fixture. */
.design-data-table.design-schedule-cards{width:calc(100% - 16px)!important;margin-inline:8px!important;border-spacing:0 9px}
.design-schedule-cards .dt-meta-line{padding:2px 7px}
.design-data-table.design-schedule-cards time{padding:2px 4px;gap:9px}
.design-schedule-cards .dt-time-part{gap:0}
.design-schedule-cards .dt-time-part small{font-size:9px;line-height:11px}
.design-schedule-cards .dt-time-part b{font-size:17px;line-height:21px}
.design-schedule-cards .dt-time-separator{margin-top:8px;font-size:14px}
.design-schedule-cards .dt-fixture-line{padding:0 8px;gap:6px}
.design-data-table.design-schedule-cards .dt-team-button{padding:2px 5px!important;gap:0;min-height:44px;font-size:14px!important}
.design-schedule-cards .dt-side-label{font-size:9px;line-height:11px}
.design-schedule-cards .dt-card-footer{padding:4px 8px;gap:7px}
.design-schedule-cards .dt-card-corner{gap:0;line-height:12px}
.design-schedule-cards .dt-card-corner .dt-court{font-size:10px;line-height:12px}
.design-schedule-cards .dt-card-corner .dt-status{font-size:9px;line-height:11px}
.design-schedule-cards .dt-definition{font-size:11px;line-height:15px}
#viewer-match-list tr.dt-live{cursor:pointer}#viewer-match-list tr.dt-live:focus-visible{outline:2px solid #F2EFE7;outline-offset:-3px}

/* Single-line opponents align with the score; identity stays a small side mark. */
.design-data-table.design-schedule-cards .dt-team-button{flex-direction:row;align-items:center;justify-content:center;gap:6px;padding:0 4px!important;line-height:20px}
.design-schedule-cards .dt-side-mark{width:4px;height:15px;border-radius:2px;background:#A95D68;flex:none}
.design-schedule-cards .dt-team-button[data-team-side=blue] .dt-side-mark{background:#5E82B1}
.design-schedule-cards .dt-team-button .team-text{flex:1;min-width:0;width:0;line-height:20px}
.design-schedule-cards .dt-fixture-line{align-items:center;grid-template-columns:minmax(0,1fr) 82px minmax(0,1fr)}
.design-schedule-cards .dt-two-score{line-height:20px;align-self:center;font-variant-numeric:tabular-nums;white-space:nowrap}
.design-schedule-cards .dt-time-separator{margin:0;font-size:14px}
.design-schedule-cards .dt-meta-line{padding:1px 7px}
.design-data-table.design-schedule-cards time{padding:2px 4px;min-height:25px;line-height:21px}

/* Compact52: a centered interval with court and a readable status on the same rail. */
html body .design-data-table.design-schedule-cards td{border-radius:12px}
.design-schedule-cards .dt-meta-line{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center;padding:6px 10px;border-bottom:1px solid #FFFFFF0B}
.design-schedule-cards .dt-meta-line>.dt-court{grid-column:1;justify-self:start;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:20px;opacity:1;color:#B7C0C8}
.design-data-table.design-schedule-cards .dt-meta-line>time{grid-column:2;justify-self:center;flex:none;width:auto;min-height:24px;padding:1px 4px;gap:5px;border-radius:5px}
.design-schedule-cards .dt-time-part b{font-size:15px;line-height:21px;font-weight:650}
.design-schedule-cards .dt-meta-line>.dt-status{grid-column:3;justify-self:end;font-size:12px;line-height:20px;font-weight:650;white-space:nowrap;opacity:1;padding:0 6px;border:1px solid #FFFFFF22;border-radius:5px;background:#FFFFFF08}
.design-schedule-cards tr.dt-live .dt-meta-line>.dt-status{background:#102E28;color:#D8FFF6!important;border-color:#102E28}
#viewer-match-list .design-data-table tr.dt-live .dt-meta-line>.dt-status,#app .design-data-table tr.dt-live .dt-meta-line>.dt-status{color:#D8FFF6!important}
.design-schedule-cards .dt-side-mark{width:6px;height:20px;border-radius:3px;background:#FF4D60;box-shadow:0 0 0 1px #090F1880;flex:none}
.design-schedule-cards .dt-team-button[data-team-side=blue] .dt-side-mark{background:#4096FF}
.design-schedule-cards .dt-team-button[data-team-side=blue]{flex-direction:row-reverse!important}
.design-schedule-cards .dt-card-footer{padding:3px 10px;border-top:0;background:transparent}
.design-schedule-cards .dt-definition{font-size:12px;line-height:17px}
@media(max-width:360px){.design-schedule-cards .dt-meta-line{gap:4px;padding-inline:7px}.design-schedule-cards .dt-time-part b{font-size:14px}.design-schedule-cards .dt-meta-line>.dt-status{padding-inline:4px}.design-data-table.design-schedule-cards .dt-meta-line>time{gap:3px;padding-inline:0}}

/* Upcoming54: animate the whole metadata rail; keep its information readable. */
html body .design-schedule-cards tr.dt-upcoming .dt-meta-line{background:var(--accent-current-gradient,#00E5BE)!important;color:var(--upcoming-foreground,#000)!important;border-radius:11px 11px 0 0}
html body .design-schedule-cards tr.dt-upcoming .dt-meta-line time{background:transparent!important;background-image:none!important;border:0!important}
html body .design-schedule-cards tr.dt-upcoming .dt-meta-line :is(time,span,b),html body #viewer-match-list .design-data-table tr.dt-upcoming .dt-meta-line :is(time,span,b),html body #app .design-data-table tr.dt-upcoming .dt-meta-line :is(time,span,b){color:var(--upcoming-foreground,#000)!important}
html body .design-schedule-cards tr.dt-upcoming .dt-meta-line .dt-status{background:transparent!important;border-color:currentColor!important}
html body .design-schedule-cards .dt-card-footer{justify-content:center;text-align:center}
html body .design-schedule-cards .dt-card-footer .dt-definition{width:100%;text-align:center!important}

/* Softer foreground changes, shared by center and spectator tables. */
html body .design-schedule-cards tr.dt-upcoming .dt-meta-line,html body .design-schedule-cards tr.dt-upcoming .dt-meta-line :is(time,span,b){transition:color 180ms ease-in-out,border-color 180ms ease-in-out}
html body #viewer-match-list .design-data-table tr.dt-upcoming .dt-meta-line{background:var(--accent-current-gradient,#00E5BE)!important}
html body #viewer-match-list .design-data-table tr.dt-upcoming .dt-meta-line time{background:transparent!important;background-image:none!important}
@media(prefers-reduced-motion:reduce){html body .design-schedule-cards tr.dt-upcoming .dt-meta-line,html body .design-schedule-cards tr.dt-upcoming .dt-meta-line :is(time,span,b){transition:none}}

/* Fixed black metadata text, including the darkest breathing phase. */
html body .design-schedule-cards tr.dt-upcoming .dt-meta-line,html body .design-schedule-cards tr.dt-upcoming .dt-meta-line :is(time,span,b){--upcoming-foreground:#000000;color:#000000!important;transition:none!important}
/* Single-cell schedule rows act as independently collapsible cards. */
html body .design-data-table.design-schedule-cards{display:block;border-spacing:0!important}
html body .design-data-table.design-schedule-cards>tbody{display:flex!important;flex-direction:column;align-items:stretch;width:100%!important;min-width:0;gap:10px;padding-block:10px;box-sizing:border-box}
html body .design-data-table.design-schedule-cards>tbody>tr{display:block!important;flex:none;width:100%!important;min-width:0;padding:0!important;border:0!important;margin:0;box-sizing:border-box}
html body .design-data-table.design-schedule-cards>tbody>tr>td{display:block!important;width:100%!important;min-width:0;box-sizing:border-box}
html body .design-data-table.design-schedule-cards>tbody>tr[data-filter-leaving]{pointer-events:none}
html body .design-data-table.design-schedule-cards>tbody>tr{border-radius:12px;overflow:hidden}

/* Compositor opacity replaces repainting gradient colors on every JS frame. */
html body .design-schedule-cards tr.dt-waiting.dt-next-two .dt-meta-line{position:relative;isolation:isolate;background:#0B0D10!important;color:#000!important}
html body .design-schedule-cards tr.dt-waiting.dt-next-two .dt-meta-line::before{content:"";position:absolute;inset:0;border-radius:inherit;background:#00E5BE;opacity:.2;z-index:-1;pointer-events:none;animation:upcomingOpacity71 2s ease-in-out infinite;animation-play-state:paused}
html body .design-schedule-cards tr.dt-waiting.dt-next-two.breathing-visible .dt-meta-line::before{animation-play-state:running}
html.breathing-paused body .design-schedule-cards tr.dt-waiting.dt-next-two .dt-meta-line::before{animation-play-state:paused}
@keyframes upcomingOpacity71{0%,100%{opacity:.2}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){html body .design-schedule-cards tr.dt-waiting.dt-next-two .dt-meta-line::before{animation:none;opacity:1}}

/* Manual results preserve the compact existing schedule cards. */
.dt-draft-label{font-size:11px;opacity:.7;white-space:nowrap}

/* Waiting is a visual state, not the 'upcoming' schedule label or a play grant. */
html body #viewer-match-list .design-schedule-cards tr.dt-waiting.dt-next-two .dt-meta-line,
html body #viewer-match-list .design-schedule-cards tr.dt-waiting.dt-next-two .dt-meta-line :is(time,span,b){color:#000000!important;transition:none!important}
html body #viewer-match-list .design-schedule-cards tr.dt-waiting.dt-next-two .dt-meta-line{background:#0B0D10!important}
html body #viewer-match-list .design-schedule-cards tr.dt-waiting.dt-next-two .dt-meta-line time{background:transparent!important;background-image:none!important}