.bracket-tool{margin:1.5rem 0 3rem}.bracket-setup{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:4rem;max-width:1020px;margin:auto;display:grid}.bracket-tool label,.bracket-edit label{gap:.5rem;font-size:.85rem;font-weight:600;display:grid}.bracket-tool input:not([type=file]):not([type=radio]),.bracket-tool textarea,.bracket-tool select,.bracket-edit input,.bracket-result-form input[type=number]{border:1px solid var(--line);background:var(--surface);width:100%;min-height:44px;color:var(--ink);font:inherit;border-radius:.5rem;padding:.7rem}.bracket-tool textarea{resize:vertical;line-height:1.6}.bracket-tool form>label{margin:1rem 0}.bracket-tool small,.bracket-note,.bracket-intro p{color:var(--muted);font-size:.8rem;font-weight:400;line-height:1.6}.bracket-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:.7rem;font-weight:650}.bracket-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.bracket-actions .button{font-size:.8rem}.bracket-file{cursor:pointer;position:relative;overflow:hidden}.bracket-file input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.bracket-file:focus-within{outline:2px solid var(--focus);outline-offset:3px}.bracket-intro{border:1px solid var(--line);background:var(--surface-muted);border-radius:1rem;align-self:center;padding:2rem}.bracket-intro svg{width:100%;color:var(--accent-ink);margin-bottom:1rem}.bracket-intro h2{letter-spacing:-.035em;font-size:1.4rem}.bracket-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.bracket-toolbar h2{overflow-wrap:anywhere;margin:.5rem 0;font-size:1.5rem}.bracket-toolbar p{color:var(--muted);font-size:.8rem}.bracket-navigation{align-items:end;gap:1rem;margin:1.5rem 0;display:flex}.bracket-navigation label{min-width:180px}.bracket-scroll{border:1px solid var(--line);background:var(--surface-muted);border-radius:.8rem;max-height:750px;padding:1rem;overflow:auto}.bracket-tree{gap:36px;min-width:max-content;display:flex}.bracket-round{flex-direction:column;width:240px;display:flex}.bracket-round h3{text-transform:uppercase;letter-spacing:.06em;text-align:center;margin:0 0 1rem;font-size:.8rem}.bracket-round-matches{flex-direction:column;flex:1;display:flex}.bracket-slot{flex:1;align-items:center;min-height:140px;padding:.6rem 0;display:flex;position:relative}.bracket-match{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);text-align:left;cursor:pointer;font:inherit;z-index:1;border-radius:.6rem;padding:.5rem;position:relative}.bracket-match:hover:enabled{border-color:var(--focus)}.bracket-match:disabled{cursor:default}.bracket-match>small{margin-bottom:.3rem;font-size:.65rem;display:block}.bracket-entry{border-radius:.25rem;align-items:center;gap:.5rem;min-height:38px;padding:.25rem;font-size:.8rem;display:flex}.bracket-entry+.bracket-entry{border-top:1px solid var(--line)}.bracket-name{overflow-wrap:anywhere;flex:1;min-width:0}.bracket-entry b{white-space:nowrap;font-size:.75rem}.bracket-seed{color:var(--muted);min-width:16px;font-size:.65rem}.bracket-entry.is-winner{background:var(--surface-muted);color:var(--accent-ink);font-weight:700}.bracket-round:not(:last-child) .bracket-slot:after{content:"";border-right:1px solid var(--line);width:18px;height:50%;position:absolute;right:-18px}.bracket-round:not(:last-child) .bracket-slot:nth-child(odd):after{border-top:1px solid var(--line);top:50%}.bracket-round:not(:last-child) .bracket-slot:nth-child(2n):after{border-bottom:1px solid var(--line);bottom:50%}.bracket-round:not(:first-child) .bracket-match:before{content:"";border-top:1px solid var(--line);width:18px;position:absolute;top:50%;left:-19px}.bracket-champion{border:1px solid var(--focus);background:var(--surface-muted);border-radius:.7rem;flex-wrap:wrap;align-items:center;gap:1rem;margin:1rem 0;padding:1.2rem 1.5rem;display:flex}.bracket-champion span{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-ink);font-size:.75rem}.bracket-champion strong{overflow-wrap:anywhere;font-size:1.5rem}.bracket-exports{margin:1.2rem 0}.bracket-message{min-height:1.2em;font-size:.85rem}.bracket-link{max-width:700px}.bracket-edit{gap:1rem;max-height:70vh;padding:.2rem;display:grid;overflow:auto}.bracket-edit p,.bracket-result-form p{font-size:.85rem;line-height:1.6}.bracket-result-form{gap:.8rem;display:grid}.bracket-score-input label{overflow-wrap:anywhere;grid-template-columns:1fr 90px;gap:.5rem;display:grid}.bracket-score-input small{color:var(--muted);grid-column:1;font-size:.7rem}.bracket-score-input input{grid-area:1/2/span 2}.bracket-result-form fieldset{border:1px solid var(--line);border-radius:.5rem}.bracket-result-form .bracket-radio{overflow-wrap:anywhere;align-items:center;gap:.7rem;min-height:44px;display:flex}.bracket-radio input{flex-shrink:0;width:20px;height:20px}.bracket-result-form>small{color:var(--muted);font-size:.75rem}@media (prefers-reduced-motion:no-preference){.bracket-name{animation:.24s cubic-bezier(.16,1,.3,1) bracket-advance}.bracket-match{transition:border-color .16s}.bracket-champion{animation:.28s cubic-bezier(.16,1,.3,1) bracket-advance}@keyframes bracket-advance{0%{opacity:.4;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}}@media (max-width:700px){.bracket-setup{grid-template-columns:1fr;gap:1.5rem}.bracket-intro{padding:1.2rem}.bracket-intro svg{max-height:110px}.bracket-navigation{flex-wrap:wrap;gap:.5rem}.bracket-navigation label{flex:1;min-width:140px}.bracket-navigation .button{font-size:.75rem}.bracket-scroll{max-height:none;padding:.8rem}.bracket-tree{min-width:0;display:block}.bracket-round{width:100%;display:none}.bracket-round.is-active{display:flex}.bracket-round-matches{gap:.8rem}.bracket-slot{min-height:0;padding:0}.bracket-slot:after,.bracket-match:before{display:none}.bracket-entry{min-height:44px}.bracket-toolbar h2,.bracket-champion strong{font-size:1.3rem}}.bracket-match:disabled{opacity:1}
