.draw-navigation{min-width:0;max-width:100%}
.draw-explorer{min-width:0}
.draw-header{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;padding:16px;margin-bottom:12px;border:1px solid var(--hub-line,var(--line,#d6dfdb));border-radius:10px;background:var(--hub-tint,var(--surface,#f5f7f0))}
.draw-header-heading{flex:1;min-width:180px}
.draw-header h2{margin:0;font:750 18px/1.35 Manrope,Arial,sans-serif;letter-spacing:0;text-transform:none}
.draw-header-meta,.draw-header-status{margin:5px 0 0;font:500 12px/1.5 Manrope,Arial,sans-serif;color:var(--muted,#687d82)}
.draw-header-search{position:relative;display:block;margin:0;width:230px;max-width:100%;font:500 12px/1.4 Manrope,Arial,sans-serif}
.draw-header-search>svg{position:absolute;top:13px;left:12px;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;pointer-events:none}
.draw-header-search>input{width:100%;min-height:44px;padding:10px 12px 10px 38px;margin:0;border:1px solid var(--hub-line,var(--line,#afc0b5));border-radius:8px;background:var(--hub-surface,var(--surface,#fff));color:inherit;font:inherit}
.draw-search-status{display:block;color:var(--muted,#687d82);font-size:11px;margin-top:4px}
.draw-search-status:empty{display:none}
.draw-header-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.draw-search-hit{background:#e1edc7!important;box-shadow:inset 3px 0 #759a45}
.site-dark .draw-search-hit{background:#3c5c48!important;color:#f2f7e8}
@media(max-width:600px){.draw-header{padding:12px;gap:12px}.draw-header-heading{min-width:0;flex-basis:calc(100% - 56px)}.draw-header h2{font-size:16px}.draw-header-tools{order:1;margin-left:auto}.draw-header-search{order:2;width:100%}}
.draw-round-navigation{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;margin:0 0 6px;color:var(--ink,#193943)}
.draw-round-navigation[hidden]{display:none}
.draw-round-navigation button{display:grid;place-items:center;flex:0 0 auto;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}
.draw-round-arrow{width:44px;height:44px;border-radius:50%}
.draw-round-arrow svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.draw-round-arrow:disabled{opacity:.25;cursor:default}
.draw-round-dots{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0}
.draw-round-dot{width:32px;height:44px;border-radius:8px}
.draw-round-dot::before{content:'';width:9px;height:9px;border-radius:50%;background:var(--muted,#73898b);opacity:.4;transition:transform .15s,opacity .15s}
.draw-round-dot[aria-current]::before{opacity:1;background:currentColor;transform:scale(1.25)}
.draw-round-navigation button:hover:not(:disabled){background:var(--hub-tint,var(--surface,#edf2e5))}
.draw-round-navigation button:focus-visible,.draw-navigation-viewport:focus-visible{outline:2px solid #819b5b;outline-offset:-2px}
.draw-navigation-viewport{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;touch-action:pan-x pan-y}
.draw-navigation-viewport>.tournament-bracket{width:max-content;max-width:none;overflow:visible;scroll-snap-type:none}
.draw-navigation-viewport>.tournament-bracket{gap:20px;padding-bottom:10px}
.draw-navigation-viewport>.tournament-bracket .bracket-round{width:var(--draw-round-width,224px);min-width:var(--draw-round-width,224px);flex:0 0 var(--draw-round-width,224px)}
.draw-navigation-viewport .bracket-cell{min-height:var(--draw-row-height,84px)}
.draw-navigation-viewport .bracket-cell.has-next:after,.draw-navigation-viewport .bracket-round+.bracket-round .bracket-cell:before{width:10px}
.draw-navigation-viewport .draw-player>.notranslate{white-space:normal;overflow-wrap:anywhere;text-overflow:clip}
.historical-draw-block{margin-bottom:16px}
.draw-explorer .draw-stage-title{margin:16px 0 8px;font-size:16px}
.draw-navigation-viewport .draw-round-outside{visibility:hidden;overflow:hidden}
.draw-navigation-viewport.has-draw-overflow,.draw-navigation-viewport.has-draw-overflow .draw-match-open,.draw-navigation-viewport.has-draw-overflow .historical-match{cursor:grab;user-select:none}
.draw-navigation-viewport.is-dragging,.draw-navigation-viewport.is-dragging *{cursor:grabbing!important}
.draw-navigation-viewport.is-dragging{scroll-behavior:auto}
.site-dark .draw-round-navigation{color:#e2f2bf}
@media(prefers-reduced-motion:reduce){.draw-round-dot::before{transition:none}}
@media print{.draw-round-navigation{display:none!important}.draw-navigation-viewport{overflow:visible}.draw-navigation-viewport>.tournament-bracket{width:100%;max-width:100%;--bracket-height:var(--draw-full-height)!important}.draw-navigation-viewport .draw-round-outside{visibility:visible;overflow:visible}}

/* New draws use the same compact rhythm as the archive, including inline live scores. */
.draw-navigation-viewport .compact-draw-match:not(.historical-match) .draw-side{box-sizing:border-box;min-height:30px;padding:4px 8px;gap:5px;line-height:1.35}
.draw-navigation-viewport .compact-draw-match:not(.historical-match) .draw-player{gap:5px;flex:1;min-width:0}
.draw-navigation-viewport .compact-draw-match:not(.historical-match) .draw-match-meta{box-sizing:border-box;min-height:19px;padding:2px 8px;font-size:10px}
.compact-draw-match:not(.historical-match) .draw-set-scores{align-items:center;gap:1px}.compact-draw-match:not(.historical-match) .historical-set{min-width:20px;font-size:13px}
.compact-draw-match:not(.historical-match) .draw-game-points{min-width:23px;text-align:center;font:600 12px/1.4 Manrope,Arial,sans-serif;border:1px solid var(--hub-line,#d6dfdb);border-radius:3px;background:var(--hub-soft,#edf2e5);padding:0 2px}
.compact-draw-match:not(.historical-match) .historical-set.current-set{font-weight:500}.compact-draw-match:not(.historical-match) .draw-side:last-of-type{border-bottom:0}
