.bracket{display:grid;gap:clamp(var(--space-2),2vw,var(--space-4));container-type:inline-size}.bracket > *{min-width:0;margin:0}.bracket__status,.bracket__name,.bracket__places,.bracket__finals .bracket__note{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--bk-lines,2);overflow:hidden;overflow-wrap:anywhere}.bracket__controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.bracket__controls > .btn{flex:1 1 9rem;max-width:22rem}.bracket__size{display:flex;align-items:center;gap:var(--space-2)}.bracket__size .input{width:4.5rem}.bracket .segmented .pill{padding-inline:var(--space-3)}.bracket a.pill{text-decoration:none}.bracket__presets{flex-wrap:nowrap;padding:2px;overflow-x:auto}.bracket__presets > li{flex:none;scroll-margin-top:8rem}.bracket__setup{flex:1 1 7rem;min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.bracket__setup[open]{flex-basis:100%}.bracket__setup > summary{display:flex;align-items:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-3);overflow:hidden;font-size:var(--step--1);white-space:nowrap;cursor:pointer}.bracket__setup > summary::after{content:"Edit";margin-left:auto;color:var(--link);font-weight:700}.bracket__setup[open] > summary::after{content:"Close"}.bracket__setup-label{font-weight:700}.bracket__setup-body{padding:var(--space-2) var(--space-3) var(--space-4)}.bracket__names-note{min-height:2.9em}.bracket__resets{display:flex;flex-wrap:wrap;gap:var(--space-3)}.bracket__statusrow{display:flex;align-items:center;gap:var(--space-2);height:var(--tap)}.bracket__status{flex:1;min-width:0;line-height:1.3}.bracket__offer{flex:none;padding-inline:var(--space-3);font-size:var(--step--1);white-space:nowrap}.bracket__skip:focus{z-index:1;width:auto;height:auto;margin:0;padding:var(--space-2) var(--space-3);clip-path:none;border:2px solid var(--ink);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink)}.bracket__sheet{--bk-w:10.5rem;--bk-gx:0.75rem;--bk-gy:0.375rem;--bk-slot:var(--tap);--bk-bye:1.75rem;--bk-line:2px solid var(--line-strong);padding:var(--space-3);overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(90deg,var(--surface-2) 40%,transparent) 0 0 / 2.5rem 100% no-repeat local,linear-gradient(270deg,var(--surface-2) 40%,transparent) 100% 0 / 2.5rem 100% no-repeat local,linear-gradient(90deg,var(--line-strong),transparent) 0 0 / 0.75rem 100% no-repeat scroll,linear-gradient(270deg,var(--line-strong),transparent) 100% 0 / 0.75rem 100% no-repeat scroll,var(--surface-2)}.bracket__sheet[data-format="double"]{--bk-gy:0.75rem;display:grid;grid-template-columns:max-content max-content;gap:var(--space-5);align-items:center;justify-content:start}@container (min-width:44rem){.bracket__sheet{--bk-w:12rem;--bk-gx:1rem}.bracket__presets{flex-wrap:wrap}}.bracket__part[data-part="losers"]{grid-area:2 / 1 / auto / -1}.bracket__part-title{margin:0 0 var(--space-2);font-size:var(--step-0);font-weight:700}.bracket__tree,.bracket__node,.bracket__kid{display:flex;align-items:center}.bracket__tree{width:max-content}.bracket__sheet[data-format="double"] .bracket__tree{padding-bottom:var(--space-3)}.bracket__kids{position:relative;display:flex;flex-direction:column}.bracket__kid{position:relative;justify-content:flex-end;padding-block:var(--bk-gy);padding-inline-end:var(--bk-gx)}.bracket__kid--bye{padding-block:calc(var(--bk-gy) / 2)}.bracket__kid::before,.bracket__kid::after,.bracket__kids::after,.bracket__tree > .bracket__champ::before{content:"";position:absolute}.bracket__kid::before{inset-inline-end:0;top:calc(50% - 1px);width:var(--bk-gx);border-top:var(--bk-line)}.bracket__kid::after{inset-inline-end:-1px;border-inline-end:var(--bk-line)}.bracket__kid:first-child::after{top:calc(50% - 1px);bottom:0}.bracket__kid:last-child::after{top:0;bottom:calc(50% - 1px)}.bracket__kid:only-child::after{display:none}.bracket__kids::after{inset-inline-start:100%;top:calc(50% - 1px);width:var(--bk-gx);border-top:var(--bk-line)}.bracket__kids + .bracket__match{margin-inline-start:var(--bk-gx)}.bracket__bye{display:flex;align-items:center;gap:var(--space-2);width:var(--bk-w);height:var(--bk-bye);color:var(--ink-muted);font-size:var(--step--1)}.bracket__bye::after{content:"";flex:1;border-top:var(--bk-line)}.bracket__match{position:relative;flex:none;display:grid;grid-template-columns:auto minmax(0,1fr);width:var(--bk-w);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);direction:ltr}.bracket__num{grid-row:1 / span 2;display:grid;place-items:center;min-width:2.1rem;padding:0 var(--space-1);border-inline-end:1px solid var(--line);border-radius:var(--radius-sm) 0 0 var(--radius-sm);background:var(--surface-2);color:var(--ink-muted);font-size:var(--step--1);font-weight:700}.bracket__slot{display:flex;align-items:center;gap:var(--space-2);width:100%;height:var(--bk-slot);margin:0;padding:0 var(--space-2);overflow:hidden;border:0;border-radius:0;background:none;color:var(--ink);font:inherit;font-size:var(--step--1);line-height:1.2;text-align:start}.bracket__slot + .bracket__slot{border-top:1px solid var(--line)}.bracket__slot:focus-visible{outline-offset:-3px}.bracket__slot:not(:disabled):hover{background:var(--brand-soft);cursor:pointer}.bracket__slot[data-fill="wait"]{color:var(--ink-muted)}.bracket__name{min-width:0}.bracket__seed{flex:none;min-width:1.4em;color:var(--ink-muted);font-weight:400;text-align:center}.bracket__slot[data-state="win"]{background:var(--brand-soft);color:var(--ink);font-weight:700}.bracket__slot[data-state="win"]::after{content:"\2713";margin-inline-start:auto}.bracket__slot[data-state="out"]{color:var(--ink-muted);text-decoration:line-through}.bracket__note{position:absolute;top:100%;inset-inline:0;padding-top:1px;color:var(--ink-muted);font-size:var(--step--1);line-height:1.2;white-space:nowrap}.bracket__finals{display:grid;gap:var(--space-3);width:var(--bk-w)}.bracket__finals .bracket__note{position:static;grid-column:1 / -1;box-sizing:content-box;min-height:2.4em;padding:var(--space-1) var(--space-2);border-top:1px solid var(--line);white-space:normal}.bracket__match[data-state="idle"],.bracket__match[data-state="skipped"]{border-style:dashed}.bracket__match[data-state="skipped"] .bracket__note{font-weight:700}.bracket__champ{position:relative;flex:none;display:grid;gap:var(--space-1);width:var(--bk-w);padding:var(--space-2) var(--space-3);border:2px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);text-align:center;direction:ltr}.bracket__tree > .bracket__champ{margin-inline-start:calc(2 * var(--bk-gx))}.bracket__tree > .bracket__champ::before{inset-inline-end:100%;top:calc(50% - 1px);width:calc(2 * var(--bk-gx));margin-inline-end:2px;border-top:var(--bk-line)}.bracket__champ-label{color:var(--ink-muted);font-size:var(--step--1);font-weight:700;letter-spacing:0.06em;text-transform:uppercase}.bracket__champ-name{min-height:1.3em;overflow:hidden;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.bracket__champ[data-state="win"]{border-color:var(--brand);background:var(--brand-soft);color:var(--ink)}.bracket__champ[data-state="win"] .bracket__champ-label{color:inherit}.bracket__next{display:grid;align-items:center}.bracket__next > *{grid-area:1 / 1;margin:0}.bracket__done{display:flex;align-items:center;gap:var(--space-3);visibility:hidden}.bracket__places{--bk-lines:3;flex:1;min-width:0;min-height:3.9em;margin:0;font-size:var(--step--1);font-weight:700;line-height:1.3}.bracket__next[data-state="done"] > .bracket__help{visibility:hidden}.bracket__next[data-state="done"] > .bracket__done{visibility:visible}@page bracket-sheet{size:landscape;margin:10mm}@media print{main:has(.bracket) > :not(.tool){display:none !important}.bracket{display:block;page:bracket-sheet}.bracket [data-announce]{display:none}.bracket__print-title{margin:0 0 2mm;font:700 13pt / 1.2 var(--font-display);break-after:avoid}.bracket__statusrow{display:block;height:auto;break-after:avoid}.bracket__status{margin:0 0 2mm;color:#000;font-size:8pt}.bracket__sheet{--bk-w:46mm;--bk-gx:3.5mm;--bk-gy:1.5mm;--bk-slot:10mm;--bk-bye:4mm;--bk-line:0.3mm solid #000;padding:0;overflow:visible;border:0;background:none;font-size:10pt}.bracket__sheet[data-format="double"]{--bk-w:44mm;--bk-gx:3mm;--bk-gy:2.2mm;--bk-slot:8mm;--bk-lines:1;gap:4mm 6mm}.bracket__sheet[data-frame="16"]{--bk-w:42mm;--bk-gx:3mm;--bk-gy:1mm;--bk-slot:8mm;font-size:8.5pt}.bracket__sheet[data-format="double"][data-frame="16"]{--bk-w:35mm;--bk-gx:2.5mm;--bk-gy:2mm;--bk-slot:5.5mm;font-size:8pt}.bracket__sheet[data-frame="32"]{--bk-w:25.5mm;--bk-gx:1.5mm;--bk-gy:0.6mm;--bk-slot:9mm;font-size:7.5pt}.bracket__sheet[data-frame="64"],.bracket__sheet[data-frame="128"]{--bk-w:20.5mm;--bk-gx:1.3mm;--bk-gy:0.2mm;--bk-slot:4.5mm;--bk-bye:3mm;--bk-lines:1;font-size:6.5pt}.bracket__sheet[data-frame="128"]{--bk-w:38mm;--bk-gx:2.5mm;font-size:7.5pt}.bracket__sheet[data-format="double"]:not([data-frame="4"],[data-frame="8"],[data-frame="16"]){--bk-w:27mm;--bk-gx:2mm;--bk-gy:1.7mm;--bk-slot:4.2mm;font-size:7.5pt}.bracket__sheet[data-quarters]{--bk-w:46mm;--bk-gx:3.5mm;--bk-gy:1mm;--bk-slot:8mm;--bk-bye:4mm;--bk-lines:2;font-size:8.5pt}.bracket__match,.bracket__champ,.bracket__sheet:is([data-frame="4"],[data-frame="8"],[data-frame="16"]) .bracket__part{break-inside:avoid}.bracket__kid:only-child,.bracket__sheet[data-format="double"] .bracket__kid--bye + .bracket__kid{padding-block:0}.bracket__sheet[data-format="double"] .bracket__kid--bye,.bracket__sheet[data-format="double"] .bracket__kid--bye + .bracket__kid::after{display:none}.bracket__sheet[data-format="double"] .bracket__tree{padding-bottom:1.2mm}.bracket__part-title{margin:0 0 1.5mm;font-size:10pt}.bracket__match,.bracket__champ{border:0.3mm solid #000;border-radius:0;background:none}.bracket__num{min-width:2.7em;padding:0 0.5mm;border-inline-end:0.2mm solid #000;border-radius:0;background:none;color:#000;font-size:0.8em}.bracket__slot,.bracket__slot:disabled{padding:0.4mm 1.2mm;color:#000;font-size:1em;line-height:1.1}.bracket__slot + .bracket__slot{border-top:0.2mm solid #000}.bracket__slot[data-fill="seed"],.bracket__slot[data-fill="wait"],.bracket__bye{align-items:flex-start;color:#000;font-size:max(0.7em,5.5pt)}.bracket__bye{align-items:center}.bracket__sheet[data-format="single"] [data-fill="wait"] .bracket__name{visibility:hidden}.bracket__slot[data-state="win"],.bracket__champ[data-state="win"]{background:none;color:#000}.bracket__note,.bracket__champ-label{color:#000;font-size:max(0.7em,5.5pt)}.bracket__finals .bracket__note{min-height:0;-webkit-line-clamp:2}.bracket__champ{padding:1mm 2mm}.bracket__champ-name{min-height:7mm}.bracket__tree[data-split]{position:relative;justify-content:center;width:auto}.bracket__tree[data-split] > .bracket__node,.bracket__tree[data-split] > * > .bracket__kids{display:contents}.bracket__tree[data-split] > * > .bracket__kids::after,.bracket__tree[data-split] > * > * > .bracket__kid::after,.bracket__tree[data-split] > .bracket__champ::before{display:none}.bracket__tree[data-split] > * > .bracket__match{order:2;margin:0}.bracket__tree[data-split] > * > * > .bracket__kid:last-child{order:3;direction:rtl}.bracket__tree[data-split] > .bracket__champ{position:absolute;top:30%;left:50%;margin:0;transform:translateX(-50%)}.bracket [data-quarters] .bracket__tree{flex-direction:column;align-items:flex-start;counter-reset:bk-sheet}.bracket [data-quarters] :is([data-tier="0"],[data-tier="1"]),.bracket [data-quarters] :is([data-tier="0"],[data-tier="1"]) > .bracket__kids,.bracket [data-quarters] [data-tier="0"] > * > .bracket__kid{display:contents}.bracket [data-quarters] [data-tier="1"] > * > .bracket__kid{padding:0;break-after:page;counter-increment:bk-sheet}.bracket [data-quarters] [data-tier="1"] > * > .bracket__kid::after{content:"Sheet " counter(bk-sheet) " of 5";inset:0 0 auto auto;border:0}.bracket [data-quarters] :is([data-tier="0"],[data-tier="1"]) > .bracket__match,.bracket [data-quarters] .bracket__tree > .bracket__champ{order:1;margin:0 0 6mm}.bracket [data-quarters] :is([data-tier="0"],[data-tier="1"]) > .bracket__match .bracket__name{visibility:visible}.bracket [data-quarters] .bracket__tree > .bracket__champ::before,.bracket [data-quarters] :is([data-tier="0"],[data-tier="1"]) > .bracket__kids::after,.bracket [data-quarters] [data-tier="0"] > * > .bracket__kid::before,.bracket [data-quarters] [data-tier="0"] > * > .bracket__kid::after,.bracket [data-quarters] [data-tier="1"] > * > .bracket__kid::before{display:none}}