.tournament-bracket-container{position:relative;width:100%}.bracket-viewport-wrapper{position:relative;width:100%;height:clamp(360px,70vh,760px)}.bracket-viewport{position:relative;width:100%;height:100%;overflow:hidden;touch-action:none;cursor:grab;background:transparent;border-radius:8px}.bracket-viewport:active{cursor:grabbing}.bracket-viewport-content{position:absolute;top:0;left:0;will-change:transform}.bracket-viewport-controls{position:absolute;top:8px;right:8px;z-index:5;display:flex;gap:6px}.bracket-ctrl-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;line-height:1;color:#334155;background:#ffffffeb;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;box-shadow:0 1px 3px #0000001f;transition:background-color .15s ease,color .15s ease,border-color .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bracket-ctrl-btn:hover{background:#fff;color:#ef4444;border-color:#ef4444}.dark .bracket-ctrl-btn{color:#e5e7eb;background:#1e293beb;border-color:#374151}.dark .bracket-ctrl-btn:hover{background:#1e293b;color:#f87171;border-color:#f87171}.bracket-band-label{font-size:.8rem;font-weight:700;letter-spacing:.3px;color:#475569;white-space:nowrap;pointer-events:none;z-index:2;text-transform:uppercase}.dark .bracket-band-label{color:#94a3b8}.custom-match-node{border:1px solid #e2e8f0;padding:6px 8px;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;display:flex;flex-direction:column;justify-content:space-around;font-size:.75rem;box-sizing:border-box;overflow:hidden;z-index:1}.dark .custom-match-node{background-color:#1e293b;border-color:#374151}.match-node-title{font-size:.7rem;font-weight:600;color:#4a5568;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.dark .match-node-title{color:#e5e7eb}.match-node-title:hover{color:#ef4444}.dark .match-node-title:hover{color:#f87171}.match-node-participant{display:flex;align-items:center;margin-bottom:3px;width:100%;padding-top:2px;padding-bottom:2px;border-radius:4px;transition:background-color .2s ease-in-out;cursor:pointer}.dark .match-node-participant{background-color:#334155}.match-node-logo{width:16px;height:16px;margin-right:6px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.match-node-logo.fallback-wrapper{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#475569;font-size:11px;font-weight:600;border-radius:4px;border:1px solid rgba(0,0,0,.08)}.dark .match-node-logo.fallback-wrapper{background:#334155;color:#cbd5e1;border-color:#ffffff14}.match-node-team-name{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#2d3748;font-weight:500}.dark .match-node-team-name{color:#e5e7eb}.match-node-score{font-weight:700;color:#1a202c;margin-left:8px;padding:0 4px;min-width:20px;text-align:right}.dark .match-node-score{color:#fff}.custom-match-node.highlighted{border-color:#ef4444;box-shadow:0 0 8px #ef4444,0 1px 3px #0000001a,0 1px 2px #0000000f}.dark .custom-match-node.highlighted{border-color:#e57373;box-shadow:0 0 8px #e57373}.match-node-participant.highlighted-participant{background-color:#e0e7ff;border-radius:4px}.dark .match-node-participant.highlighted-participant{background-color:#64748b}.match-finished .match-node-participant.winner-row.highlighted-participant,.match-finished .match-node-participant.loser-row.highlighted-participant{background-color:#e0e7ff;box-shadow:0 0 0 1px #6366f159,0 0 6px #6366f166;border-left-width:4px;border-left-color:#6366f1}.dark .match-finished .match-node-participant.winner-row.highlighted-participant,.dark .match-finished .match-node-participant.loser-row.highlighted-participant{background-color:#64748b;box-shadow:0 0 0 1px #60a5fa59,0 0 6px #60a5fa73;border-left-color:#3b82f6}.match-finished .match-node-participant.winner-row{border-left:4px solid #16a34a;font-weight:600;box-shadow:inset 0 0 0 1px #10b98126}.match-finished .match-node-participant.loser-row{border-left:4px solid #dc2626;box-shadow:inset 0 0 0 1px #ef444414;background-color:#f3f4f6}.dark .match-finished .match-node-participant.winner-row{border-left-color:#22c55e;box-shadow:inset 0 0 0 1px #22c55e40}.dark .match-finished .match-node-participant.loser-row{border-left-color:#ef4444;box-shadow:inset 0 0 0 1px #ef444440;background-color:#1f2937}.match-finished .match-node-participant.winner-row .match-node-score{color:#15803d}.dark .match-finished .match-node-participant.winner-row .match-node-score{color:#22c55e}.match-finished .match-node-participant.loser-row .match-node-score{color:#7f1d1d}.dark .match-finished .match-node-participant.loser-row .match-node-score{color:#f87171}.bracket-line{transition:stroke .2s ease-in-out,stroke-width .2s ease-in-out}path.highlighted{stroke-width:3px!important}.live-badge{display:inline-flex;align-items:center;gap:4px;background:#dc2626;color:#fff;font-size:.55rem;font-weight:700;padding:2px 6px;border-radius:999px;line-height:1;letter-spacing:.5px;text-transform:uppercase;vertical-align:middle;box-shadow:0 0 0 1px #00000014,0 1px 2px #00000026;position:relative;margin-right:6px;animation:liveGlow 1.8s ease-in-out infinite}.dark .live-badge{background:#ef4444;box-shadow:0 0 0 1px #ffffff0f,0 0 4px #ef444473}.live-badge .live-dot{width:6px;height:6px;background:#fff;border-radius:50%;box-shadow:0 0 #fffc;animation:livePulse 1.2s ease-in-out infinite;flex-shrink:0}.dark .live-badge .live-dot{background:#fff}.match-upcoming-inline{font-size:.5rem;line-height:1;font-weight:500;color:#64748b;text-align:center;margin-top:-2px;margin-bottom:3px;letter-spacing:.25px;white-space:nowrap}.dark .match-upcoming-inline{color:#94a3b8}@keyframes livePulse{0%{transform:scale(.6);box-shadow:0 0 #ffffffb3}60%{transform:scale(1);box-shadow:0 0 0 5px #fff0}to{transform:scale(.6);box-shadow:0 0 #fff0}}@keyframes liveGlow{0%,to{box-shadow:0 0 0 1px #00000014,0 1px 2px #00000026}50%{box-shadow:0 0 0 1px #0000001f,0 0 6px 2px #dc26268c}}.canceled-badge{display:inline-flex;align-items:center;gap:4px;background:#9ca3af;color:#111827;font-size:.55rem;font-weight:800;padding:2px 6px;border-radius:999px;line-height:1;letter-spacing:.5px;text-transform:uppercase;vertical-align:middle;box-shadow:0 0 0 1px #00000014,0 1px 2px #00000026;position:relative;margin-right:6px}.dark .canceled-badge{background:#6b7280;color:#f3f4f6;box-shadow:0 0 0 1px #ffffff0f,0 0 4px #6b728059}.match-canceled{opacity:.85;border-style:dashed;border-color:#9ca3af}.dark .match-canceled{border-color:#6b7280}