.circular-bracket-root{--cb-bg: #d7cfbe;--cb-ink: #1c1b18;--cb-line: #2a2823;--cb-line-winner: #d6922d;--cb-muted: #9a948a;--cb-gold: #c8a24a;--cb-live: #4a8c38;--cb-mx: #3d8b57;--cb-us: #5471a8;--cb-ca: #c0563c}.circular-bracket{background:var(--cb-bg);color:var(--cb-ink);border:2px solid var(--border);box-shadow:5px 5px #0000008c;padding:.75rem .5rem .5rem}.circular-bracket-loading{text-align:center;font-size:.8rem;color:var(--cb-muted);padding:2rem 1rem}.circular-bracket-stage{position:relative;aspect-ratio:1 / 1;margin:.35rem auto .25rem}.circular-bracket-stage svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.circular-bracket-stage .bracket-conn{fill:none;stroke:var(--cb-line);stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round;transition:stroke .2s ease,opacity .2s ease}.circular-bracket-stage .bracket-conn.conn-win{stroke:var(--cb-line-winner);stroke-width:2.6}.circular-bracket-stage .bracket-conn.conn-out{stroke:var(--cb-line);opacity:.2}.circular-bracket-stage .bracket-conn.conn-soon{stroke:var(--cb-gold);opacity:.85}.circular-bracket-stage .bracket-conn.conn-live{stroke:var(--cb-live);stroke-width:2.6;animation:cb-conn-live-pulse 1.7s ease-in-out infinite}@keyframes cb-conn-live-pulse{0%,to{opacity:1}50%{opacity:.55}}.circular-bracket-stage .dot{fill:var(--cb-line)}.circular-bracket-stage .center-line{stroke:var(--cb-line);stroke-width:2.2}.circular-bracket-stage .bracket-flag{position:absolute;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000002e;border:.1rem solid #fff;aspect-ratio:1 / 1;cursor:default;overflow:hidden;place-items:center;container-type:inline-size;transition:width .25s ease,height .25s ease,opacity .2s ease}.circular-bracket-stage .bracket-flag .fi{display:block;width:1.333333em;line-height:1em;background-size:cover;background-position:center;height:100%;width:100%}.circular-bracket-stage .bracket-flag.r0{width:6.6%}.circular-bracket-stage .bracket-flag.r1{width:5.7%}.circular-bracket-stage .bracket-flag.r2{width:5.2%}.circular-bracket-stage .bracket-flag.r3,.circular-bracket-stage .bracket-flag.r4{width:5%}.circular-bracket-stage .bracket-flag.champ{width:9%;border-color:var(--cb-gold);box-shadow:0 0 0 3px var(--cb-gold),0 2px 8px #0000004d}.circular-bracket-stage .bracket-flag.eliminated{border-color:var(--cb-bg);box-shadow:none}.circular-bracket-stage .bracket-flag.eliminated .fi{filter:grayscale(.8) opacity(.7)}.circular-bracket-stage .bracket-flag.win{border-color:var(--cb-line-winner)}@keyframes cb-pop{0%{transform:translate(-50%,-50%) scale(.1);opacity:0}60%{transform:translate(-50%,-50%) scale(1.18)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.circular-bracket-stage .bracket-flag.soon{border-color:var(--cb-gold);box-shadow:0 0 0 2px var(--cb-gold),0 1px 3px #0000002e}.circular-bracket-stage .bracket-flag.live{border-color:var(--cb-live);animation:cb-live-pulse 1.7s ease-in-out infinite}@keyframes cb-live-pulse{0%,to{box-shadow:0 0 0 2px var(--cb-live),0 0 5px 1px #4a8c384d,0 1px 3px #0000002e}50%{box-shadow:0 0 0 3px var(--cb-live),0 0 12px 4px #4a8c388c,0 1px 3px #0000002e}}.circular-bracket-stage .bracket-conn,.circular-bracket-stage .dot,.circular-bracket-stage .center-line,.circular-bracket-stage .trophy{transition:opacity .2s ease;pointer-events:none}.circular-bracket-stage .trophy-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#4c4c4c;font-size:3rem;line-height:1}.circular-bracket-stage .cap{fill:none;stroke:var(--cb-gold);stroke-linecap:round;opacity:0;transition:opacity .25s ease;pointer-events:stroke}.circular-bracket-stage .cap.mx{stroke:var(--cb-mx)}.circular-bracket-stage .cap.us{stroke:var(--cb-us)}.circular-bracket-stage .cap.ca{stroke:var(--cb-ca)}.circular-bracket-tooltip{position:fixed;z-index:100;pointer-events:none;background:#1c1b18;color:#f2ede1;padding:.45rem .75rem;border-radius:10px;font-size:.8rem;line-height:1.35;text-align:center;white-space:nowrap;box-shadow:0 6px 18px #0000004d;opacity:0;transform:translate(-50%,-100%) translateY(-6px) scale(.96);transition:opacity .12s ease,transform .12s ease}.circular-bracket-tooltip.on{opacity:1;transform:translate(-50%,-100%) translateY(-10px) scale(1)}.circular-bracket-tooltip:after{content:"";position:absolute;left:calc(50% + var(--tt-shift, 0px));bottom:-5px;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:#1c1b18;border-radius:2px}.circular-bracket-tooltip.below{transform:translate(-50%) translateY(6px) scale(.96)}.circular-bracket-tooltip.below.on{transform:translate(-50%) translateY(10px) scale(1)}.circular-bracket-tooltip.below:after{top:-5px;bottom:auto}.circular-bracket-tooltip .tt-round{font-size:.62rem;letter-spacing:.07em;text-transform:uppercase;font-weight:700;color:var(--cb-gold)}.circular-bracket-tooltip .tt-teams{font-weight:600;margin-top:2px}.circular-bracket-tooltip .tt-score{margin-top:3px;font-size:1rem;font-weight:800}.circular-bracket-tooltip .tt-score.pending{font-size:.75rem;font-weight:500;color:#cfc9bd}.circular-bracket-tooltip .tt-score.live{color:var(--cb-live)}.circular-bracket-tooltip .tt-score.live .live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cb-live);margin-right:6px;vertical-align:middle}.circular-bracket-tooltip .tt-soon{margin-top:2px;font-size:.62rem;letter-spacing:.07em;text-transform:uppercase;font-weight:700;color:var(--cb-gold)}.circular-bracket-tooltip .tt-venue{margin-top:4px;font-size:.68rem;color:#cfc9bd}.circular-bracket-footer{margin-top:1.5rem;font-size:.55rem;text-align:center;color:var(--cb-line)}.circular-bracket-footer a{color:var(--cb-us);text-decoration:none}