.bracket{--bracket-unit:2.6rem;--bracket-column:15rem}.round-tabs{gap:var(--fl-space-2);margin:var(--fl-space-3) 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.round-tab{min-width:44px;min-height:44px;padding:0 var(--fl-space-3);border:1px solid var(--fl-border-strong);border-radius:var(--fl-radius-pill);color:var(--fl-text);font:var(--fl-type-label);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.round-tab:hover{background:var(--fl-raised)}.bracket-group+.bracket-group{margin-top:var(--fl-space-6)}.bracket-group__title{margin-bottom:var(--fl-space-2);font:var(--fl-type-heading-md)}.bracket-rounds,.bracket-matches,.match__seats{margin:0;padding:0;list-style:none}.bracket-round+.bracket-round{margin-top:var(--fl-space-5)}.bracket-round__title{margin-bottom:var(--fl-space-2);color:var(--fl-text-secondary);font:var(--fl-type-label);scroll-margin-top:calc(56px + 3rem)}.bracket-matches{gap:var(--fl-space-2);display:grid}.match{scroll-margin-top:calc(56px + 3rem)}.match__card{padding:var(--fl-space-2) var(--fl-space-3);background:var(--fl-surface);border:1px solid var(--fl-border);border-radius:var(--fl-radius-md);color:inherit;text-decoration:none;display:block}a.match__card:hover{border-color:var(--fl-border-strong)}.match--mine .match__card,.match--found .match__card,.match:target .match__card{border-color:var(--fl-highlight);box-shadow:inset 0 0 0 1px var(--fl-highlight)}.match__header{justify-content:space-between;gap:var(--fl-space-2);color:var(--fl-text-muted);font:var(--fl-type-caption);display:flex}.match__status--ready,.match__status--overdue{color:var(--fl-text);font-weight:700}.match__status--review{color:var(--fl-text);-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.seat{align-items:center;gap:var(--fl-space-2);grid-template-columns:2.2rem 1fr auto 1.5rem;min-height:2rem;display:grid}.seat+.seat{border-top:1px solid var(--fl-border)}.seat__seed{color:var(--fl-text-muted);font:var(--fl-type-caption);font-variant-numeric:tabular-nums}.seat__name{overflow-wrap:anywhere;min-width:0}.seat--empty .seat__name{color:var(--fl-text-muted);font-style:italic}.seat--winner .seat__name{font-weight:700}.seat__score{font-variant-numeric:tabular-nums}.seat--winner .seat__score{font-weight:700}.seat__mark{font:var(--fl-type-label);justify-self:center}.my-match{margin-bottom:var(--fl-space-4)}.my-match .section-title{font:var(--fl-type-heading-sm)}@media (min-width:1024px){.bracket{--bracket-unit:1.5rem}.round-tabs{margin-bottom:var(--fl-space-2)}.bracket-canvas{padding-bottom:var(--fl-space-3);overflow-x:auto}.bracket-rounds{grid-auto-flow:column;grid-auto-columns:var(--bracket-column);column-gap:var(--fl-space-6);display:grid}.bracket-round+.bracket-round{margin-top:0}.bracket-round{grid-row:1/-1;grid-template-rows:subgrid;grid-template-columns:1fr;display:grid}.bracket-round__title{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.bracket-matches{grid-row:1/-1;grid-template-rows:subgrid;gap:0;display:grid}.match{align-self:center;padding:2px 0;position:relative}.match:after{content:"";top:50%;right:calc(var(--fl-space-6) / -2);width:calc(var(--fl-space-6) / 2);border-top:1px solid var(--fl-border-strong);position:absolute}.bracket-round:last-child .match:after{display:none}.match__card{padding:2px var(--fl-space-2)}.seat{min-height:1.5rem;font:var(--fl-type-body-sm);grid-template-columns:1.6rem 1fr auto 1rem}.round-heads{grid-auto-flow:column;grid-auto-columns:var(--bracket-column);column-gap:var(--fl-space-6);margin-bottom:var(--fl-space-2);color:var(--fl-text-secondary);font:var(--fl-type-label);display:grid}}@media (max-width:1023px){.round-heads{display:none}.round-tabs{overscroll-behavior-x:contain;scrollbar-width:none;margin:var(--fl-space-3) 0 var(--fl-space-1);flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.round-tabs::-webkit-scrollbar{display:none}.round-tabs>li{flex:none}.bracket-canvas{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:var(--fl-space-2);overflow-x:auto}.bracket-canvas::-webkit-scrollbar{display:none}.bracket-rounds{column-gap:var(--fl-space-3);grid-auto-columns:min(100% - 2.75rem,20rem);grid-auto-flow:column;align-items:start;display:grid}.bracket-round{scroll-snap-align:start;min-width:0;position:relative}.bracket-round+.bracket-round{margin-top:0}.bracket-round__title{align-items:baseline;gap:0 var(--fl-space-2);min-height:2rem;margin-bottom:var(--fl-space-2);color:var(--fl-text);flex-wrap:wrap;display:flex}.bracket-round__progress{margin-left:0}}.match--path .match__card{border-color:var(--fl-primary)}.round-tab--mine{position:relative}.round-tab--mine:after{content:"";background:var(--fl-highlight);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.bracket-phone-hint{gap:0 var(--fl-space-3);margin:0 0 var(--fl-space-2);color:var(--fl-text-muted);font:var(--fl-type-caption);flex-wrap:wrap;display:flex}@media (min-width:1024px){.bracket-phone-hint__swipe{display:none}}.round-heads__progress,.bracket-round__progress{color:var(--fl-text-muted);font:var(--fl-type-caption);letter-spacing:normal;text-transform:none;display:block}.bracket-round__progress{margin-left:var(--fl-space-2);display:inline}.seat__score--chip{min-width:1.6rem;padding:0 var(--fl-space-1);border-radius:var(--fl-radius-sm);background:var(--fl-raised);color:var(--fl-text-secondary);text-align:center}.seat--winner .seat__score--chip{background:var(--fl-primary-soft);color:var(--fl-text)}.seat--loser .seat__name{color:var(--fl-text-secondary)}.match__card,.seat{transition:opacity var(--fl-duration-fast) var(--fl-ease-standard)}.bracket-stage[data-tracing] li.match:not([data-traced]) .match__card{opacity:.42}li.match[data-traced] .match__card{border-color:var(--fl-primary)}.seat[data-traced]{outline:1px solid var(--fl-primary);outline-offset:-1px;border-radius:var(--fl-radius-sm);background:var(--fl-primary-soft)}@media (prefers-reduced-motion:reduce){.match__card,.seat{transition:none}}.bracket-tools{display:none}@media (min-width:1024px){.bracket-tools{align-items:center;gap:var(--fl-space-1);margin-bottom:var(--fl-space-3);flex-wrap:wrap;display:flex}.bracket-tool{min-width:44px;min-height:44px;padding:0 var(--fl-space-2);border:1px solid var(--fl-border-strong);border-radius:var(--fl-radius-md);background:var(--fl-surface);color:var(--fl-text);font:var(--fl-type-label);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.bracket-tool:hover:not(:disabled){background:var(--fl-raised)}.bracket-tool:disabled{color:var(--fl-text-muted);cursor:default}.bracket-tools__level{min-width:3.5rem;color:var(--fl-text-secondary);font:var(--fl-type-label);font-variant-numeric:tabular-nums;text-align:center}.bracket-tools__hint{margin-left:var(--fl-space-3);color:var(--fl-text-muted);font:var(--fl-type-caption)}.bracket-content{transform-origin:0 0;width:max-content;position:relative}.bracket-canvas[data-zoomed] .bracket-sizer{width:calc(var(--bracket-w) * var(--bracket-scale));height:calc(var(--bracket-h) * var(--bracket-scale))}.bracket-canvas[data-zoomed] .bracket-content{width:var(--bracket-w);transform:scale(var(--bracket-scale))}.bracket-content>div{position:relative}.bracket-links{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.bracket-link{fill:none;stroke:var(--fl-border-strong);stroke-width:1.5px}.bracket-link--traced{stroke:var(--fl-primary);stroke-width:2.5px}.bracket-canvas[data-links] .match:after{display:none}.bracket-canvas[data-panning]{cursor:grabbing;-webkit-user-select:none;user-select:none}}.bracket-caster-link{font:var(--fl-type-body-sm);text-align:right;margin:0}
