/* Player-facing presentation only; tournament calculations remain authoritative. */
.tc-public-page{--tc-muted:#52627a;max-width:1440px;color:#17263f}
.tc-card:hover{transform:none}
.tc-card,.tc-public-group{box-shadow:0 5px 20px rgba(20,38,64,.035)}
.tc-card-head{background:#f7f9fc;border-bottom:1px solid #e2e8f0}
.tc-card-head h4{font-family:inherit;font-size:1.2rem;letter-spacing:-.025em;line-height:1.4}
.tc-card-head p{font-size:.78rem;color:#52627a}
.tc-card-body{min-width:0}
.tc-draw-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1fr) minmax(140px,.55fr);gap:20px;align-items:end;margin:0 0 22px;padding:24px;background:#fff;border:1px solid #dce3ed;border-radius:18px;box-shadow:0 6px 24px #14264006}
.tc-draw-eyebrow{display:block;margin-bottom:7px;color:#961622;font-size:.7rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.tc-draw-toolbar h2{margin:0;font-family:inherit;font-size:1.35rem;font-weight:700;line-height:1.25;letter-spacing:-.035em;color:#152640}
.tc-draw-toolbar label{display:grid;gap:7px;margin:0;color:#52627a;font-size:.78rem;font-weight:600;min-width:0}
.tc-draw-toolbar select{width:100%;min-width:0;min-height:48px;padding:10px 32px 10px 12px;border:1px solid #cad4e1;border-radius:10px;background:#f8fafc;color:#17263f;font:inherit;font-size:16px}
.tc-public-page :is(button,select,summary,[tabindex="0"]):focus-visible{outline:3px solid #2868d6;outline-offset:3px}
.tc-public-group-tabs{padding:4px 3px 10px;gap:8px}
.tc-public-group-tabs button{min-height:44px;padding:9px 17px;font-size:.85rem;border-radius:99px}
.tc-public-group__head{padding:18px;background:#f8fafc}
.tc-public-group__head h5{font-size:1rem}
.tc-public-group__head>span,.tc-result-legend{font-size:.78rem}
.tc-group-layout{grid-template-columns:minmax(0,1fr);padding:0 16px 16px}
.tc-group-roster{grid-template-columns:repeat(2,minmax(0,1fr))}
.tc-group-roster>span{font-size:.85rem;line-height:1.6;display:block;padding:12px}
.tc-group-roster>span>b{display:inline-block;margin-right:8px;font-size:.8rem}
.tc-group-roster .wbi-attendance{display:inline;padding:0;border:0;font-size:inherit;color:inherit}
.tc-group-roster .wbi-attendance-icon{display:inline-block;padding:0;border:0;font-size:.85em}
.tc-group-matrix summary{padding:14px;color:#17263f;cursor:pointer;font-size:.86rem;font-weight:700;min-height:48px}
.tc-group-matrix summary span{margin-left:8px;font-weight:400;font-size:.78rem;color:#52627a}
.tc-group-subhead{padding:16px 16px 10px;flex-wrap:wrap}
.tc-group-subhead strong{font-size:.95rem}
.tc-group-subhead span{font-size:.78rem;line-height:1.5}
.tc-matrix-scroll table{font-size:.8rem}
.tc-matrix-result strong,.tc-matrix-result span{font-size:.78rem}
.tc-standings,.tc-match-results{font-size:.85rem;line-height:1.55}
.tc-standings{min-width:800px}
.tc-standings th,.tc-standings td{padding:12px 10px}
.tc-standings td:nth-child(2){min-width:180px;max-width:240px;overflow-wrap:anywhere}
.tc-standings th{font-size:.76rem}
.tc-standings tbody tr:nth-child(even){background:#f8fafc}
.tc-standings tbody td:nth-child(6){font-weight:800;color:#17263f}
.tc-scroll-hint{margin:0;padding:0 16px 9px;font-size:.75rem;color:#52627a}
.tc-match-results{min-width:0;table-layout:fixed}
.tc-match-results th:first-child{width:11%}
.tc-match-results th:nth-child(3){width:12%}
.tc-match-results th:last-child{width:14%}
.tc-match-results td{overflow-wrap:anywhere;padding:14px 10px}
.tc-match-results td.winner{color:#087043;font-weight:700}
.tc-match-status{font-size:.72rem;white-space:normal}
.tc-winner-label{display:block;color:#087043;text-transform:uppercase;letter-spacing:.06em;font-size:.63rem;font-weight:800;margin-top:4px}
.tc-draw-stage__head{margin-top:6px}
.tc-draw-stage__head span{font-size:1.1rem}
.tc-card-body .tc-draw-stage__head small{font-size:.8rem!important}
.tc-knockout-rounds{gap:18px;padding:6px 3px 18px;scroll-snap-type:x proximity;scrollbar-width:thin}
.tc-knockout-rounds .tc-round{flex:0 0 290px;min-width:0;max-width:100%;scroll-snap-align:start;padding:12px;background:#f5f7fb;border:1px solid #e2e8f0;border-radius:14px}
.tc-knockout-rounds .tc-round h5{font-family:inherit;font-size:1rem;font-weight:700;line-height:1.5;padding:0 2px 12px;margin:0;color:#17263f}
.tc-knockout-label{font-size:.76rem;font-weight:700;color:#52627a;padding:8px 4px}
.tc-knockout-summary{font-size:.75rem;color:#52627a}
.tc-match{background:#fff;border-radius:10px;box-shadow:0 2px 8px #14264006}
.tc-match-team{align-items:flex-start;padding:12px 10px;gap:10px;font-size:.86rem}
.tc-match-team strong{line-height:1.5;font-size:.86rem;overflow-wrap:anywhere;min-width:0}
.tc-match-team>span{flex:0 0 auto;font-size:.88rem;font-weight:700}
.tc-match-team.winner{background:#edf8f2}
.tc-match-team.winner strong{color:#087043}
.tc-match-games,.tc-match-meta{font-size:.75rem;line-height:1.6}
.tc-no-group-matches,.tc-draw-unavailable p{font-size:.86rem;line-height:1.6}
.tc-draw-unavailable strong{font-size:.95rem}
@media(max-width:900px){
 .tc-draw-toolbar{grid-template-columns:minmax(0,1fr) minmax(120px,.6fr);gap:14px;padding:18px}
 .tc-draw-toolbar>div{grid-column:1/-1}
 .tc-public-hero h1{font-size:clamp(1.8rem,5vw,2.7rem);line-height:1.15}
 .tc-card-body{padding:16px}
}
@media(max-width:640px){
 .tc-public-page{padding-left:12px;padding-right:12px}
 .tc-public-hero{border-radius:20px;padding:22px 18px}
 .tc-public-hero__content{gap:22px}
 .tc-public-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .tc-public-stat{padding:12px 8px;min-width:0}
 .tc-public-stat small{font-size:.72rem}
 .tc-public-tabs{position:static;gap:4px;padding:5px}
 .tc-public-tabs button{padding:12px 8px;min-height:46px;font-size:.86rem}
 .tc-draw-toolbar{grid-template-columns:1fr;padding:16px}
 .tc-draw-toolbar>div{grid-column:auto}
 .tc-draw-toolbar h2{font-size:1.25rem}
 .tc-card-head,.tc-card-body{padding:14px}
 .tc-card-head h4{font-size:1.12rem}
 .tc-group-roster{grid-template-columns:1fr}
 .tc-group-layout{padding:0 10px 12px}
 .tc-public-group__head{gap:5px;padding:14px}
 .tc-group-subhead{padding:14px 10px 9px}
 .tc-group-matrix summary span{display:block;margin:6px 0 0 18px}
 .tc-result-legend{padding:10px;font-size:.72rem}
 .tc-standings-wrap{padding:0 10px 12px}
 .tc-standings th:first-child,.tc-standings td:first-child{position:sticky;left:0;background:#f7f9fc;z-index:1;box-shadow:2px 0 3px #14264010}
 .tc-match-results-wrap{padding:0 10px 12px}
 .tc-match-results,.tc-match-results tbody{display:block;width:100%;border:0}
 .tc-match-results thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .tc-match-results tr{display:grid;grid-template-columns:minmax(0,1fr) auto;border:1px solid #dce3ed;border-radius:12px;overflow:hidden;margin-bottom:10px;background:#fff}
 .tc-match-results td{border:0;padding:10px 12px;font-size:.85rem}
 .tc-match-results td:first-child{grid-column:1;grid-row:1;background:#f5f7fb;font-size:.74rem;color:#52627a}
 .tc-match-results td:last-child{grid-column:2;grid-row:1;background:#f5f7fb;text-align:right}
 .tc-match-results td:nth-child(2){grid-column:1/-1;grid-row:2;padding-bottom:8px}
 .tc-match-results td:nth-child(4){grid-column:1/-1;grid-row:3;border-top:1px solid #edf0f4}
 .tc-match-results td:nth-child(3){grid-column:1/-1;grid-row:4;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;font-size:1rem}
 .tc-match-results td:nth-child(3)::before{content:attr(data-label);font-size:.78rem;color:#52627a;font-weight:500}
 .tc-knockout-rounds .tc-round{flex-basis:calc(100% - 20px);min-width:0}
 .tc-knockout-rounds{gap:12px}
 .tc-access-unlocked{flex-wrap:wrap;font-size:.8rem}
 .tc-access-field input{font-size:16px}
 .tc-access-btn{min-height:44px;font-size:.85rem}
}
@media(prefers-reduced-motion:reduce){.tc-public-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Always-visible desktop matrix; team-first matchups on narrow screens. */
.tc-matrix-mobile{display:none}
.tc-group-matrix>.tc-group-subhead{background:#f8fafc;border-bottom:1px solid #e2e8f0;margin-bottom:12px}
.tc-matrix-scroll{isolation:isolate;max-width:100%;overscroll-behavior-x:contain}
.tc-matrix-scroll table{min-width:560px;border-spacing:0;line-height:1.5}
.tc-matrix-scroll caption{caption-side:top;text-align:left;padding:0 0 12px;color:#52627a;font-size:.78rem}
.tc-matrix-scroll th,.tc-matrix-scroll td{border:1px solid #e2e8f0;border-radius:0;padding:7px}
.tc-matrix-scroll tr>:first-child{position:sticky;left:0;z-index:1;background:#edf1f6;min-width:160px;max-width:200px;width:200px;overflow-wrap:anywhere;box-shadow:3px 0 5px #1426400d}
.tc-matrix-scroll td{min-width:92px}
.tc-matrix-result{line-height:1.5;min-height:48px;align-content:center}
.tc-matrix-result.pending{color:#485870;background:#f1f4f8}
.tc-matrix-result.live{color:#174c97;background:#eaf2ff}
.tc-matrix-picker{display:grid;gap:8px;margin:0 12px 10px;font-size:.82rem;font-weight:700;color:#17263f}
.tc-matrix-picker select{width:100%;min-width:0;min-height:48px;padding:10px 28px 10px 10px;border:1px solid #bcc9da;border-radius:10px;background:#fff;color:#17263f;font:inherit;font-size:16px;text-overflow:ellipsis}
.tc-matrix-help{margin:0;padding:0 12px 12px;font-size:.78rem;line-height:1.5;color:#52627a}
.tc-matrix-selected{margin:0 12px 10px;font-size:.85rem;line-height:1.55;font-weight:700;overflow-wrap:anywhere}
.tc-matrix-cards{list-style:none;padding:0 12px;margin:0;display:grid;gap:10px}
.tc-matrix-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(70px,auto);align-items:center;gap:10px;padding:12px 10px;border:1px solid #dce3ed;border-radius:10px;background:#fff}
.tc-matrix-card>div:first-child{min-width:0}
.tc-matrix-card small{display:block;color:#52627a;font-size:.72rem;margin-bottom:4px}
.tc-matrix-card>div>strong{font-size:.84rem;line-height:1.5;overflow-wrap:anywhere}
.tc-matrix-card .tc-matrix-result{max-width:110px;text-align:center;padding:8px}
.tc-matrix-card .tc-matrix-result span{font-size:.92rem;font-variant-numeric:tabular-nums}
.tc-matrix-full-grid{margin-top:14px;border-top:1px solid #e2e8f0}
.tc-group-matrix .tc-matrix-full-grid summary{font-size:.85rem;padding:14px 12px;min-height:48px}
@media(max-width:760px){
 .tc-matrix-mobile{display:block}
 .tc-matrix-desktop{display:none}
 .tc-matrix-scroll{padding:0 10px 12px}
 .tc-matrix-scroll tr>:first-child{min-width:115px;max-width:135px;width:135px;font-size:.76rem}
 .tc-matrix-scroll td{min-width:82px;padding:4px}
}