.bracket-wrap{z-index:2;border-top:1px solid var(--line);background:var(--bg);padding:.75rem 0;position:relative}.bracket-wrap .bracket-outer{padding:0 .75rem .5rem;overflow-x:auto}.bracket-wrap .bracket{width:max-content;margin:0 auto;position:relative}.bracket-wrap .bracket-cn{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:visible}.bracket-wrap .bracket-content{z-index:1;flex-direction:row;align-items:stretch;gap:3rem;display:flex;position:relative}.bracket-wrap .seed-col{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:flex}.bracket-wrap .seed-box{border:1px solid var(--line);background:var(--surface);border-radius:.45rem;min-width:7rem;overflow:hidden}.bracket-wrap .seed-header{border-bottom:1px solid var(--line-strong);color:var(--muted);text-align:center;padding:.35rem .6rem;font-size:.6875rem}.bracket-wrap .seed-val{color:var(--fg);font-weight:500}.bracket-wrap .seed-rows{padding:.25rem 0}.bracket-wrap .seed-row{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:.75rem;padding:.2rem .6rem;font-size:.6875rem;display:flex}.bracket-wrap .seed-row.mine{background:#e8a23d1f}.bracket-wrap .seed-pos{text-align:right;width:1.5rem;color:var(--faint)}.bracket-wrap .mine-pos{color:#e8a23d;font-weight:500}.bracket-wrap .seed-delta{text-align:right;width:3.4rem;font-family:ui-monospace,monospace}.bracket-wrap .mine-delta{font-weight:600}.bracket-wrap .tier-col{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:flex}.bracket-wrap .bracket-round{flex-direction:column;justify-content:center;gap:2.75rem;display:flex}.bracket-wrap .match-box{border:1px solid var(--line);background:var(--surface);border-radius:.45rem;flex-shrink:0;min-width:13.5rem;overflow:hidden}.bracket-wrap .match-section{flex-direction:column;display:flex}.bracket-wrap .bracket-win{background:#3ecf8e14}.bracket-wrap .bracket-loss{border-top:1px solid var(--line-strong);background:#d21f3c14}.bracket-wrap .bracket-pending+.bracket-loss,.bracket-wrap .bracket-win+.bracket-pending{border-top:1px solid var(--line-strong)}.bracket-wrap .match-tbd{color:var(--faint);text-align:center;padding:.9rem .75rem;font-size:.75rem}.bracket-wrap .bracket-team{align-items:stretch;padding:.35rem .5rem;display:flex}.bracket-wrap .bracket-team.sep{border-top:1px solid var(--line-strong)}.bracket-wrap .bracket-team.dim{opacity:.55}.bracket-wrap .rail{border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:.1rem;min-width:2.25rem;margin-right:.4rem;padding-right:.4rem;display:flex}.bracket-wrap .crown{color:#e8a23d;font-size:.75rem;line-height:1}.bracket-wrap .rail-label{color:var(--faint);font-size:.6875rem;font-weight:500;line-height:1}.bracket-wrap .rail-rs{color:var(--faint);font-family:ui-monospace,monospace;font-size:.5625rem;line-height:1}.bracket-wrap .players{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.bracket-wrap .player-row{align-items:center;gap:.45rem;padding:.12rem 0;display:flex}.bracket-wrap .player-rank{white-space:nowrap;background:color-mix(in srgb, var(--rank,var(--fg)) 11%, var(--bg));border:1px solid color-mix(in srgb, var(--rank,var(--line)) 38%, var(--line));border-radius:.32rem;flex-flow:row;flex-shrink:0;align-items:center;gap:.22rem;padding:.1rem .28rem .1rem .16rem;display:inline-flex}.bracket-wrap .player-rank.bare{background:0 0;border:none;padding:0}.bracket-wrap .player-row.is-self .player-rank:not(.bare){background:color-mix(in srgb, var(--rank,var(--fg)) 18%, var(--bg));border-color:color-mix(in srgb, var(--rank,var(--line-strong)) 55%, var(--line-strong))}.bracket-wrap .emblem{object-fit:contain;flex-shrink:0;width:1.05rem;height:1.05rem}.bracket-wrap .emblem-placeholder{flex-shrink:0;width:1.05rem;height:1.05rem}.bracket-wrap .player-rs{color:var(--fg);letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-family:ui-monospace,monospace;font-size:.625rem;font-weight:650;line-height:1}.bracket-wrap .player-name{white-space:nowrap;text-overflow:ellipsis;color:var(--fg);flex:1;min-width:0;font-size:.6875rem;line-height:1.3;overflow:hidden}.bracket-wrap .player-name.self-name{font-weight:700}.bracket-wrap .player-name:hover{text-decoration:underline}.bracket-wrap .disc{color:var(--faint)}
