/* Shuttloop 3.3.1 Tournament UX: event details first, full-width interactive bracket below. */
#pgBracketSection,#gpBracketSection{grid-column:1/-1;margin:0 0 24px;min-width:0;max-width:100%;background:linear-gradient(145deg,#102f23,#051b13);border:1px solid #395947;border-radius:22px;padding:20px}
#pgBracketSection[hidden],#gpBracketSection[hidden]{display:none!important}
.pg-main-grid,.gp-layout{align-items:start;gap:20px}
.pg-main-grid>.pg-settings,.pg-main-grid>.pg-results,.gp-layout>.gp-editor,.gp-layout>.gp-results{min-width:0}
#pgBracketSection .gv-bracket-heading,#gpBracketSection .gv-bracket-heading{padding:4px 4px 16px;margin:0;align-items:flex-start}
#pgBracketSection .gv-bracket-heading h3,#gpBracketSection .gv-bracket-heading h3{font-size:clamp(20px,2.2vw,29px);letter-spacing:-.035em}
#pgBracketSection .gv-bracket-heading p,#gpBracketSection .gv-bracket-heading p{max-width:700px;color:#b4cdb9;line-height:1.55}
#pgBracketSection .ib-container,#gpBracketSection .ib-container{overflow:visible!important;width:100%;border-radius:16px;border:1px solid #3c6147;background:#081e16}
#pgBracketSection .gv-export-actions,#gpBracketSection .gv-export-actions{margin-top:16px;justify-content:flex-end}
#pgBracketSection .gv-export-actions button,#gpBracketSection .gv-export-actions button{background:#b7ff3c;color:#071e13;font-weight:850;border-color:#b7ff3c}
#pgBracketSection .ib-toolbar,#gpBracketSection .ib-toolbar{border-radius:15px 15px 0 0}
#pgBracketSection .ib-scroll,#gpBracketSection .ib-scroll{border-radius:0 0 15px 15px}
#pgBracketSection .ib-scroll svg.ib-lines,#gpBracketSection .ib-scroll svg.ib-lines{min-width:0!important;width:100%!important;height:100%!important;max-width:none!important;position:absolute!important}
/* Explicit text-score controls; editable 0, 1, ... 99, with tap +/- fallback. */
.ib-score-control{display:grid;grid-template-columns:37px minmax(0,1fr) 37px;gap:5px;width:100%;align-items:center}
.ib-score-control input{min-width:0;width:100%;font-variant-numeric:tabular-nums;border-radius:11px;font-size:25px!important;padding:0 2px!important}
.ib-score-control button{height:44px;border-radius:11px;border:1px solid #597a5d;background:#183f2c;color:#d4fabc;font-weight:900;font-size:20px;touch-action:manipulation;cursor:pointer}
.ib-score-control button:disabled{opacity:.35}
.ib-score-control button:active{background:#335b36}
.ib-score-side{gap:10px}
.ib-score-form{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:7px}
.ib-edit-card{width:min(100%,520px)}
.ib-edit-help{margin-top:18px}
@media(max-width:950px){.pg-main-grid,.gp-layout{grid-template-columns:minmax(0,1fr)!important}.pg-main-grid>.pg-settings,.pg-main-grid>.pg-results,.gp-layout>.gp-editor,.gp-layout>.gp-results{width:100%}}
@media(max-width:640px){#pgBracketSection,#gpBracketSection{padding:12px;border-radius:17px;margin-bottom:16px}#pgBracketSection .gv-bracket-heading,#gpBracketSection .gv-bracket-heading{padding:6px 4px 14px}.ib-score-control{grid-template-columns:30px minmax(0,1fr) 30px;gap:3px}.ib-score-control button{height:40px;font-size:18px}.ib-score-control input{font-size:23px!important}.ib-score-form{gap:5px}.ib-edit-card{padding:14px!important}.ib-round-cards{grid-template-columns:minmax(0,1fr)}.ib-round-panel{padding:12px}.ib-toolbar .ib-tools{flex-wrap:wrap}.gv-export-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.ib-score-control *{transition:none!important}}

/* Knockout match cards are controlled by the live bracket, avoiding a duplicate 32-match form above it. */
/* Secondary match list remains available when its details panel is expanded. */
.pg-knockout-mode #pgTeams,.gp-knockout-mode #gpTeams{max-height:290px;overflow-y:auto;scrollbar-color:#486c4c #09231b}
#pgBracketSection,#gpBracketSection{scroll-margin-top:96px}
@media(max-width:640px){.ib-container:not(.ib-map-open) .ib-tools{display:none}#view-planner{padding-bottom:135px}#pgBracketSection,#gpBracketSection{scroll-margin-top:110px}.ib-round-card{min-height:126px}}