.bracket-flow{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:18px 0;padding:11px 16px;background:#071b49;color:#fff;border-radius:12px;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.bracket-flow b{color:#ffd54a;font-size:1.25rem}.bracket-tree{min-height:760px;align-items:stretch;gap:56px;padding:0 8px}.tree-round{position:relative;width:238px;display:grid;grid-template-rows:46px 1fr}.tree-round h3{display:flex;align-items:center;justify-content:center;gap:7px;margin:0;color:#071b49;font-size:.8rem}.tree-round h3 span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#123db5;color:white;font-size:.7rem}.tree-games{display:grid;grid-template-rows:repeat(32,1fr);gap:0;min-height:700px}.tree-games .match{align-self:center;z-index:2}.tree-games .match:after{right:-57px;width:57px;top:50%;border-top:2px solid #60769b}.tree-games .match:before{display:none}.tree-round:not(:last-child):after{content:"";position:absolute;right:-29px;top:28%;bottom:28%;border-right:2px solid #60769b}.tree-round:last-child .match{box-shadow:0 0 0 4px #ffd54a55,0 10px 28px #071b4930}.tree-round:last-child h3 span{background:#ed1c24}.placement{margin-top:20px;background:#fff;border:1px solid #dce3ef;border-radius:12px;padding:12px}.placement summary{cursor:pointer;color:#071b49;font-weight:900}.placement-tree{min-height:360px}.placement-tree .tree-games{min-height:300px}@media(max-width:720px){.bracket-flow{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}.bracket-tree{min-height:650px;gap:46px}.tree-round{width:210px}.tree-games{min-height:590px}.tree-games .match:after{right:-47px;width:47px}.tree-round:not(:last-child):after{right:-24px}}