.bracket-flow-scroll{scrollbar-color:#454c58 #151920;background:linear-gradient(#ffffff05 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#ffffff05 1px,#0000 1px) 0 0/24px 24px,#0b0d11;border:1px solid #2d333d;border-radius:12px;margin:0 0 1rem;overflow-x:auto}.bracket-flow{grid-auto-columns:260px;grid-auto-flow:column;align-items:stretch;gap:76px;min-width:max-content;min-height:190px;padding:20px;display:grid;position:relative}.bracket-connectors{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:visible}.bracket-connectors path{fill:none;stroke:#69717e;stroke-width:2px;vector-effect:non-scaling-stroke}.bracket-connectors circle{fill:#f43f52;stroke:#191d24;stroke-width:2px}.bracket-flow-round{z-index:1;grid-template-rows:auto 1fr;min-width:260px;display:grid;position:relative}.bracket-flow-round>header{color:#99a1ad;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #303641;justify-content:space-between;align-items:center;gap:.7rem;margin:0 0 14px;padding:0 2px 10px;font-size:.67rem;font-weight:850;display:flex}.bracket-flow-round>header b{color:#b5bdc8;background:#22262e;border-radius:50%;place-items:center;width:25px;height:25px;font-size:.66rem;display:grid}.bracket-flow-round>div{flex-direction:column;justify-content:space-around;gap:22px;display:flex}.bracket-flow-match{background:#12151b;border:1px solid #373e49;border-radius:9px;min-height:96px;overflow:hidden;box-shadow:0 10px 30px #0000003d}.bracket-flow-match.live{border-color:#f43f52;box-shadow:0 0 0 1px #f43f5229,0 10px 30px #00000047}.bracket-flow-match.finished{border-color:#39473f}.bracket-flow-match>div{background:#191d24;border-bottom:1px solid #2b3038;justify-content:space-between;align-items:center;gap:.6rem;padding:.48rem .62rem;display:flex}.bracket-flow-match>div small{color:#969eaa;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.bracket-flow-match>div b{color:#777f8b;letter-spacing:.08em;font-size:.55rem}.bracket-flow-match.live>div b{color:#ff7382}.bracket-flow-match p{border-top:1px solid #252a32;grid-template-columns:minmax(0,1fr) auto;gap:.6rem;margin:0;padding:.52rem .65rem;display:grid}.bracket-flow-match p:first-of-type{border-top:0}.bracket-flow-match p.advanced{background:linear-gradient(90deg,#3dc97e21,#0000)}.bracket-flow-match p span{text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-weight:720;overflow:hidden}.bracket-flow-match p strong{color:#e8ebef;font-size:.78rem}.format-diagram{width:100%;max-width:620px;height:auto;display:block}.format-diagram.compact{min-height:58px;max-height:76px;margin:.15rem 0 .3rem}.format-diagram-edges path{fill:none;stroke:#59616d;stroke-width:1.5px;vector-effect:non-scaling-stroke}.format-diagram-nodes rect{fill:#1d222a;stroke:#4a525e;stroke-width:1px;vector-effect:non-scaling-stroke}.format-diagram-nodes text{fill:#aeb6c2;letter-spacing:.04em;text-anchor:middle;font-size:6px;font-weight:800}.format-diagram-nodes .is-accent rect{fill:#f43f5226;stroke:#f43f52}.format-diagram-nodes .is-accent text{fill:#ff8793}.format-diagram-nodes .is-muted{opacity:.72}.structure-preview{background:#0b0d11;border:1px solid #303640;border-radius:10px;grid-template-columns:minmax(180px,.48fr) minmax(380px,1fr);align-items:center;gap:1.4rem;margin-top:1.25rem;padding:1rem 1.1rem;display:grid}.structure-preview>div{gap:.28rem;display:grid}.structure-preview>div span{color:#ff7180;letter-spacing:.13em;font-size:.62rem;font-weight:850}.structure-preview>div strong{text-transform:uppercase;font-size:.95rem}.structure-preview>div small{color:#7f8895;font-size:.69rem;line-height:1.45}.actual-bracket{margin:1.2rem 0 1.8rem}.actual-bracket-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:.75rem;display:flex}.actual-bracket-heading span{color:#ff7180;letter-spacing:.13em;font-size:.62rem;font-weight:850}.actual-bracket-heading h3{margin:.2rem 0 0;font-size:1.15rem}.actual-bracket-heading small{color:#7f8895;text-align:right;max-width:380px;font-size:.7rem}@media (width<=720px){.bracket-flow{grid-auto-columns:230px;gap:58px;padding:14px}.bracket-flow-round{min-width:230px}.structure-preview{grid-template-columns:1fr}.actual-bracket-heading{flex-direction:column;align-items:flex-start}.actual-bracket-heading small{text-align:left}}