.brackets-viewer{--primary-background: #fff;--secondary-background: #eceff1;--match-background: var(--primary-background);--font-color: #212529;--win-color: #50b649;--loss-color: #e61a1a;--label-color: grey;--hint-color: #a7a7a7;--connector-color: #9e9e9e;--border-color: #d9d9d9;--border-hover-color: #b6b5b5;--border-selected-color: rgb(60, 60, 60);--text-size: 12px;--round-margin: 40px;--match-width: 150px;--match-horizontal-padding: 8px;--match-vertical-padding: 6px;--connector-border-width: 2px;--match-border-width: 1px;--match-border-radius: .3em;--participant-image-size: 1em}.brackets-viewer{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.brackets-viewer:empty{display:none}.brackets-viewer{background:var(--primary-background);color:var(--font-color);font-size:var(--text-size);text-align:left;display:flex;flex-direction:column;align-items:flex-start;overflow:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0 auto;padding:10px 50px}.brackets-viewer *,.brackets-viewer :after,.brackets-viewer :before{box-sizing:border-box}.brackets-viewer h1,.brackets-viewer h2,.brackets-viewer h3{margin-bottom:.5em;font-weight:500;line-height:1.2}.brackets-viewer h1{font-size:2em;margin-top:30px;margin-bottom:20px}.brackets-viewer h2{font-size:1.7em}.brackets-viewer h3{text-align:center;background:var(--secondary-background);font-size:1.1em;padding:10px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:var(--match-width)}.brackets-viewer .round-robin{display:flex;flex-wrap:wrap;justify-content:center;row-gap:24px}.brackets-viewer .round-robin h1{flex-basis:100%}.brackets-viewer .round-robin h2{text-align:center}.brackets-viewer .round-robin .group:not(:last-of-type){margin-right:var(--round-margin)}.brackets-viewer .round-robin .group h2{margin:0 0 25px}.brackets-viewer .round-robin .group table{font-size:1em;margin:30px 0 20px;color:#a7a7a7;border-collapse:collapse}.brackets-viewer .round-robin .group th{font-weight:400;text-align:start;cursor:help;border-bottom:var(--match-border-width) solid var(--border-color)}.brackets-viewer .round-robin .group td.hover{background:var(--secondary-background)}.brackets-viewer .round-robin .group th,.brackets-viewer .round-robin .group td{padding:5px}.brackets-viewer .round-robin .group td:nth-of-type(2),.brackets-viewer .round-robin .group td:last-of-type{color:var(--font-color);font-weight:500}.brackets-viewer .round-robin .round{width:-moz-fit-content;width:fit-content;margin:0 auto}.brackets-viewer .bracket h2{font-size:1.5em;color:gray}.brackets-viewer .bracket .rounds{display:flex}.brackets-viewer .bracket .rounds:not(:last-of-type){margin-bottom:15px}.brackets-viewer .bracket .rounds .round{display:flex;flex-direction:column}.brackets-viewer .bracket .rounds .round:not(:last-of-type){margin-right:var(--round-margin)}.brackets-viewer .match{flex:1;display:flex;align-items:center;margin:10px 0;width:var(--match-width);position:relative}.brackets-viewer .match.connect-next:after{content:"";display:block;position:absolute;right:calc(-1*var(--round-margin)/2);width:calc(var(--round-margin)/2);height:50%;border-right:var(--connector-border-width) solid var(--connector-color)}.brackets-viewer .match.connect-next:nth-of-type(odd):after{top:50%;border-top:var(--connector-border-width) solid var(--connector-color)}.brackets-viewer .match.connect-next:nth-of-type(2n):after{top:0;border-bottom:var(--connector-border-width) solid var(--connector-color)}.brackets-viewer .match.connect-next.straight:after{width:var(--round-margin);right:calc(-1*var(--round-margin));top:0;border-bottom:var(--connector-border-width) solid var(--connector-color);border-top:unset;border-right:unset}.brackets-viewer .opponents{width:100%;position:relative;border:var(--match-border-width) solid var(--border-color);border-radius:var(--match-border-radius);background:var(--match-background)}.brackets-viewer .opponents:hover{border:1px solid var(--border-hover-color)}.brackets-viewer .opponents.popover-selected{border:1px solid var(--border-selected-color)}.brackets-viewer .opponents>span{position:absolute;top:-10px;font-size:.8em;padding:0 5px;color:var(--label-color);background:var(--primary-background);border-radius:3px}.brackets-viewer .opponents>span:nth-of-type(1){left:3px}.brackets-viewer .opponents>span:nth-of-type(2){right:3px}.brackets-viewer .opponents.connect-previous:before{content:"";display:block;position:absolute;left:calc(-1*var(--round-margin)/2);width:calc(var(--round-margin)/2);height:50%;border-bottom:var(--connector-border-width) solid var(--connector-color)}.bracket:nth-of-type(2) .brackets-viewer .opponents.connect-previous .opponents.connect-previous.straight:before,.bracket:nth-of-type(1) .brackets-viewer .opponents.connect-previous .opponents.connect-previous.straight:after{border-left:unset;left:var(--round-margin);width:var(--round-margin)}.bracket:nth-of-type(1) .brackets-viewer .opponents.connect-previous.straight:before{content:unset}.bracket:nth-of-type(2) .brackets-viewer .opponents.connect-previous.straight:after{content:unset}.brackets-viewer .participant{display:flex;justify-content:space-between;padding:2px var(--match-horizontal-padding);background:var(--match-background)}.brackets-viewer .participant.hover{background:var(--secondary-background)!important}.brackets-viewer .participant:nth-of-type(1){border-bottom:none;border-top-left-radius:var(--match-border-radius);border-top-right-radius:var(--match-border-radius);padding-top:var(--match-vertical-padding)}.brackets-viewer .participant:nth-of-type(2){border-top:none;border-bottom-left-radius:var(--match-border-radius);border-bottom-right-radius:var(--match-border-radius);padding-bottom:var(--match-vertical-padding)}.brackets-viewer .participant .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:80%}.brackets-viewer .participant .name.hint{color:var(--hint-color)}.brackets-viewer .participant .name>img{width:var(--participant-image-size);height:var(--participant-image-size);margin-right:4px;-o-object-fit:cover;object-fit:cover;border-radius:4px;vertical-align:middle;position:relative;bottom:1px}.brackets-viewer .participant .name>span{color:var(--hint-color);font-size:.9em;font-weight:initial}.brackets-viewer .participant .result{margin-left:10px;width:15%;text-align:center}.brackets-viewer .participant.win .name{font-weight:700}.brackets-viewer .participant.win .result{color:var(--win-color)}.brackets-viewer .participant.loss .result{color:var(--loss-color)}.brackets-viewer [popover]{padding:0 14px 10px}.brackets-viewer [popover] h4{font-size:1.1em;margin-bottom:24px}.brackets-viewer [popover] .match:not(:last-of-type){margin-bottom:20px}:root{color:#18211d;background:#f6f8f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{border:1px solid #264e38;background:#264e38;color:#fff;border-radius:6px;min-height:36px;padding:0 12px;cursor:pointer;white-space:nowrap}button:hover{background:#1e3f2d}.secondary-button{background:#fff;color:#264e38}.secondary-button:hover{background:#eef6f2}input,select{width:100%;min-height:36px;border:1px solid #cbd5d0;border-radius:6px;background:#fff;color:#18211d;padding:0 10px}input:focus,select:focus{border-color:#2f6f52;outline:2px solid rgba(47,111,82,.18)}table{width:100%;border-collapse:collapse}td{border-top:1px solid #edf1ef;padding:8px 6px;color:#34433c;overflow-wrap:anywhere;vertical-align:middle}.app-shell{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:100vh}.sidebar{border-right:1px solid #dfe6e2;background:#fff;padding:18px;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:#264e38;color:#fff;font-weight:800}.brand h1,.brand p,.topbar h2,.topbar p,.panel h3,.panel h4{margin:0}.brand h1{font-size:18px}.brand p,.eyebrow,.panel-title span,.competition-list span{color:#687a71;font-size:12px}.settings,.form-stack{display:grid;gap:8px}.settings{border-bottom:1px solid #e5ebe8;padding-bottom:18px;margin-bottom:18px}.settings label{display:grid;gap:4px;color:#53645c;font-size:12px}.sidebar-head,.panel-title,.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.sidebar-head h2{margin:0;font-size:14px}.sidebar-head button{min-height:30px;background:#fff;color:#264e38}.competition-list{display:grid;gap:8px}.competition-list button{display:grid;gap:3px;width:100%;min-height:54px;border-color:#d9e2de;background:#fff;color:#18211d;text-align:left}.competition-list button.active{border-color:#264e38;background:#eef6f2}.workspace{min-width:0;padding:20px}.topbar{margin-bottom:16px}.topbar h2{font-size:24px}.status-line{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;color:#687a71;font-size:13px}.ok{color:#137a42}.bad{color:#b12c2c}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}.main-column,.action-column{display:grid;gap:16px}.panel{border:1px solid #dfe6e2;border-radius:8px;background:#fff;padding:14px}.panel h3{margin-bottom:12px;font-size:15px}.panel h4{margin-bottom:6px;font-size:13px}.structure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.structure-stack,.progress-board,.progress-section,.round-stack{display:grid;gap:12px}.structure-grid article{min-width:0;border:1px solid #edf1ef;border-radius:6px;padding:10px}.section-heading,.group-head,.match-card,.bracket-match,.advance-slot{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-heading{border-bottom:1px solid #e6ece8;padding-bottom:6px}.section-heading span,.group-head span,.round-title,.match-meta span,.advance-slot span{color:#687a71;font-size:12px}.group-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.group-panel{display:grid;gap:12px;min-width:0;border:1px solid #e0e8e3;border-radius:8px;padding:12px;background:#fbfdfc}.standings-table{display:grid;border:1px solid #edf1ef;border-radius:6px;overflow:hidden;background:#fff}.standings-row{display:grid;grid-template-columns:32px minmax(0,1fr) 34px 34px 40px;align-items:center;min-height:34px;border-top:1px solid #edf1ef;padding:0 8px;color:#34433c;font-size:13px}.standings-row:first-child{border-top:0}.standings-header{background:#f4f7f5;color:#687a71;font-size:12px}.advance{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;background:#dff2e8;color:#17623d;font-weight:700}.round-block{display:grid;gap:6px}.match-card,.bracket-match{border:1px solid #dfe6e2;border-radius:6px;background:#fff;padding:8px}.match-card-button{width:100%;min-height:0;color:inherit;text-align:left;white-space:normal}.match-card-button:hover{border-color:#2f6f52;background:#f4fbf7}.match-card-button:focus-visible{outline:2px solid rgba(47,111,82,.28);outline-offset:2px}.match-card.finished,.bracket-match.finished{border-color:#a9d8bd;background:#f4fbf7}.match-card.cancelled,.bracket-match.cancelled{opacity:.62}.entrant,.bracket-entrant{min-width:0;flex:1;color:#34433c;overflow-wrap:anywhere}.entrant:last-child,.bracket-entrant:last-child{text-align:right}.entrant.winner,.bracket-entrant.winner{color:#137a42;font-weight:700}.entrant.pending,.bracket-entrant.pending{color:#829188}.match-meta{display:grid;justify-items:center;min-width:54px}.advancement-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.advance-slot{min-height:54px;border:1px solid #dfe6e2;border-left:4px solid #2f6f52;border-radius:6px;background:#fff;padding:8px 10px}.advance-slot.pending{border-left-color:#b6c5bd}.viewer-shell{min-width:0;overflow-x:auto;border:1px solid #e0e8e3;border-radius:8px;background:#fbfdfc;padding:10px}.viewer-shell .brackets-viewer{min-width:360px}.viewer-shell .brackets-viewer h1{display:none}.viewer-shell .brackets-viewer h2,.viewer-shell .brackets-viewer h3{color:#53645c}.viewer-shell .brackets-viewer .match{border-radius:6px;cursor:pointer}.viewer-shell .brackets-viewer .match:hover{outline:2px solid rgba(47,111,82,.24)}.viewer-error{margin:0;color:#b12c2c;font-size:13px}.raw-structure{border-top:1px solid #edf1ef;padding-top:10px}.raw-structure summary{cursor:pointer;color:#53645c;font-size:13px;font-weight:700}.raw-structure .structure-grid{margin-top:10px}.empty{display:grid;place-items:center;min-height:220px;color:#829188;border:1px dashed #cbd5d0;border-radius:8px}.compact-empty{min-height:72px}.compact-form{border-top:1px solid #edf1ef;margin-top:10px;padding-top:10px}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.score-editor{display:grid;gap:8px}.score-editor label{display:grid;grid-template-columns:minmax(0,1fr) 86px;align-items:center;gap:8px;color:#53645c;font-size:13px}.score-editor-panel:focus-within{border-color:#2f6f52;box-shadow:0 0 0 3px #2f6f521f}.badge{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;background:#eef6f2;color:#1e5a3f;padding:0 8px;font-size:12px}@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #dfe6e2}.content-grid,.structure-grid{grid-template-columns:1fr}}@media(max-width:640px){.workspace,.sidebar{padding:12px}.topbar,.sidebar-head,.panel-title{align-items:flex-start;flex-direction:column}.topbar h2{font-size:20px}.split{grid-template-columns:1fr}.match-card,.bracket-match{align-items:stretch;flex-direction:column}.entrant:last-child,.bracket-entrant:last-child{text-align:left}}