.tool[data-tool=tournament-bracket-generator] .bracket-tool{gap:var(--space-4);display:grid}.tool[data-tool=tournament-bracket-generator] .scroller{padding-block-end:var(--space-2);overflow-x:auto}.tool[data-tool=tournament-bracket-generator] .rounds{gap:var(--space-4);min-inline-size:min-content;display:flex}.tool[data-tool=tournament-bracket-generator] .round{justify-content:space-around;gap:var(--space-3);flex-direction:column;min-inline-size:9.5rem;display:flex}.tool[data-tool=tournament-bracket-generator] .round h2{font-size:var(--fs-sm);color:var(--c-text-2);text-align:center;margin:0}.tool[data-tool=tournament-bracket-generator] .match{border:1px solid var(--c-border,#bbb);border-radius:var(--r-md);display:grid;overflow:hidden}.tool[data-tool=tournament-bracket-generator] .slot{min-block-size:var(--tap,2.75rem);padding:var(--space-1) var(--space-3);text-align:start;background:var(--c-surface);color:inherit;font:inherit;cursor:pointer;overflow-wrap:anywhere;border:0;margin:0}.tool[data-tool=tournament-bracket-generator] .slot+.slot{border-block-start:1px solid var(--c-border,#bbb)}.tool[data-tool=tournament-bracket-generator] .slot:disabled{cursor:default}.tool[data-tool=tournament-bracket-generator] .slot.empty{color:var(--c-text-2);font-style:italic}.tool[data-tool=tournament-bracket-generator] .slot.win{background:var(--c-primary-soft);font-weight:700}.tool[data-tool=tournament-bracket-generator] .slot.lose{color:var(--c-text-2);text-decoration:line-through}.tool[data-tool=tournament-bracket-generator] .trophy{align-items:center;font-weight:700;display:grid}