.knockout-bracket{--bracket-line:color-mix(in srgb, var(--foreground) 25%, transparent);--bracket-card-bg:var(--card);--bracket-card-border:var(--border);--bracket-accent:var(--primary)}.knockout-bracket--display{--bracket-line:#a855f773;--bracket-card-bg:#0f172abf;--bracket-card-border:#a855f740;--bracket-accent:#c084fc;color:#f8fafc}.knockout-bracket-title{align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.125rem;font-weight:800;display:flex}.knockout-bracket--display .knockout-bracket-title{color:var(--bracket-accent);text-transform:uppercase;letter-spacing:.05em;font-size:.95rem}.knockout-bracket-scroll{padding-bottom:.5rem;overflow-x:auto}.knockout-bracket-grid{gap:0;min-width:min(100%,720px);display:flex}.knockout-bracket-round{flex:1;min-width:11rem;padding:0 .75rem}.knockout-bracket-round-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground);justify-content:center;align-items:center;gap:.35rem;min-height:1.25rem;margin-bottom:.75rem;font-size:.75rem;font-weight:800;display:flex}.knockout-bracket--display .knockout-bracket-round-title{color:var(--bracket-accent)}.knockout-bracket-round-slots{grid-template-rows:repeat(var(--bracket-rows,8), minmax(2.75rem, auto));align-items:center;gap:0;display:grid}.knockout-bracket-slot{padding:.25rem 0;position:relative}.knockout-bracket-match{border:1px solid var(--bracket-card-border);background:var(--bracket-card-bg);border-radius:.5rem;min-width:9.5rem;padding:.35rem .5rem;position:relative;box-shadow:0 1px 2px #0000000f}.knockout-bracket-match--display{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.knockout-bracket-match--live{border-color:color-mix(in srgb, var(--bracket-accent) 60%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--bracket-accent) 30%, transparent)}.knockout-bracket-match--final{border-width:2px;border-color:color-mix(in srgb, var(--bracket-accent) 50%, var(--bracket-card-border))}.knockout-bracket-match-meta{align-items:center;gap:.35rem;min-height:1rem;margin-bottom:.25rem;display:flex}.knockout-bracket-live{color:var(--bracket-accent);align-items:center;gap:.2rem;font-size:.625rem;font-weight:800;animation:1.5s ease-in-out infinite bracket-pulse;display:inline-flex}.knockout-bracket-time{color:var(--muted-foreground);font-size:.625rem}.knockout-bracket--display .knockout-bracket-time{color:#f8fafc8c}.knockout-bracket-team{grid-template-columns:.5rem 1fr auto;align-items:center;gap:.35rem;padding:.15rem 0;font-size:.8125rem;display:grid}.knockout-bracket-team--winner .knockout-bracket-team-name{font-weight:800}.knockout-bracket-team--winner .knockout-bracket-team-score{color:var(--bracket-accent);font-weight:800}.knockout-bracket-team-dot{border-radius:9999px;flex-shrink:0;width:.5rem;height:.5rem}.knockout-bracket-team-name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.knockout-bracket-team-score{font-variant-numeric:tabular-nums;text-align:right;min-width:1rem;font-weight:600}.knockout-bracket-connector{pointer-events:none;position:absolute}.knockout-bracket-connector--top,.knockout-bracket-connector--bottom{border-right:2px solid var(--bracket-line);width:.75rem;right:-.75rem}.knockout-bracket-connector--top{border-top:2px solid var(--bracket-line);height:50%;top:50%}.knockout-bracket-connector--bottom{border-bottom:2px solid var(--bracket-line);height:50%;bottom:50%}.knockout-bracket-third{border-top:1px dashed var(--bracket-card-border);flex-direction:column;align-items:center;gap:.5rem;margin-top:1.5rem;padding-top:1rem;display:flex}.knockout-bracket-third-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground);font-size:.75rem;font-weight:800}.knockout-bracket--display .knockout-bracket-third-title{color:var(--bracket-accent)}@keyframes bracket-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (min-width:768px){.knockout-bracket-round{min-width:12.5rem}.knockout-bracket-match{min-width:10.5rem}}