/* A connected championship bracket in Top Tennis’s teal, ivory and lime palette. */
.tournament-draw-overlay[hidden],.tournament-draw-overlay [hidden]{display:none!important}
.tournament-draw-overlay{position:absolute;inset:0;z-index:65;display:grid;place-items:center;background:#06171cf2;padding:12px;backdrop-filter:blur(12px);color:#ecf0e5}
.tournament-draw-dialog{--draw-lime:#dbf77b;--draw-line:#abc9bd26;display:flex;flex-direction:column;width:100%;height:100%;min-height:0;overflow:hidden;background:#102a31;border:1px solid #b2cabb3d;border-radius:14px;box-shadow:0 24px 90px #0006;padding:18px 18px 0}
.tournament-draw-dialog *{box-sizing:border-box}.tournament-draw-dialog button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.tournament-draw-dialog button:focus-visible,#draw-round-panel:focus-visible{outline:2px solid var(--draw-lime);outline-offset:-3px}.tournament-draw-dialog h2,.tournament-draw-dialog h3,.tournament-draw-dialog p{margin:0}
.draw-header{display:flex;align-items:center;gap:24px;flex:none;padding-bottom:20px}.draw-eyebrow{color:#b6cba1;font-size:8px;font-weight:650;letter-spacing:.16em;line-height:1.6}.draw-header h2{font-size:38px;line-height:1.08;letter-spacing:-.055em;color:#f3f3e7;margin-top:5px}.draw-header h2>span{color:var(--draw-lime)}
.draw-event{margin-left:auto;text-align:right}.draw-event>span{font-size:8px;letter-spacing:.14em;color:#dce7ce}.draw-event i{font-style:normal;padding:0 8px;color:#708c80}#draw-conditions{font-size:10px;color:#9eb7ac;margin-top:8px}
#tournament-draw-close{display:flex;align-items:center;gap:10px;border:1px solid #ceddce4d;border-radius:6px;background:transparent;color:#dbe5d9;padding:10px 13px;font-size:11px;min-height:42px}#tournament-draw-close>span:first-child{font-size:19px}#tournament-draw-close:hover{border-color:var(--draw-lime);color:var(--draw-lime)}
.draw-board-frame{flex:1;min-height:0;display:flex;border:1px solid #a6bfa128;border-radius:9px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#23443866,transparent 55%),#0c232a}
#draw-round-panel{position:relative;display:flex;flex:1;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#567d68 #0c232a;padding:0;touch-action:pan-x pan-y}
#draw-round-panel.is-scrollable{cursor:grab}#draw-round-panel.is-dragging{cursor:grabbing;user-select:none}
.draw-board-size{position:relative;flex:none;margin:auto;overflow:hidden}.draw-board{position:relative;width:1256px;height:586px;transform-origin:top left}.draw-connectors{position:absolute;inset:0;width:1256px;height:586px;pointer-events:none;fill:none}.draw-connectors path{stroke:#7c9c8b5c;stroke-width:1.1;stroke-linejoin:round}.draw-connectors path.is-complete{stroke:#93b49e8c}.draw-connectors path.is-player-path{stroke:#bfdc73;stroke-width:1.8}
.draw-column-label{position:absolute;top:12px;width:120px;display:flex;justify-content:space-between;align-items:center;gap:4px;color:#adc2ae}.draw-column-label b{font-size:13px;line-height:1.2;font-weight:600;letter-spacing:-.01em}
.draw-fixture{position:absolute;height:60px;min-width:0;border:1px solid #70928657;border-radius:5px;background:#17343b;padding:2px 4px;box-shadow:0 2px 5px #04171930;overflow:hidden}.draw-fixture.is-selected-round{border-color:#aac9b280;background:#1b3b41}.draw-fixture.is-player-match{border-color:#c2e67c9c;background:#29483b}.draw-fixture.is-player-match::before{content:'';position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--draw-lime)}
.draw-fixture-info{display:flex;justify-content:space-between;gap:4px;height:10px;align-items:center;color:#b7cabc;font-size:8px;letter-spacing:.08em;line-height:1}.is-player-match .draw-fixture-info{color:#d5e99d}
.draw-entrant{display:flex;align-items:center;gap:3px;height:22px;border-top:1px solid #aac4a518;color:#f0f4e9}.draw-seed{width:8px;flex:none;color:#b7c7a6;font-size:9px;text-align:center;font-variant-numeric:tabular-nums}.draw-entrant-name{font-size:16px;line-height:1.25;font-weight:600;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.draw-score{margin-left:auto;min-width:9px;text-align:right;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;color:#e6f7bf;flex:none}.draw-winner-mark{margin-left:auto;font-size:14px;color:var(--draw-lime)}.draw-entrant.is-unresolved{color:#b3c9ba}.draw-entrant.is-unresolved .draw-entrant-name{font-weight:450;font-size:13px;letter-spacing:-.01em}.draw-entrant.is-loser{color:#afc0b5}.draw-entrant.is-loser .draw-score{color:#afc0b5}.draw-entrant.is-winner .draw-entrant-name{color:#f0f5e1}
.draw-fixture.is-title-match{border-color:#d3e39196;background:#2d4736;box-shadow:0 0 26px #cfe9820a}.draw-fixture.is-title-match .draw-fixture-info{color:#d7e898}
.draw-centerpiece{position:absolute;top:66px;left:548px;width:160px;text-align:center;color:#d3e4a0}.draw-centerpiece>svg{width:86px;height:86px;margin-bottom:7px}.draw-centerpiece .draw-eyebrow{font-size:9px;letter-spacing:.13em;color:#b4c391}.draw-centerpiece h3{color:#eef1dd;font-size:22px;line-height:1.18;letter-spacing:-.04em;white-space:pre-line;margin-top:10px;overflow-wrap:anywhere}.draw-centerpiece>span{display:block;font-size:10px;letter-spacing:.2em;color:#bdd195;margin-top:17px}.draw-centerpiece.has-champion>svg{color:#e4f49e;filter:drop-shadow(0 0 14px #c3ee6545)}.draw-centerpiece.has-champion h3{color:var(--draw-lime)}
.draw-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:none;padding:16px 0 19px;background:#102a31}.draw-match-summary{display:flex;align-items:center;gap:20px;min-width:0;flex:1}.draw-match-summary .draw-eyebrow{font-size:7px;color:#bfd796;letter-spacing:.12em}.draw-match-summary h3{font-size:22px;line-height:1.2;color:#f1f4e0;letter-spacing:-.035em;margin-top:3px}#draw-summary-opponent{font-size:12px;color:#b7cdbc;line-height:1.4;overflow-wrap:anywhere}#draw-summary-note{font-size:8px;letter-spacing:.1em;color:#799687;border-left:1px solid var(--draw-line);padding-left:18px;margin-left:auto;white-space:nowrap}.draw-match-summary.is-champion h3{color:var(--draw-lime)}
#tournament-draw-play{display:flex;align-items:center;justify-content:space-between;gap:30px;min-width:205px;min-height:46px;background:var(--draw-lime);border:1px solid var(--draw-lime);border-radius:6px;color:#18372e;font-size:11px;font-weight:750;padding:12px 17px;flex:none}#tournament-draw-play>span{font-size:20px;line-height:1}#tournament-draw-play:hover{background:#e9ffa6;border-color:#e9ffa6}
@media(min-width:1550px){.draw-header h2{font-size:42px}.draw-header{padding-bottom:24px}}
@media(max-width:1100px){.draw-event{font-size:8px}.draw-header{gap:15px}.draw-match-summary{gap:12px}#draw-summary-note{display:none}}
@media(max-width:620px){
  .tournament-draw-overlay{padding:0}.tournament-draw-dialog{width:100%;height:100%;border:0;border-radius:0;padding:18px 14px 0}
  .draw-header{position:relative;align-items:flex-start;flex-wrap:wrap;gap:9px;padding-bottom:13px}.draw-header>.draw-event{order:3;width:100%;margin:0;text-align:left;display:flex;align-items:center;justify-content:space-between}.draw-header h2{font-size:28px}.draw-header .draw-eyebrow{font-size:6px}.draw-event>span{font-size:6px;letter-spacing:.08em}.draw-event i{padding:0 3px}#draw-conditions{font-size:7px;margin:0}#tournament-draw-close{margin-left:auto;min-height:40px;padding:8px 10px;font-size:9px;gap:6px}
  .draw-board-frame{border-radius:6px}
  .draw-footer{flex-direction:column;align-items:stretch;gap:12px;padding:13px 0 max(15px,env(safe-area-inset-bottom))}.draw-match-summary{gap:12px;justify-content:space-between}.draw-match-summary .draw-eyebrow{font-size:6px}.draw-match-summary h3{font-size:21px}#draw-summary-opponent{font-size:11px;text-align:right;max-width:48%}#tournament-draw-play{min-width:0;width:100%;min-height:46px}
}
@media(max-width:360px){.tournament-draw-dialog{padding:14px 10px 0}.draw-header h2{font-size:24px}.draw-header .draw-eyebrow{font-size:5.5px}.draw-event>span{font-size:5.5px}#draw-conditions{font-size:6px}.draw-header{gap:10px}.draw-footer{gap:10px}}
@media(max-height:500px) and (min-width:621px){.tournament-draw-overlay{padding:8px}.tournament-draw-dialog{padding:10px 15px 0}.draw-header{padding-bottom:9px;gap:16px}.draw-header h2{font-size:26px;margin-top:1px}.draw-header .draw-eyebrow{font-size:6px}.draw-event>span{font-size:7px}#draw-conditions{font-size:8px;margin-top:4px}#tournament-draw-close{min-height:36px;padding:5px 10px}.draw-footer{padding:9px 0 11px;gap:15px}.draw-match-summary h3{font-size:20px}.draw-match-summary .draw-eyebrow{font-size:6px}#draw-summary-opponent{font-size:10px}#tournament-draw-play{min-height:40px;min-width:180px;padding:8px 13px}}