.adb-brackets{margin:28px 0 36px}
.adb-bracket-hint{font-size:13px;color:var(--adb-muted);line-height:1.65;margin:0 0 16px;max-width:72ch}
.adb-main .adb-bracket-toolbar button{font:inherit;font-size:13px;font-weight:550;min-height:44px;padding:8px 12px;border:1px solid var(--adb-line);background:white;color:var(--adb-accent);border-radius:0;cursor:pointer}
.adb-main .adb-bracket-toolbar button:hover:not(:disabled){background:var(--adb-paper)}
.adb-bracket-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 0;border-top:1px solid var(--adb-line);font-size:12px}
.adb-bracket-toolbar button:disabled{opacity:.4;cursor:default}
.adb-bracket-viewport{box-sizing:border-box;position:relative;overflow:auto;width:100%;height:min(72vh,800px);min-height:320px;border:1px solid var(--adb-line);background:#fff;touch-action:none;overscroll-behavior:contain;scrollbar-color:#a98a95 var(--adb-paper);scrollbar-width:thin}
.adb-bracket-canvas{position:relative}
.adb-bracket-drawing{position:relative;transform-origin:0 0}
.adb-bracket-connections{position:absolute;inset:0;pointer-events:none}
.adb-bracket-connections path{fill:none;stroke:#c9bcc1;stroke-width:1.25}
.adb-bracket-connections path.is-path{stroke:var(--adb-accent);stroke-width:2.5}
.adb-main h3.adb-bracket-round{position:absolute;top:22px;margin:0;width:320px;font-size:14px;font-weight:550;line-height:1.5;color:var(--adb-muted)}
.adb-bracket-node{position:absolute;width:320px;background:white;border:1px solid var(--adb-line);box-sizing:border-box}
.adb-bracket-medal{height:26px;background:var(--adb-paper);font-size:11px;line-height:26px;padding:0 12px;color:var(--adb-muted)}
.adb-bracket-row{display:grid;grid-template-columns:40px minmax(0,1fr) 56px;align-items:stretch;border-bottom:1px solid var(--adb-line);box-sizing:border-box}
.adb-bracket-row:last-child{border-bottom:0}
.adb-bracket-row:hover{background:#faf7f8}
.adb-bracket-row.is-path{background:#f3e7ec}
.adb-main .adb-bracket-seed{font:inherit;font-size:13px;color:var(--adb-muted);min-height:44px;min-width:0;padding:0;border:0;border-right:1px solid var(--adb-line);background:transparent;cursor:pointer;border-radius:0;align-self:stretch}
.adb-main .adb-bracket-seed:hover,.adb-main .adb-bracket-seed[aria-pressed=true]{background:#ead2da;color:var(--adb-accent)}
.adb-bracket-person{min-width:0;padding:8px 10px;display:flex;flex-direction:column;justify-content:center;gap:3px;overflow:hidden}
.adb-bracket-name{display:block;font-size:14px;font-weight:550;line-height:20px;color:var(--adb-ink);overflow-wrap:anywhere;text-transform:none}
.adb-bracket-name:hover{text-decoration:underline;text-underline-offset:3px}
.adb-bracket-series{display:block;font-size:11px;font-weight:400;line-height:16px;white-space:nowrap;color:var(--adb-muted)}
.adb-bracket-members{display:flex;flex-direction:column;gap:2px;margin:3px 0}
.adb-bracket-members a,.adb-bracket-members span{display:block;font-size:11px;line-height:20px;color:var(--adb-muted)}
.adb-bracket-members a:hover{text-decoration:underline;text-underline-offset:3px}
.adb-bracket-score{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 3px;border-left:1px solid var(--adb-line);font-size:16px;font-weight:600;line-height:1.3;color:var(--adb-ink);font-variant-numeric:tabular-nums}
.adb-bracket-score small{font-size:11px;font-weight:400;line-height:1.4;color:var(--adb-muted)}
a.adb-bracket-score:hover{background:var(--adb-paper);text-decoration:underline;text-underline-offset:3px}
.adb-bracket-preliminary{margin-top:24px;border-top:1px solid var(--adb-line)}
.adb-bracket-preliminary>summary{padding:16px 0;font-size:14px;font-weight:550;color:var(--adb-accent);cursor:pointer}
/* Geometry is a diagram, so it must override the theme's small icon dimensions. */
.adb-bracket-drawing>svg.adb-bracket-connections{display:block;width:100%;height:100%;max-width:none}
.adb-bracket-connections path{stroke:#9e8992}
.adb-bracket-connections path.is-path{stroke:var(--adb-accent)}
.adb-bracket-node{background:var(--adb-paper)}
.adb-bracket-score{background:rgba(121,20,53,.035)}

.adb-bracket-row.is-path[data-outcome=win],.adb-bracket-row.is-path[data-outcome=bye]{--adb-path-ink:#17653a;--adb-path-fill:#e8f4ec;--adb-path-seed:#c9e5d1}
.adb-bracket-row.is-path[data-outcome=loss]{--adb-path-ink:#a32929;--adb-path-fill:#fbe9e9;--adb-path-seed:#f1cccc}
.adb-bracket-row.is-path[data-outcome=unknown]{--adb-path-ink:#514b53;--adb-path-fill:#eeecef;--adb-path-seed:#dcd7df}
.adb-bracket-row.is-path[data-outcome]{background:var(--adb-path-fill)}
.adb-main .adb-bracket-row.is-path[data-outcome] .adb-bracket-seed{background:var(--adb-path-seed);color:var(--adb-path-ink)}
.adb-bracket-row.is-path[data-outcome] .adb-bracket-score{color:var(--adb-path-ink);background:transparent}
.adb-bracket-connections path.is-path[data-outcome=win],.adb-bracket-connections path.is-path[data-outcome=bye]{stroke:#17653a}
.adb-bracket-connections path.is-path[data-outcome=loss]{stroke:#a32929}
.adb-bracket-connections path.is-path[data-outcome=unknown]{stroke:#817982}

/* Shared bracket layout. Removed controls are absent from server markup. */
.adb-bracket-viewport{scrollbar-width:none;-ms-overflow-style:none;cursor:grab;user-select:none}
.adb-bracket-viewport.is-dragging,.adb-bracket-viewport.is-dragging *{cursor:grabbing}
.adb-bracket-viewport::-webkit-scrollbar{display:none;width:0;height:0}
.adb-bracket-rounds{position:absolute;top:0;left:0;width:100%;height:64px;z-index:2;background:#fff;pointer-events:none}
.adb-main .adb-bracket-hint{max-width:none}