/* Native two-axis touch scrolling inside a bounded traditional bracket. */
.cup-tabs550:has([data-cup-tab550="bracket"]){grid-template-columns:repeat(4,minmax(0,1fr))}.group-tabs550{flex-wrap:wrap}.group-tabs550 button{flex:1;white-space:nowrap;min-width:50px}.group-tabs550 button[aria-pressed=true]{flex:1.6}
.bracket-toolbar560{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0}.bracket-toolbar560 h3{margin:0;font-size:17px;color:#e4f4f8}.bracket-toolbar560 p{margin:5px 0 0;font-size:11px;color:#9ec0cf}.bracket-toolbar560 button{flex:none;font-size:11px;padding:9px 11px;background:#153d50;border-color:#57808f;color:#bfe8eb}
.bracket-scroll560{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;touch-action:pan-x pan-y;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border:1px solid #355669;border-radius:15px;background:radial-gradient(ellipse at 50% 30%,#153b4a,#071d2d 80%);padding:20px 14px;scrollbar-color:#608590 #102b3c;scrollbar-width:thin}.bracket-scroll560:focus-visible{outline:2px solid #8ad1e0;outline-offset:3px}.bracket-board560{position:relative;isolation:isolate}.bracket-board560 h4{position:absolute;top:0;margin:0;width:236px;font-size:11px;font-weight:800;letter-spacing:.08em;color:#9bc7d4}.bracket-board560 svg{position:absolute;left:0;top:0;pointer-events:none;z-index:-1}.bracket-board560 path{fill:none;stroke:#577384;stroke-width:2;stroke-linejoin:round}.bracket-board560 path.decided560{stroke:#d7bb74;stroke-width:2.5}
.bracket-match560{position:absolute;width:236px;height:132px;border:1px solid #486779;border-radius:12px;background:#102e41;overflow:hidden;box-shadow:0 5px 14px #0003}.bracket-match560.mine560{border:2px solid #71c9ee;box-shadow:0 0 0 2px #3b87a72a}.bracket-match560>header{display:flex;align-items:center;justify-content:space-between;height:27px;padding:0 9px;background:#173b4c;border-bottom:1px solid #3b5e70;gap:5px}.bracket-match560>header b{font-size:9px;color:#ecd79d;letter-spacing:.04em}.bracket-match560>header small{font-size:9px!important;color:#aac7d6}.bracket-row560{display:flex;align-items:center;gap:6px;height:40px;padding:3px 8px;border-bottom:1px solid #2c4c5e;color:#d8e8f1}.bracket-row560.winner560{background:#174937;color:#baf3cf}.bracket-avatars560{display:flex;width:46px;flex:none;align-items:center}.bracket-avatars560 img{width:25px;height:30px;object-fit:contain;pointer-events:none}.bracket-avatars560 img+img{margin-left:-5px}.bracket-name560{font-size:11px;line-height:1.25;flex:1;min-width:0;overflow:hidden;max-height:30px;overflow-wrap:anywhere}.bracket-name560 i{font-size:8px;font-style:normal;color:#9cdef6;margin-left:5px}.bracket-row560>b{flex:none;min-width:22px;text-align:right;color:#ffe6a4;font-variant-numeric:tabular-nums;font-size:15px}.bracket-match560 footer{font-size:8px;color:#9fb9c8;padding:3px 8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:15px}.bracket-note560{font-size:10px;color:#91b3c4;margin:10px 2px}
@media(max-width:520px){.cup-tabs550 button{font-size:11px;padding:12px 2px}.group-tabs550{gap:6px}.group-tabs550 button{font-size:10px;padding:9px 6px}.bracket-toolbar560{gap:8px}.bracket-toolbar560 h3{font-size:15px}.bracket-toolbar560 p{font-size:10px}.bracket-toolbar560 button{font-size:10px;padding:8px}.bracket-scroll560{padding:16px 10px;border-radius:12px}}

.group-tabs550 button{flex:1;min-width:0}.group-tabs550 button[aria-pressed=true]{flex:1}