/* BU — PAVOUK v2. Co Battlefy neumí: nakreslit, KAM padá poražený.
   Zlatá linka = postup vítěze. Červená = pád do spodního pavouka. */

#p0{position:relative}
#buSvg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}
#p0 .bwrap,#p0 .m{position:relative;z-index:2}

#buSvg path{fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke-opacity .28s,stroke-width .28s}
#buSvg path.up{stroke:#C5A059;stroke-width:1.7;stroke-opacity:.34}
#buSvg path.down{stroke:#F0A6A6;stroke-width:1.4;stroke-opacity:.2;stroke-dasharray:5 5}
/* hotová cesta — vítěz už postoupil */
#buSvg path.up.hot{stroke-opacity:.92;stroke-width:2.4;filter:drop-shadow(0 0 5px rgba(197,160,89,.75))}
#buSvg path.down.hot{stroke-opacity:.72;stroke-width:2;filter:drop-shadow(0 0 4px rgba(240,166,166,.5))}
/* právě se hraje */
#buSvg path.now{stroke-opacity:.85;animation:buFlow 1.7s linear infinite}
@keyframes buFlow{to{stroke-dashoffset:-22}}
/* zvýrazněná cesta jednoho týmu */
#buSvg.focus path{stroke-opacity:.07}
#buSvg.focus path.lit{stroke-opacity:1;stroke-width:3;filter:drop-shadow(0 0 8px currentColor)}
#buSvg.focus path.lit.up{stroke:#F4E4BD}

/* box zápasu — stav a zvýraznění */
.m{transition:box-shadow .25s,transform .25s,opacity .25s}
.m.buLive{box-shadow:0 0 0 1px rgba(0,229,255,.42),0 0 26px rgba(0,229,255,.16)}
.brk.focus .m{opacity:.34}
.brk.focus .m.lit{opacity:1;box-shadow:0 0 0 1px rgba(197,160,89,.6),0 0 30px rgba(197,160,89,.25)}
.t .nm{cursor:pointer}
.t.trace .nm{color:#F4E4BD;text-shadow:0 0 12px rgba(197,160,89,.6)}

/* legenda */
.bleg{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin:2px 0 14px;font-size:11px;color:#8d8878}
.bleg span{display:inline-flex;align-items:center;gap:7px}
.bleg i{width:22px;height:0;border-top:2px solid;display:inline-block}
.bleg i.u{border-color:#C5A059}
.bleg i.d{border-color:#F0A6A6;border-top-style:dashed}
.bleg b{color:#C5A059;font-weight:600}

/* ovládání pavouka */
.bctl{display:flex;gap:7px;align-items:center;margin-left:auto}
.bctl button{width:27px;height:27px;border-radius:4px;border:1px solid rgba(197,160,89,.34);
 background:rgba(10,10,15,.72);color:#C5A059;cursor:pointer;font:700 13px Inter,sans-serif;
 display:flex;align-items:center;justify-content:center;transition:.2s;padding:0}
.bctl button:hover{background:#C5A059;color:#0A0A0F}
.bctl .zl{font-size:10.5px;color:#8d8878;min-width:38px;text-align:center}
.bzoom{transform-origin:0 0;transition:transform .22s ease-out}

/* cesta k poháru */
.bpath{margin-top:10px;padding:11px 14px;border:1px solid rgba(197,160,89,.28);border-radius:5px;
 background:rgba(197,160,89,.05);font-size:12.4px;color:#b7b2a7;display:none}
.bpath.on{display:block}
.bpath b{color:#F4E4BD}
.bpath .x{float:right;cursor:pointer;color:#8d8878;font-size:15px;line-height:1}
.bpath .x:hover{color:#F4E4BD}

@media(prefers-reduced-motion:reduce){
 #buSvg path.now{animation:none}
 .m,#buSvg path{transition:none}
}