body{background:#eef3f6;color:#102f49}.tb-intro{margin:22px 0 14px;padding:24px;border-radius:20px;background:#fff;border:1px solid #dce7ed}.tb-intro span{font-size:12px;font-weight:800;letter-spacing:.12em;color:#0b7a4b}.tb-intro h2{margin:5px 0 6px;font-size:30px}.tb-intro p{margin:0;color:#5c7182}.tb-updated{text-align:right;color:#718493;font-size:12px;margin:8px 2px}.tb-phase{background:#fff;border:1px solid #dce7ed;border-radius:20px;padding:20px;margin:14px 0;overflow:hidden}.tb-phase>h2{margin:0 0 16px;font-size:21px}.tb-bracket{display:flex;gap:34px;overflow-x:auto;padding:4px 8px 22px}.tb-column{flex:0 0 290px;position:relative}.tb-column h3{margin:0 0 12px;font-size:14px;color:#446277;text-transform:uppercase;letter-spacing:.06em}.tb-column-matches{display:flex;flex-direction:column;gap:max(14px,calc((var(--round,1) - 1)*26px + 14px));justify-content:space-around;min-height:100%}.tb-match{position:relative;background:#f8fafb;border:1px solid #cfdee6;border-radius:14px;padding:10px 12px;box-shadow:0 5px 14px rgba(16,47,73,.06)}.tb-match:after{content:"";position:absolute;right:-35px;top:50%;width:35px;border-top:2px solid #afc5d2}.tb-column:last-child .tb-match:after{display:none}.tb-match>div{display:flex;justify-content:space-between;gap:10px;padding:5px 0}.tb-match>div+div{border-top:1px solid #e3ebef}.tb-match strong{font-size:13px;line-height:1.3}.tb-match b{white-space:nowrap}.tb-match small{display:block;margin-top:7px;color:#718493}.tb-match.bye{background:#edf7f2;border-color:#b9d9c8}.tb-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.tb-group{border:1px solid #d9e4ea;border-radius:16px;padding:14px;background:#f9fbfc}.tb-group h3{margin:0 0 10px}.tb-groupmatch{margin:10px 0}.tb-groupmatch>span{display:block;font-size:11px;font-weight:800;color:#62798a;margin:0 0 5px;text-transform:uppercase}.tb-groupmatch .tb-match:after{display:none}.tb-empty{padding:40px;text-align:center;background:#fff;border-radius:18px;color:#61788a}@media(max-width:700px){.tb-intro{padding:17px}.tb-intro h2{font-size:24px}.tb-phase{padding:14px;border-radius:16px}.tb-column{flex-basis:250px}.tb-groups{grid-template-columns:1fr}}

.tb-view-switch{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.tb-view-switch a{display:inline-flex;padding:9px 13px;border-radius:999px;text-decoration:none;font-weight:800;font-size:13px;border:1px solid #cbdbe4;background:#f6f9fb;color:#173a55}.tb-view-switch a.active{background:#173a55;color:#fff;border-color:#173a55}
