
/* Shuttloop V3.2.4 — unobtrusive PWA install and update UI */
.sc-pwa-prompt{position:fixed;right:16px;bottom:calc(104px + env(safe-area-inset-bottom, 0px));z-index:1200;max-width:min(346px,calc(100vw - 32px));box-sizing:border-box;border:1px solid rgba(183,255,60,.32);border-radius:20px;padding:14px 14px 12px;background:#09251c;color:#f4f8f4;box-shadow:0 14px 42px rgba(0,0,0,.42);font-family:Inter,system-ui,-apple-system,sans-serif}
.sc-pwa-prompt[hidden],.sc-pwa-help[hidden]{display:none!important}
.sc-pwa-top{display:flex;align-items:center;gap:11px}
.sc-pwa-icon{width:44px;height:44px;border-radius:12px;object-fit:contain;background:#071d17;flex-shrink:0}
.sc-pwa-copy{min-width:0;flex:1}
.sc-pwa-copy strong{display:block;font-size:14px;line-height:1.35;color:#f4f8f4}
.sc-pwa-copy span{display:block;font-size:12px;line-height:1.5;color:#bdcfc5;margin-top:2px}
.sc-pwa-actions{display:flex;gap:8px;margin-top:12px}
.sc-pwa-primary,.sc-pwa-secondary,.sc-pwa-dismiss{font:inherit;cursor:pointer}
.sc-pwa-primary{background:#b7ff3c;border:0;border-radius:12px;color:#071d17;font-size:13px;font-weight:800;padding:10px 16px;min-height:40px;flex:1}
.sc-pwa-secondary{background:transparent;border:1px solid rgba(244,248,244,.2);border-radius:12px;color:#f4f8f4;font-size:13px;padding:10px 13px;min-height:40px}
.sc-pwa-dismiss{border:0;color:#cddbcf;background:none;font-size:22px;line-height:1;min-width:28px;min-height:32px;align-self:flex-start}
.sc-pwa-help{font-size:12px;line-height:1.55;color:#d6e2da;padding:12px 4px 2px}
.sc-pwa-help strong{color:#b7ff3c}
.sc-pwa-help p{margin:0}
@media(min-width:800px){.sc-pwa-prompt{bottom:24px;right:22px}}
@media(prefers-reduced-motion:reduce){.sc-pwa-prompt{transition:none!important;animation:none!important}}

/* Shuttloop V3.3.0: visual bracket & portrait poster controls */
.gv-bracket-section{margin:22px 0;padding:16px;border:1px solid rgba(183,255,60,.25);background:#061c15;border-radius:18px;min-width:0}
.gv-bracket-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.gv-bracket-heading h3{color:#f2fff0;font-size:18px;margin:0}.gv-bracket-heading p{font-size:12px;color:#b8d0bb;margin:4px 0 0}
.gv-bracket-scroll{overflow:auto;max-width:100%;border-radius:13px;border:1px solid rgba(183,255,60,.12);scrollbar-color:#45674c #06160f;touch-action:pan-x pan-y;overscroll-behavior-x:contain}
.gv-bracket-scroll svg{height:auto;display:block;max-width:none;width:100%;min-width:860px}
.gv-bracket-section button,.gv-btn{border:1px solid #54735e;padding:11px 17px;border-radius:12px;background:#143327;color:#edfaed;font:inherit;font-size:13px;font-weight:750;cursor:pointer;min-height:44px}
.gv-bracket-section button:hover,.gv-btn:hover{border-color:#b7ff3c}.gv-primary{background:#b7ff3c!important;color:#092319!important;border-color:#b7ff3c!important}
.gv-export-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.gv-export-actions button:disabled{opacity:.45;cursor:not-allowed}
.gv-poster-overlay[hidden]{display:none!important}.gv-poster-overlay{position:fixed;inset:0;z-index:2147483500;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;padding:26px 12px;background:rgba(0,9,6,.88);backdrop-filter:blur(9px)}
.gv-poster-dialog{width:min(100%,580px);background:#09231a;color:#effff0;border:1px solid #476a4c;border-radius:21px;padding:22px;box-shadow:0 15px 60px #0009}
.gv-poster-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.gv-poster-dialog h2{font-size:26px;color:#f2fff3;margin:5px 0}.gv-poster-dialog small{font-size:11px;color:#b7ff3c;letter-spacing:.15em}.gv-poster-dialog p{font-size:12px;line-height:1.6;color:#b6cabb}.gv-close{font:inherit;background:#193c2c;border:1px solid #4c7156;color:#fff;border-radius:12px;width:44px;height:44px;cursor:pointer}
.gv-poster-canvas{width:100%;height:auto;display:block;border-radius:11px;border:1px solid #4a6f50;max-height:64vh;object-fit:contain;background:#091c14}.gv-poster-actions{display:flex;gap:10px;margin-top:13px;flex-wrap:wrap}.gv-poster-actions button{flex:1 1 140px}.gv-poster-feedback{min-height:22px}
@media(max-width:600px){.gv-bracket-section{padding:12px;border-radius:14px}.gv-bracket-scroll svg{min-width:960px}.gv-poster-dialog{padding:15px}.gv-poster-overlay{padding:8px}.gv-poster-canvas{max-height:62vh}}
@media(prefers-reduced-motion:reduce){.gv-poster-overlay *{transition:none!important;animation:none!important}}

/* Export preview keeps the actual download click in a fresh user gesture (Android/PWA fix). */
.gv-download-backdrop{position:fixed;inset:0;z-index:2147483600;display:flex;align-items:flex-start;justify-content:center;background:#000d;backdrop-filter:blur(8px);padding:16px;overflow-y:auto}
.gv-download-dialog{max-width:540px;width:100%;background:#0a281e;color:#f3fff1;border:1px solid #527350;border-radius:20px;padding:18px;font-family:Inter,system-ui,sans-serif;box-shadow:0 16px 70px #000b}
.gv-download-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.gv-download-dialog h2{margin:3px 0;font-size:23px}.gv-download-dialog small{color:#b7ff3c;letter-spacing:.15em;font-size:10px;font-weight:800}.gv-ready-guide,.gv-ready-status{font-size:12px;line-height:1.5;color:#bcd5c1}.gv-download-preview{display:block;max-height:48vh;object-fit:contain;width:100%;background:#05190f;border:1px solid #3b6746;border-radius:11px}.gv-open-image{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;flex:1 1 140px}.gv-open-image:hover{border-color:#b7ff3c}.gv-download-dialog .gv-poster-actions button{flex:1 1 140px}
@media(max-width:600px){.gv-download-backdrop{padding:8px}.gv-download-dialog{padding:13px}.gv-download-preview{max-height:43vh}}

/* Shuttloop 3.3.0 — genuine interactive bracket, not a static SVG preview. */
.ib-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:space-between;padding:10px 12px;color:#cde5cf;background:#0b2c21;border-bottom:1px solid #315242;font-family:Inter,system-ui,sans-serif}
.ib-live{font-weight:900;color:#c9ff68;font-size:11px;letter-spacing:.12em}.ib-live i{display:inline-block;width:8px;height:8px;margin-right:7px;background:#b7ff3c;border-radius:50%}
.ib-hint{font-size:11px;color:#a9c1b2}.ib-tools{display:flex;align-items:center;gap:6px}.ib-tools button{background:#174131;color:#e7f6e6;border:1px solid #426b4b;border-radius:9px;min-width:39px;height:38px;font-size:13px;padding:4px 10px;font-weight:800;cursor:pointer}.ib-tools button:hover{border-color:#b7ff3c}.ib-zoom{min-width:42px;text-align:center;font-size:12px}
.ib-scroll{width:100%;height:min(64vh,700px);min-height:430px;overflow:auto;position:relative;background:radial-gradient(circle at 50% 40%,#133727,#05170f 66%);overscroll-behavior:contain;scrollbar-color:#527451 #091c15;touch-action:pan-x pan-y;outline-offset:-3px}.ib-stage{position:relative;min-width:1px}.ib-board{position:absolute;top:0;left:0;transform-origin:0 0;background:radial-gradient(circle at center,rgba(183,255,60,.05),transparent 60%)}.ib-board:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#98af9c22 1px,transparent 1px);background-size:23px 23px;pointer-events:none}.ib-board-title{position:absolute;top:28px;left:0;width:100%;text-align:center;font-size:23px;font-weight:900;color:#f3ffed;letter-spacing:-.04em}.ib-board-title span{font-size:11px;letter-spacing:.16em;color:#b7ff3c;display:block;margin-top:6px}.ib-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ib-footer-note{position:absolute;bottom:27px;left:0;width:100%;text-align:center;color:#789b81;font-size:12px;font-weight:700}
.ib-match{position:absolute;border:1px solid #3f6a4e;border-radius:13px;background:#102d22;color:#eaf6eb;display:block;text-align:left;padding:7px 13px;cursor:pointer;box-shadow:0 6px 19px #0005;font:inherit;overflow:hidden;transition:border-color .16s,box-shadow .16s}.ib-match:hover,.ib-match:focus-visible{border-color:#b7ff3c;box-shadow:0 0 0 2px #b7ff3c55;outline:none}.ib-match:active{background:#194530}.ib-final{background:#1b442c;border-color:#b7ff3c}.ib-third{border-color:#997d55}.ib-finished{background:#173e2b}.ib-match-title{display:flex;justify-content:space-between;font-size:9px;font-weight:900;color:#b7ff3c;letter-spacing:.1em;margin-bottom:4px}.ib-match-title small{color:#7fa58e;font-size:9px}.ib-side{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:690;gap:8px;line-height:19px}.ib-side span{max-width:184px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ib-side b{font-size:14px;color:#d8e6d9}.ib-side.ib-winning{color:#caff6d;font-weight:850}.ib-side.ib-winning b{color:#b7ff3c}
.ib-edit-backdrop[hidden]{display:none!important}.ib-edit-backdrop{position:fixed;inset:0;z-index:2147483400;background:#000b;backdrop-filter:blur(7px);display:flex;justify-content:center;align-items:center;padding:15px;overflow:auto}.ib-modal-open{overflow:hidden}.ib-edit-card{width:min(100%,455px);max-height:90dvh;overflow:auto;padding:23px;border:1px solid #587950;border-radius:21px;background:#0a281f;color:#f5fff1;box-shadow:0 30px 90px #000b;font:inherit}.ib-edit-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ib-edit-header small{color:#b7ff3c;font-size:10px;letter-spacing:.15em;font-weight:800}.ib-edit-header h3{font-size:25px;margin:6px 0}.ib-close{background:#143e2e;color:white;border:1px solid #517153;border-radius:11px;min-width:42px;height:42px;cursor:pointer}.ib-edit-context{font-size:12px;color:#a9c4af;line-height:1.6;margin:10px 0 20px}.ib-score-form{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);gap:10px;align-items:center}.ib-score-side{display:grid;gap:12px;min-width:0;font-size:13px;font-weight:750;text-align:center;overflow-wrap:anywhere}.ib-score-side input{width:100%;height:62px;border-radius:14px;background:#061b13;border:1px solid #496a50;color:#b7ff3c;text-align:center;font-size:30px;font-weight:900}.ib-score-side input:focus-visible{outline:2px solid #b7ff3c;outline-offset:2px}.ib-versus{font-size:11px;color:#8caa96;text-align:center}.ib-editor-error{grid-column:1/-1;color:#ffb1a0;font-size:12px;min-height:15px;margin:0}.ib-editor-actions{grid-column:1/-1;display:flex;gap:9px}.ib-editor-actions button{flex:1;min-height:45px;border:1px solid #476b4d;border-radius:12px;background:#163c2e;color:#eef8ed;font-weight:800;font-size:13px;cursor:pointer}.ib-editor-actions .ib-confirm{background:#b7ff3c;color:#082313;border-color:#b7ff3c}.ib-editor-actions button:disabled{opacity:.38;cursor:not-allowed}.ib-edit-help{font-size:11px;color:#91b39d;line-height:1.5;margin:15px 0 0}
@media(max-width:600px){.ib-toolbar{padding:10px 8px}.ib-hint{width:100%;order:3}.ib-tools{margin-left:auto}.ib-scroll{height:55vh;min-height:420px}.ib-edit-card{padding:17px}.ib-editor-actions button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.ib-match{transition:none}}

/* Live SVG must never inherit min-width from export-only bracket SVG rule. */
.gv-bracket-scroll.ib-container svg.ib-lines{position:absolute;inset:0;width:100%;min-width:0!important;max-width:none;height:100%;display:block}
.ib-round-panel{padding:14px 12px;background:#09251b;border-bottom:1px solid #375442}
.ib-round-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:11px;color:#eaffdc;font-size:13px;font-weight:800}
.ib-round-tabs{display:flex;gap:7px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:thin}
.ib-round-tabs button{background:#143527;border:1px solid #375c40;color:#c3d5c6;border-radius:100px;padding:9px 13px;min-width:max-content;font-size:12px;font-weight:800;min-height:39px}
.ib-round-tabs button[aria-selected=true]{background:#b7ff3c;color:#0b2719;border-color:#b7ff3c}
.ib-round-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:9px}.ib-round-card{display:block;text-align:left;background:#123627;border:1px solid #40604a;border-radius:14px;color:#f3fff2;padding:13px 14px;min-height:119px}.ib-round-card:focus-visible{outline:2px solid #b7ff3c}.ib-round-card small{display:block;color:#b7ff3c;font-size:10px;font-weight:850;letter-spacing:.08em;margin-bottom:9px}.ib-round-card .ib-round-team{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;line-height:1.8}.ib-round-card .ib-round-team b{font-size:17px}.ib-round-card .ib-round-won{color:#b7ff3c;font-weight:900}.ib-round-card .ib-round-state{color:#a1b7a8;font-size:11px;margin-top:7px;display:block}.ib-round-card:disabled{opacity:.6}.ib-round-card:hover{border-color:#b7ff3c}
.ib-map-toggle{background:#193d2e;color:#eaffdd;border:1px solid #4c7350;border-radius:10px;padding:9px 12px;font-size:12px;font-weight:800;min-height:40px;cursor:pointer}.ib-map-toggle[aria-expanded=true]{background:#b7ff3c;color:#0c2517}
.ib-scroll{min-height:340px;height:min(58vh,600px)}
.ib-score-side input{font-size:30px!important;min-width:0;appearance:none!important;-webkit-appearance:none!important;touch-action:manipulation;user-select:text;-webkit-user-select:text}.ib-score-form .ib-score-side input::placeholder{color:#799584}.ib-score-form .ib-score-side input:focus{border-color:#b7ff3c;box-shadow:0 0 0 3px #b7ff3c25}
@media(max-width:640px){.ib-scroll{display:none;height:min(65vh,650px);min-height:340px}.ib-container.ib-map-open .ib-scroll{display:block}.ib-round-cards{grid-template-columns:1fr}.ib-round-panel{padding:12px 10px}.ib-tools{margin:0}.ib-hint{order:0;width:100%}.ib-toolbar{gap:7px}.ib-edit-card{max-height:calc(100dvh - 26px)}}
@media(min-width:641px){.ib-map-toggle{display:none}}

/* V3.3.2: Mobile never opens the empty horizontal poster-sized tree. The toggle
   reveals real clickable match cards for every round, with no hidden off-screen nodes. */
.ib-all-rounds[hidden]{display:none!important}
.ib-all-rounds{display:none;padding:14px 12px 17px;background:linear-gradient(180deg,#0b291d,#061b14)}
.ib-all-intro{font-size:12px;color:#acc5b3;line-height:1.5;margin:0 0 16px}
.ib-all-round-group{padding:0 0 16px 15px;margin:0 0 6px;position:relative;border-left:2px solid #476f4d}
.ib-all-round-group:last-child{border-left-color:#b7ff3c;margin-bottom:0;padding-bottom:2px}
.ib-all-round-group::before{content:'';position:absolute;top:8px;left:-5px;width:8px;height:8px;border-radius:50%;background:#b7ff3c}
.ib-all-round-title{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:850;color:#eaffdd;margin-bottom:10px;padding-right:3px}
.ib-all-round-title small{font-size:11px;color:#96ba99;font-weight:650}
.ib-all-round-cards{display:grid;gap:9px;grid-template-columns:repeat(auto-fit,minmax(225px,1fr))}
.ib-all-rounds .ib-round-card{min-height:104px;width:100%;cursor:pointer}
.ib-all-rounds .ib-final-card{border-color:#b7ff3c;background:#193e28}
.ib-all-rounds .ib-bronze-card{border-color:#937746}
@media(max-width:640px){
  .ib-container .ib-scroll,.ib-container.ib-map-open .ib-scroll{display:none!important}
  .ib-container.ib-map-open .ib-all-rounds{display:block}
  .ib-all-round-cards{grid-template-columns:minmax(0,1fr)}
  .ib-all-rounds{padding:13px 12px 18px}
  .ib-map-toggle{min-width:136px}
}
@media(min-width:641px){.ib-container .ib-all-rounds{display:none!important}}
/* Keep one readable mobile view at a time, without duplicated round cards. */
@media(max-width:640px){
 .ib-container .ib-tools{display:none!important}
 .ib-container.ib-map-open .ib-round-tabs,
 .ib-container.ib-map-open .ib-round-cards{display:none!important}
 .ib-container.ib-map-open .ib-round-head{margin-bottom:0}
 .ib-container.ib-map-open .ib-all-rounds{border-top:1px solid #34573c}
}

/* V3.4.2 - Live Match Board must be visible and usable on phones.
   The oversized desktop SVG is retained for desktop and high-resolution PNG export;
   phones get an interactive, fully connected vertical progression (not a static image). */
.ib-mobile-board-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;margin:0 0 10px;border:1px solid #4b704c;background:linear-gradient(110deg,#1b4730,#0b2d21);border-radius:14px}
.ib-mobile-board-heading div{display:grid;gap:4px;min-width:0}
.ib-mobile-board-heading small{font-size:10px;letter-spacing:.14em;font-weight:900;color:#b7ff3c}
.ib-mobile-board-heading strong{font-size:17px;line-height:1.25;color:#efffed;overflow-wrap:anywhere}
.ib-mobile-board-heading>span{flex:none;color:#c2f48d;font-size:10px;font-weight:850;background:#2b5935;padding:8px;border-radius:100px}
.ib-all-round-group{border-left:2px solid #638c57;padding-bottom:5px;margin-bottom:0}
.ib-all-round-group:last-child{border-left-color:#b7ff3c}
.ib-flow-connector{position:relative;margin:0 0 0 15px;height:35px;border-left:2px solid #6d965c}
.ib-flow-connector>span{position:absolute;bottom:1px;left:-12px;display:grid;place-items:center;width:23px;height:23px;border:1px solid #5e8d52;border-radius:50%;color:#b7ff3c;background:#0e3525;font-size:18px;font-weight:900;line-height:1}
.ib-all-rounds .ib-round-card{position:relative;min-height:110px;transition:border-color .15s,background .15s,transform .15s}
.ib-all-rounds .ib-round-card:focus-visible{outline:3px solid #b7ff3c;outline-offset:1px}
.ib-all-rounds .ib-round-card:active{background:#285740;transform:scale(.99)}
.ib-all-rounds .ib-round-card .ib-round-state{font-size:11px}
@media(max-width:640px){
 .ib-container .ib-all-rounds:not([hidden]){display:block!important}
 .ib-container .ib-round-panel{padding:12px}
 .ib-container .ib-all-rounds{padding:12px}
 .ib-mobile-board-heading{flex-wrap:wrap}
 .ib-all-round-group{padding-left:12px}
 .ib-all-round-cards{grid-template-columns:minmax(0,1fr)}
 .ib-container.ib-map-open .ib-round-head{margin-bottom:2px}
 .ib-container .ib-scroll{display:none!important}
 .ib-container .ib-round-card{width:100%}
}
@media(min-width:641px){.ib-container .ib-all-rounds{display:none!important}}

.ib-side-branch{font-size:11px;font-weight:750;color:#c9d6bd;line-height:1.4;border-left:2px dashed #947947;border-bottom:1px dashed #947947;margin:0 0 10px 15px;padding:6px 10px 9px;background:linear-gradient(90deg,#71571b24,transparent)}

/* V3.4.3 — One real interactive bracket on ALL devices. The old fixed-height
   desktop canvas is deliberately removed from the live UI; geometry is ONLY
   used for standalone SVG/PNG exports, never for clickable match placement. */
.ib-container .ib-scroll{display:none!important}
.ib-container .ib-all-rounds:not([hidden]){display:block!important}
.ib-container.ib-map-open .ib-round-tabs,.ib-container.ib-map-open .ib-round-cards{display:none!important}
.ib-container:not(.ib-map-open) .ib-all-rounds{display:none!important}
.ib-container .ib-bracket-columns{display:flex;gap:0;align-items:stretch;overflow-x:auto;overflow-y:hidden;padding:10px 2px 16px;scrollbar-color:#6a955e #102e22;max-width:100%;overscroll-behavior-x:contain}
.ib-container .ib-bracket-column{flex:1 0 220px;min-width:220px;min-height:0;height:auto;padding:13px;border:1px solid #3c6249;border-radius:15px;margin:0;background:#103024}
.ib-container .ib-bracket-column::before{display:none}
.ib-container .ib-bracket-column .ib-all-round-cards{grid-template-columns:minmax(0,1fr);gap:11px}
.ib-container .ib-bracket-column .ib-round-card{min-height:110px}
.ib-container .ib-bracket-column .ib-all-round-title{font-size:14px;color:#daffbd;margin-bottom:12px}
.ib-container .ib-bracket-columns .ib-flow-connector{flex:0 0 35px;height:2px;width:35px;min-width:35px;background:#709b67;border:0;margin:auto 0;padding:0;position:relative}
.ib-container .ib-bracket-columns .ib-flow-connector span{position:absolute;left:8px;top:-12px;bottom:auto;width:25px;height:25px;line-height:1;background:#153a2b;color:#caff66;border:1px solid #668e58;border-radius:50%;display:grid;place-items:center;font-weight:900}
.ib-container .ib-bronze-section{max-width:430px;margin:12px auto 0}
.ib-container .ib-bronze-section .ib-bracket-column{min-width:0;width:100%;border-color:#8b7751}
.ib-container .ib-side-branch{margin:12px 0 0;border-radius:10px;border-left-color:#ab8750;padding:10px 12px;background:#70531b1c}
.ib-container .ib-all-rounds{padding:14px}
.ib-container .ib-all-rounds .ib-round-card{overflow-wrap:anywhere;cursor:pointer}
.ib-container .ib-all-rounds .ib-round-card .ib-round-team{min-width:0}
.ib-container .ib-all-rounds .ib-round-card .ib-round-team span{min-width:0;overflow-wrap:anywhere}
.ib-container .ib-tools{display:flex!important}
.ib-container .ib-round-panel{padding-bottom:10px}
@media(min-width:641px){.ib-container .ib-all-rounds:not([hidden]){display:block!important}}
@media(max-width:640px){
 .ib-container .ib-bracket-columns{flex-direction:column;overflow:visible;gap:0;padding:2px 0}
 .ib-container .ib-bracket-column{flex:initial;width:100%;min-width:0;padding:12px}
 .ib-container .ib-bracket-columns .ib-flow-connector{flex:0 0 29px;width:2px;min-width:2px;height:29px;background:#709b67;margin:0 0 0 19px;border:0}
 .ib-container .ib-bracket-columns .ib-flow-connector span{left:-12px;top:6px;transform:rotate(90deg)}
 .ib-container .ib-all-rounds{padding:10px!important}
 .ib-container .ib-tools{display:flex!important;margin:0 0 0 auto}
 .ib-container .ib-mobile-board-heading{margin:0 0 12px}
 .ib-container .ib-bronze-section{max-width:none}
}
@media(min-width:641px){.ib-container .ib-map-toggle{display:inline-flex;align-items:center}}

/* 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}}

:root{color-scheme:dark;--deep:#071D17;--forest:#0A271E;--panel:#0D2A22;--line:rgba(183,255,60,.15);--lime:#B7FF3C;--text:#F4F8F4;--muted:#A1B6AB;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 90% 0,rgba(69,133,72,.13),transparent 42%),#071D17;color:var(--text);min-height:100vh}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{text-decoration:none;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}input,textarea,select{outline:none}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:3px}em{font-style:normal;color:var(--lime)}.pg-wrap{max-width:1370px;margin:auto;padding:0 26px}.pg-header{display:flex;align-items:center;justify-content:space-between;min-height:90px;gap:20px;border-bottom:1px solid rgba(255,255,255,.09)}.pg-brand{display:flex;align-items:center;gap:11px}.pg-brand img:first-child{width:40px;height:40px;object-fit:contain}.pg-wordmark{max-width:170px;max-height:34px;object-fit:contain}.pg-nav{display:flex;gap:24px;align-items:center}.pg-nav a{font-size:13px;color:#C7D5CC}.pg-nav a:hover{color:var(--lime)}.pg-account-btn{border:1px solid var(--line);border-radius:100px;background:#14372B;color:var(--lime);padding:12px 16px;font-size:12px;font-weight:800}.pg-account-btn span{margin-left:8px}.pg-hero{display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:center;padding:62px 22px 45px;gap:32px;position:relative}.pg-eyebrow{font-size:11px;font-weight:850;letter-spacing:.22em;color:var(--lime)}.pg-pill{font-size:10px;letter-spacing:.06em;padding:8px 11px;border:1px solid rgba(183,255,60,.33);border-radius:100px;margin-left:10px;background:rgba(183,255,60,.08);white-space:nowrap}.pg-hero h1{font-size:clamp(40px,5.8vw,76px);line-height:1.06;letter-spacing:-.065em;max-width:850px;margin:22px 0}.pg-hero p{color:#B6C8BD;max-width:620px;font-size:16px;line-height:1.65;margin:0 0 25px}.pg-hero-actions{display:flex;gap:11px;flex-wrap:wrap}.pg-hero-mark{width:300px;height:300px;border-radius:48px;background:radial-gradient(circle,rgba(183,255,60,.13),transparent 67%),linear-gradient(145deg,#133E2E,#061812);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 28px 70px #0003;transform:rotate(5deg)}.pg-hero-mark img{width:180px;height:180px;object-fit:contain}.pg-hero-mark div{font-size:10px;font-weight:800;letter-spacing:.15em;color:#ACC0B3}.pg-hero-mark span{color:var(--lime)}.pg-btn{border:1px solid transparent;padding:12px 19px;min-height:46px;border-radius:14px;font-size:13px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .2s,transform .2s}.pg-btn:not(:disabled):active{transform:scale(.98)}.pg-btn-primary{color:#102013;background:var(--lime)}.pg-btn-primary:not(:disabled):hover{background:#D3FF8A}.pg-btn-outline{background:#12382D;color:#F4FFF0;border-color:rgba(183,255,60,.24)}.pg-btn-outline:hover{background:#1B4938}.pg-btn-muted{background:#15382E;border:1px solid rgba(255,255,255,.09);color:#BBCFC0}.pg-guest-note{display:flex;align-items:flex-start;gap:13px;padding:16px 20px;margin:8px 0 24px;background:rgba(183,255,60,.05);border:1px solid rgba(183,255,60,.16);border-radius:19px}.pg-note-icon{width:25px;height:25px;display:grid;place-items:center;background:var(--lime);color:#112717;font-weight:900;border-radius:50%;flex:none}.pg-guest-note p{margin:0;font-size:13px;color:#B3C8B9;line-height:1.6}.pg-guest-note strong{color:#EEF8E6}.pg-main-grid{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);align-items:start;gap:22px;scroll-margin-top:14px}.pg-card{border:1px solid rgba(183,255,60,.13);border-radius:28px;padding:26px;background:linear-gradient(165deg,rgba(21,61,44,.93),rgba(10,35,29,.97) 52%,#09251F);box-shadow:0 18px 70px #0002}.pg-card-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.pg-step{display:grid;place-items:center;width:37px;height:37px;border-radius:13px;background:rgba(183,255,60,.12);color:var(--lime);font-weight:900;font-size:12px;border:1px solid rgba(183,255,60,.25)}.pg-card h2{font-size:22px;letter-spacing:-.04em;margin:0 0 5px}.pg-card-heading p,.pg-results-heading p{color:var(--muted);font-size:13px;margin:0;line-height:1.5}.pg-field{font-size:10px;color:#A7C0AD;font-weight:800;letter-spacing:.12em;display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.pg-field input,.pg-field select,.pg-field textarea{width:100%;min-height:46px;background:#08221C;border:1px solid #2C5140;border-radius:13px;padding:12px;color:#FFF;font-size:14px;font-weight:550;letter-spacing:normal;resize:vertical}.pg-field input:focus,.pg-field textarea:focus,.pg-field select:focus{border-color:var(--lime)}.pg-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.pg-mode-row{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:0 0 18px}.pg-mode{position:relative}.pg-mode input{position:absolute;opacity:0;pointer-events:none}.pg-mode span{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid #325243;background:#0A2A20;border-radius:16px;min-height:115px;cursor:pointer;font-size:19px}.pg-mode strong{font-size:15px}.pg-mode small{color:#9EB5A4;font-size:11px;line-height:1.3}.pg-mode input:checked+span{border-color:var(--lime);background:rgba(183,255,60,.10);box-shadow:inset 0 0 0 1px rgba(183,255,60,.28)}.pg-mode input:focus-visible+span{outline:2px solid var(--lime);outline-offset:3px}.pg-section-break{border-top:1px solid rgba(255,255,255,.1);padding-top:22px;margin-top:8px}.pg-player-tools{display:flex;justify-content:space-between;align-items:center;color:#CADACC;font-size:12px;font-weight:800;margin:0 0 9px}.pg-text-button{border:0;background:none;color:var(--lime);font-size:12px;font-weight:750;padding:7px}.pg-players{display:grid;gap:9px}.pg-player-row{display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.09);background:#09231C;border-radius:13px;padding:7px}.pg-player-order{color:#91B2A0;font-size:12px;font-weight:900;width:27px;text-align:center;flex:none}.pg-player-row input{background:transparent;color:white;border:0;flex:1;min-width:0;padding:9px 3px;font-size:14px}.pg-player-btn{border:1px solid #355443;border-radius:7px;background:#15372B;color:#C8D7C5;width:28px;height:30px;font-weight:900;flex:none}.pg-player-btn:disabled{opacity:.25}.pg-player-remove{color:#F19C95}.pg-add-row{display:flex;gap:9px;margin-top:13px;flex-wrap:wrap}.pg-add-row .pg-btn{flex:1}.pg-paste-area{margin-top:15px}.pg-help{color:#8FA89B;font-size:12px;line-height:1.55;margin:12px 0 16px}.pg-generate{width:100%;margin-top:6px;min-height:52px}.pg-error{min-height:10px;font-size:12px;color:#FFAD9E;line-height:1.5;margin:8px 0 0}.pg-results-heading{display:flex;justify-content:space-between;align-items:start;gap:12px;padding-bottom:18px;border-bottom:1px solid #294A3B}.pg-results-heading h2{font-size:30px;margin:11px 0 8px}.pg-results-heading h2 span{color:var(--lime)}.pg-state{display:inline-block;color:var(--lime);border:1px solid rgba(183,255,60,.25);font-size:10px;border-radius:100px;padding:7px 10px;white-space:nowrap}.pg-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:19px 0}.pg-stat{background:#0A3025;border:1px solid #244C37;padding:13px;border-radius:15px}.pg-stat strong{display:block;color:var(--lime);font-size:24px}.pg-stat span{font-size:10px;color:#B6C8B9}.pg-team-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:15px}.pg-team{background:#1B3D2E;border-radius:9px;padding:9px;font-size:11px;color:#D0E0CE}.pg-team b{color:var(--lime)}.pg-empty{text-align:center;padding:65px 12px;color:#ABC3B5}.pg-empty-icon{font-size:40px;margin-bottom:10px}.pg-empty strong{color:#EFF6EC}.pg-empty p{max-width:290px;margin:10px auto;line-height:1.5;font-size:13px}.pg-match-round{margin:24px 0 10px;display:flex;align-items:center;gap:9px;color:var(--lime);font-size:13px;font-weight:850}.pg-match-round:after{content:'';height:1px;background:#2F4B3D;flex:1}.pg-match{background:#0A2B21;border:1px solid #315340;border-radius:17px;padding:14px;margin:0 0 10px}.pg-match-top{display:flex;justify-content:space-between;gap:8px;color:#98B7A2;font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:9px}.pg-match-body{display:grid;grid-template-columns:minmax(0,1fr) 55px auto 55px minmax(0,1fr);gap:8px;align-items:center}.pg-match-name{font-weight:750;font-size:12px;line-height:1.45;overflow-wrap:anywhere}.pg-match-name.right{text-align:right}.pg-match-body input{background:#102E24;border:1px solid #356045;color:#fff;border-radius:10px;width:53px;height:40px;text-align:center;font-weight:900}.pg-match-body span{color:#95AC9E;font-size:12px}.pg-match-bye{padding:12px 0;color:#A5BCAA;font-size:12px}.pg-match-winner{margin-top:11px;color:var(--lime);font-size:11px;font-weight:750}.pg-result-actions{border-top:1px solid rgba(255,255,255,.1);padding-top:18px;display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.pg-result-actions .pg-btn{flex:1}.pg-standings-table{width:100%;border-collapse:collapse;font-size:12px;margin-top:15px}.pg-standings-table td,.pg-standings-table th{padding:10px 6px;text-align:left;border-bottom:1px solid #28503F}.pg-standings-table th{color:#B7FF3C}.pg-footer-actions{margin:45px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid var(--line);border-radius:24px;padding:28px;background:radial-gradient(circle at right,rgba(183,255,60,.12),transparent 55%),#0C2B22}.pg-footer-actions h2{margin:8px 0;font-size:26px;letter-spacing:-.04em}.pg-footer-actions p{color:var(--muted);font-size:13px;line-height:1.5}.pg-footer{display:flex;gap:20px;justify-content:space-between;border-top:1px solid #244134;padding:24px 0 35px;font-size:11px;color:#A4B9A7}.pg-footer a:hover{color:var(--lime)}.pg-modal-backdrop:not([hidden]){position:fixed;inset:0;z-index:999;background:rgba(0,0,0,.76);backdrop-filter:blur(6px);display:grid;place-items:center;padding:18px;overflow:auto}.pg-modal{width:min(100%,470px);background:#0B3024;border:1px solid #527149;border-radius:24px;padding:26px;position:relative;max-height:min(850px,92dvh);overflow:auto;box-shadow:0 24px 80px #0009}.pg-modal h2{font-size:30px;letter-spacing:-.04em;margin:12px 0}.pg-modal>p{color:#A8C1B0;font-size:13px;line-height:1.6}.pg-close{position:absolute;top:15px;right:15px;border:1px solid #385D44;background:#12392A;color:white;border-radius:10px;padding:7px 10px}.pg-auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#08251C;padding:4px;border-radius:12px;gap:4px;margin:20px 0}.pg-auth-tabs button{border:0;background:transparent;color:#A5BAAA;border-radius:9px;padding:11px;font-weight:750;font-size:13px}.pg-auth-tabs button.active{background:var(--lime);color:#102816}.pg-full{width:100%}.pg-guest-return{width:100%;margin-top:13px}.pg-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--lime);color:#10311E;border-radius:11px;padding:12px 20px;font-size:13px;font-weight:800;z-index:1200;box-shadow:0 8px 35px #0009}.pg-records-list{display:grid;gap:8px;max-height:53vh;overflow:auto}.pg-record{background:#0C241B;border:1px solid #365741;border-radius:14px;padding:13px;display:flex;gap:8px;align-items:center;justify-content:space-between}.pg-record strong{font-size:13px;display:block}.pg-record small{display:block;color:#A8BFAF;font-size:11px;margin-top:4px}.pg-record-actions{display:flex;gap:5px;flex:none}.pg-record-actions button{border:1px solid #46644B;background:#15392A;color:var(--lime);border-radius:9px;padding:8px;font-size:11px}.pg-record-actions button.delete{color:#FFB5A3}.pg-record-empty{font-size:13px;color:#B4C8B9;padding:25px 5px;text-align:center}
@media(max-width:950px){.pg-hero{grid-template-columns:1fr 190px}.pg-hero-mark{width:185px;height:185px;border-radius:30px}.pg-hero-mark img{width:115px;height:115px}.pg-main-grid{grid-template-columns:1fr}.pg-results{min-height:350px}}@media(max-width:580px){.pg-wrap{padding:0 14px}.pg-header{min-height:76px}.pg-brand img:first-child{width:33px;height:33px}.pg-wordmark{max-width:112px}.pg-nav{gap:9px}.pg-nav a{display:none}.pg-account-btn{padding:10px 12px;font-size:11px}.pg-hero{display:block;padding:32px 5px 14px}.pg-hero-mark{display:none}.pg-hero h1{font-size:clamp(35px,10vw,49px);margin:20px 0 15px}.pg-hero p{font-size:14px}.pg-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pg-hero-actions .pg-btn{padding:10px 8px;font-size:11px}.pg-eyebrow{font-size:9px}.pg-pill{margin-left:6px;font-size:8px;padding:7px}.pg-guest-note{padding:13px;margin:17px 0}.pg-guest-note p{font-size:12px}.pg-card{padding:17px;border-radius:20px}.pg-card h2{font-size:20px}.pg-mode span{padding:12px;min-height:106px}.pg-fields-grid{gap:0 9px}.pg-field input,.pg-field select{font-size:13px}.pg-results-heading h2{font-size:26px}.pg-state{font-size:9px;padding:6px}.pg-stat{padding:11px}.pg-stat strong{font-size:20px}.pg-match-body{grid-template-columns:minmax(0,1fr) 36px 10px 36px minmax(0,1fr);gap:4px}.pg-match-body input{width:36px;height:35px}.pg-match{padding:10px}.pg-match-name{font-size:11px}.pg-result-actions .pg-btn{min-width:100%;flex:1}.pg-footer-actions{display:block;padding:20px;margin:24px 0}.pg-footer-actions .pg-btn{margin-top:9px;width:100%}.pg-footer{gap:8px;flex-wrap:wrap}.pg-player-row{gap:4px}.pg-player-btn{width:27px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Responsive grid overflow guard for narrow Android phones. */
.pg-card,.pg-settings,.pg-results,.pg-main-grid,.pg-results-heading,.pg-match,.pg-match-body{min-width:0}
.pg-player-row,.pg-stat,.pg-results-heading,.pg-team-list{max-width:100%}
@media(max-width:950px){.pg-main-grid{grid-template-columns:minmax(0,1fr)}}
.pg-players{min-width:0;grid-template-columns:minmax(0,1fr)}
.pg-player-row{min-width:0;width:100%;overflow:hidden}
.pg-player-row input{min-width:0;width:0;flex:1 1 0}
/* Native hidden attribute must override form's custom flex styling. */
[hidden]{display:none!important}

/* Shuttloop V3.3.1: details first, full-width interactive bracket below. */
.pg-main-grid{display:grid;grid-template-columns:minmax(0,1fr);max-width:100%;gap:20px}
.pg-settings,.pg-results{min-width:0;width:100%}
.pg-settings{display:block}
.pg-settings .pg-fields-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.pg-settings .pg-players{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:8px}
.pg-main-grid+.gv-bracket-section{margin:22px 0 36px;padding:20px;background:linear-gradient(165deg,#102b20,#071b14);border:1px solid #395a43;border-radius:22px}
.pg-main-grid+.gv-bracket-section .gv-bracket-heading{margin-bottom:18px}
.pg-main-grid+.gv-bracket-section .gv-bracket-heading h3{font-size:clamp(21px,3vw,29px)}
.pg-match-details{margin-top:16px}.pg-match-details>summary{cursor:pointer;list-style:none;border:1px solid #395a43;border-radius:12px;padding:14px 17px;color:#eaffd8;font-weight:800;background:#102f22}.pg-match-details>summary::-webkit-details-marker{display:none}.pg-match-details>summary:before{content:'▸';color:#b7ff3c;margin-right:11px}.pg-match-details[open]>summary:before{content:'▾'}.pg-match-details>summary span{display:block;font-size:11px;color:#9dbbab;font-weight:500;margin:5px 0 0 22px}.pg-match-details>.pg-matches{margin-top:12px}
.pg-match-body input[data-score]{width:58px;min-width:50px;text-align:center;font-size:17px;line-height:1.4;touch-action:manipulation}
.pg-field input[inputmode=numeric]{font-size:16px;appearance:none;-webkit-appearance:none}
@media(max-width:600px){.pg-main-grid+.gv-bracket-section{padding:12px;margin:16px 0 24px;border-radius:15px}.pg-settings .pg-players{grid-template-columns:1fr}.pg-settings .pg-fields-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Shuttloop 3.4.0. A practical guest-first friendly/tournament builder inspired by bracket-generator workflows. */
:root{--cb-border:#315542;--cb-surface:#102e24;--cb-muted:#a7beb0}
.v340 .pg-wrap{max-width:1320px;padding:0 clamp(14px,3vw,34px)}
.v340 .pg-header{min-height:78px}
.v340 main{display:flex;flex-direction:column;min-width:0}
.v340 .cb-top{order:0;display:flex;align-items:end;justify-content:space-between;gap:22px;padding:32px 2px 27px}
.v340 .cb-top h1{font-size:clamp(31px,4.4vw,56px);line-height:1.08;letter-spacing:-.06em;margin:12px 0 9px;font-weight:880}
.v340 .cb-top p{color:#a9c2b1;margin:0;line-height:1.6;font-size:14px;max-width:650px}
.v340 .cb-guest-badge{display:inline-flex;padding:5px 8px;background:#193c2c;color:#c9ff7c;border:1px solid #3c6c3b;border-radius:100px;letter-spacing:.05em;font-weight:850;font-size:10px;margin-left:9px}
.v340 .cb-open-status{white-space:nowrap;display:flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid var(--cb-border);border-radius:14px;background:#0e2c21;color:#dff3db;font-size:12px;flex-wrap:wrap;max-width:230px}
.v340 .cb-open-status small{display:block;width:100%;padding-left:15px;color:#8ca99a;font-size:11px}.v340 .cb-live-dot{width:7px;height:7px;background:#b7ff3c;border-radius:50%;box-shadow:0 0 0 3px #b7ff3c22}
.v340 .cb-builder{order:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:17px}
.v340 .cb-panel,.v340 .cb-output{border:1px solid var(--cb-border);background:linear-gradient(145deg,#12382b,#08221b);border-radius:22px;padding:clamp(17px,2vw,27px);min-width:0;box-shadow:0 10px 24px #00000020}
.v340 .cb-section-title{display:flex;align-items:flex-start;gap:13px;margin:0 0 21px}.v340 .cb-section-title h2{margin:0 0 4px;letter-spacing:-.035em;font-size:22px;line-height:1.15}.v340 .cb-section-title p{font-size:12px;color:#a5bcae;margin:0;line-height:1.5}
.v340 .cb-number{display:grid;place-items:center;background:#b7ff3c;color:#062213;border-radius:10px;min-width:38px;height:38px;font-weight:900;font-size:13px}
.v340 .cb-modes{margin:0 0 19px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.v340 .cb-modes .pg-mode{min-width:0}.v340 .cb-modes .pg-mode>span{padding:17px 14px 13px;min-height:116px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;border-radius:15px;background:#0a251d;border:1px solid #345844;transition:background .15s,border-color .15s}.v340 .cb-modes .pg-mode input:checked+span{border-color:#b7ff3c;background:linear-gradient(145deg,#1e4c30,#123d28);box-shadow:inset 0 0 0 1px #b7ff3c4d}.v340 .cb-modes .pg-mode input:checked+span strong{color:#d4ff9c}.v340 .cb-mode-icon{display:block;font-size:22px;color:#b7ff3c;font-weight:850;line-height:1.2}.v340 .cb-modes small{font-size:11px;color:#9db4a3}
.v340 .pg-field{font-size:10px;letter-spacing:.07em;color:#a9c9b2;font-weight:800;margin-bottom:11px;display:flex;flex-direction:column;gap:8px}.v340 .pg-field input,.v340 .pg-field textarea,.v340 .pg-field select{background:#071d17;border:1px solid #3a5c49;color:#eaffeb;border-radius:11px;min-height:46px;min-width:0;width:100%;padding:12px 13px;letter-spacing:normal;font-weight:550;font-size:14px}.v340 .pg-field input:focus,.v340 .pg-field textarea:focus,.v340 .pg-field select:focus{border-color:#b7ff3c;outline:2px solid #b7ff3c28;outline-offset:0}.v340 .pg-field textarea{resize:vertical;min-height:220px;line-height:1.7;font-size:15px;font-weight:500}.v340 .pg-field span{font-size:10px;color:#819d89;margin-left:6px}
.v340 .cb-config{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 13px;margin-top:8px}.v340 .cb-toggle{display:flex;align-items:center;gap:13px;padding:12px 9px;border-bottom:1px solid #ffffff16;cursor:pointer}.v340 .cb-toggle input{accent-color:#b7ff3c;width:20px;height:20px;flex:none}.v340 .cb-toggle span{display:grid;gap:4px}.v340 .cb-toggle b{font-size:12px;color:#e7f8e8}.v340 .cb-toggle small{font-size:11px;color:#9fb5a6}
.v340 .cb-advanced{border:1px solid #315543;border-radius:13px;margin-top:15px;background:#0c2a20;overflow:hidden}.v340 .cb-advanced>summary{padding:14px;cursor:pointer;font-size:12px;color:#ddf3dc;font-weight:800;list-style:revert}.v340 .cb-advanced>summary span{float:right;font-size:10px;color:#9cb9a5;font-weight:600}.v340 .cb-advanced>div:not(.pg-players){padding:0 13px 13px}.v340 #pgSeedDetails .pg-players{padding:5px 10px;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;max-height:350px;overflow-y:auto}.v340 #pgSeedDetails .pg-player-row{width:100%;min-width:0}.v340 #pgSeedDetails .pg-add-row{padding:8px 12px}.v340 #pgSeedDetails .pg-paste-area{padding:12px}
.v340 .cb-roster-top .pg-field{margin:0}.v340 .cb-roster-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#8ea99a;font-size:11px;padding:10px 2px 12px;line-height:1.5}.v340 #pgPlayerCount{color:#c8ff7b;font-weight:900;font-size:12px;white-space:nowrap}.v340 .cb-participant-actions{display:flex;flex-wrap:wrap;gap:8px}.v340 .cb-participant-actions .pg-btn{min-height:39px;font-size:12px;padding:7px 12px}.v340 .cb-line-help{color:#95b6a0;font-size:11px;line-height:1.6;margin:12px 0 0}
.v340 .cb-action-row{order:1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 25px;margin:17px 0 0;border:1px solid #42693b;border-radius:19px;background:linear-gradient(105deg,#163b2c,#0a231a)}.v340 .cb-action-row strong{font-size:16px}.v340 .cb-action-row p{font-size:12px;color:#9fb3a6;margin:5px 0 0}.v340 .cb-action-row .pg-generate{min-width:230px;min-height:51px;font-size:15px}.v340 main>#pgError{order:1;font-size:13px;margin:9px 4px 3px}
.v340 .cb-output{order:2;margin-top:18px;background:#0b291e}.v340 .cb-output-top{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.v340 .cb-output h2{font-size:clamp(23px,3vw,33px);margin:8px 0 5px;letter-spacing:-.04em}.v340 .cb-output h2 span{color:#b7ff3c}.v340 .cb-output p{font-size:12px;color:#a9bbae;line-height:1.5}.v340 .cb-tools{display:flex;flex-wrap:wrap;gap:9px;padding-top:17px;border-top:1px solid #ffffff15}.v340 .cb-tools .pg-btn{min-height:43px;font-size:12px}.v340 .cb-save-hint{margin:12px 0 0;font-size:11px;color:#819f8b}
.v340 .pg-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:17px 0}.v340 .pg-stat{background:#14392b;border:1px solid #355743;border-radius:12px}.v340 .pg-state{background:#1a412e;color:#b7ff3c;border:1px solid #3d7545;padding:8px 12px;border-radius:30px}
.v340 #pgBracketSection{order:3;margin-top:17px;margin-bottom:0;padding:clamp(12px,2vw,24px);background:linear-gradient(145deg,#113225,#061b14);border:1px solid var(--cb-border);border-radius:21px}.v340 .gv-bracket-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:16px}.v340 #pgBracketSection .gv-bracket-heading h3{margin:6px 0;font-size:25px;line-height:1.2}.v340 #pgBracketSection .gv-bracket-heading p{font-size:12px;line-height:1.55}.v340 #pgBracketSection #pgBracketPng{background:#b7ff3c;color:#082314;font-weight:800}.v340 .cb-accent{color:#b7ff3c}.v340 #pgBracketVisual{border-radius:15px;overflow:hidden!important}.v340 #pgBracketSection .ib-round-panel{border-radius:14px}.v340 #pgBracketSection .ib-round-card{cursor:pointer}
.v340 .cb-followup{order:4;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;margin-top:17px}.v340 .cb-followup .pg-card{padding:20px;min-width:0;border:1px solid var(--cb-border);border-radius:19px;background:#0d2b21}.v340 .cb-team-card h3{font-size:17px;margin:0 0 5px}.v340 .cb-team-card p{font-size:12px;color:#95b09e;margin:0 0 10px}.v340 .cb-team-card #pgTeams{display:grid;grid-template-columns:1fr;gap:6px}.v340 .cb-team-card .pg-team{font-size:12px}.v340 .cb-match-table .pg-match-details{margin:0}.v340 .cb-match-table .pg-match-details>summary{background:#173b2a}
.v340 .cb-save-banner{order:5;margin-top:24px}.v340 .pg-footer{margin-top:15px}
.v340 .pg-knockout-mode~#pgBracketSection{} /* no duplicate match editor above bracket */
@media(max-width:900px){.v340 .cb-builder{grid-template-columns:1fr}.v340 .cb-top{padding:26px 0 22px}.v340 .cb-open-status{display:none}.v340 .cb-followup{grid-template-columns:1fr}}
@media(max-width:640px){.v340 .pg-header{min-height:68px}.v340 .cb-top{padding:22px 2px}.v340 .cb-top h1{font-size:clamp(28px,8vw,38px)}.v340 .cb-guest-badge{margin-left:0;margin-top:8px}.v340 .cb-panel,.v340 .cb-output{padding:16px;border-radius:16px}.v340 .cb-modes .pg-mode>span{min-height:105px;padding:12px 10px}.v340 .cb-mode-icon{font-size:19px}.v340 .cb-section-title h2{font-size:20px}.v340 .cb-action-row{padding:15px;display:block}.v340 .cb-action-row .pg-generate{width:100%;margin-top:14px;min-width:0}.v340 .cb-roster-footer{display:block}.v340 .cb-roster-footer span{display:block}.v340 .cb-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.v340 .cb-tools .pg-btn{padding:9px 5px;font-size:11px}.v340 .pg-stats{gap:6px}.v340 .pg-stat{padding:10px 7px}.v340 #pgBracketSection .gv-bracket-heading{display:block}.v340 #pgBracketSection #pgBracketPng{width:100%;margin-top:8px}.v340 .cb-followup .pg-card{padding:13px}.v340 .cb-advanced>summary span{float:none;margin-left:7px}.v340 .cb-config{gap:0 8px}}
@media(max-width:350px){.v340 .cb-config{grid-template-columns:1fr}.v340 .cb-modes small{font-size:10px}}

/* Club Admin planner — same clean settings-first hierarchy, retaining session-bound records. */
#view-planner .gp-layout{grid-template-columns:minmax(0,1fr)!important;max-width:100%;gap:17px}
#view-planner .gp-editor,#view-planner .gp-results{background:linear-gradient(150deg,#123528,#08231a);border:1px solid #335844;border-radius:20px;padding:clamp(16px,2vw,26px);min-width:0}
#view-planner .gp-intro{margin-bottom:20px}
#view-planner .gp-editor .gp-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#view-planner .gp-section-title{margin:22px 0 14px}
#view-planner .gp-step{background:#b7ff3c;color:#082314;border-radius:10px}
#view-planner .gp-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#view-planner .gp-v340-third{display:flex;align-items:center;gap:13px;padding:12px;margin:12px 0;border:1px solid #365941;border-radius:12px;color:#d6f2d7;cursor:pointer}
#view-planner .gp-v340-third[hidden]{display:none!important}
#view-planner .gp-v340-third input{width:19px;height:19px;accent-color:#b7ff3c}
#view-planner .gp-v340-third span{display:grid;gap:4px}
#view-planner .gp-v340-third strong{font-size:12px}
#view-planner .gp-v340-third small{font-size:11px;color:#9bb49f}
#view-planner .gp-result-actions{display:flex;flex-wrap:wrap;gap:9px}
#view-planner #gpBracketSection{margin-top:17px}
@media(max-width:640px){#view-planner .gp-editor,#view-planner .gp-results{padding:15px;border-radius:16px}#view-planner .gp-editor .gp-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#view-planner .gp-v340-third{margin:10px 0}}

/* Shuttloop V3.5.3 — compact live court queue, group leaderboard, and upgraded Live Match Board. */
.v35-queue {margin:14px 0 16px;padding:18px;border:1px solid rgba(183,255,60,.32);border-radius:20px;background:radial-gradient(circle at top right,rgba(183,255,60,.11),transparent 58%),linear-gradient(140deg,#0f3527,#071c16);min-width:0;box-shadow:0 14px 36px rgba(0,0,0,.22)}
.v35-queue-title {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.v35-queue-title h3{font-size:clamp(19px,3vw,26px);margin:2px 0;color:#f1fff2;letter-spacing:-.03em}.v35-queue-title h3 span{color:#b7ff3c}
.v35-queue-title p{font-size:12px;color:#a5bfae;margin:0}.v35-queue-pill{font-size:12px;font-weight:800;color:#b7ff3c;background:rgba(183,255,60,.1);border:1px solid rgba(183,255,60,.35);border-radius:99px;padding:7px 12px;box-shadow:0 0 18px rgba(183,255,60,.08)}
.v35-courts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:11px}
.v35-court{padding:14px;border-radius:14px;background:linear-gradient(155deg,#153f2f,#0d2b20);border:1px solid rgba(183,255,60,.24);min-height:114px;min-width:0;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.v35-court:hover{border-color:rgba(183,255,60,.55);transform:translateY(-1px);box-shadow:0 8px 22px rgba(0,0,0,.24)}
.v35-court-top{display:flex;gap:8px;justify-content:space-between;align-items:center}.v35-court-top strong{color:#b7ff3c;font-size:11px;letter-spacing:.08em}.v35-court-top span{color:#c9f5d4;background:rgba(183,255,60,.12);padding:3px 8px;border-radius:99px;font-size:10px;font-weight:800}
.v35-court p{margin:12px 0 7px;display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:13.5px;font-weight:750;color:#f4fff6;overflow-wrap:anywhere}.v35-court p b{color:#072014;background:#b7ff3c;padding:2px 6px;border-radius:6px;font-size:10px;font-weight:900}.v35-court small{color:#9cc7ab;font-size:11px}.v35-court .v35-idle{font-weight:500;color:#98b6a2}
.v35-next{font-size:12px;color:#b0ceb9;margin-top:13px;padding-top:10px;border-top:1px solid rgba(183,255,60,.14);overflow-wrap:anywhere}
.v35-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:12px;margin-top:16px}
.v35-group{min-width:0;padding:15px;border:1px solid #39694e;border-radius:15px;background:linear-gradient(155deg,#123126,#0b221a)}.v35-group h3{margin:0 0 12px;font-size:15px;color:#b7ff3c;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px}.v35-group h3 small{color:#a8c5b3;font-weight:600;font-size:11px;background:#16392b;padding:4px 8px;border-radius:99px}
.v35-group-head,.v35-group-row{display:grid;grid-template-columns:minmax(0,1fr) 36px 46px;gap:6px;align-items:center;padding:8px 4px;border-bottom:1px solid #2b4c39;text-align:right;font-size:12px;font-variant-numeric:tabular-nums}.v35-group-head{font-size:10px;color:#adc9b5;font-weight:800;letter-spacing:.06em}.v35-group-head span:first-child,.v35-group-row strong{text-align:left;overflow-wrap:anywhere}.v35-group-row strong{font-weight:650;color:#eff8ef}
.v35-group-row.v35-group-qual strong{color:#d2ff7e;font-weight:800}
@media(max-width:520px){.v35-queue{padding:13px}.v35-courts{grid-template-columns:1fr}.v35-court{min-height:95px}}

.v35-live-board{margin:16px 0;padding:18px;background:radial-gradient(circle at 50% 0,rgba(183,255,60,.08),transparent 62%),linear-gradient(160deg,#0c291f,#061812);border:1px solid #3f7657;border-radius:20px;min-width:0;box-shadow:0 18px 44px rgba(0,0,0,.28)}
.v35-board-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.v35-board-head h3{font-size:clamp(20px,2.5vw,25px);color:#f5fff5;margin:3px 0;letter-spacing:-.03em}.v35-board-head p{font-size:12px;color:#a3c2af;margin:0}
.v35-board-progress{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:155px}
.v35-board-progress>b,.v35-board-head>b{color:#b7ff3c;background:rgba(183,255,60,.1);border:1px solid #447d5a;padding:6px 11px;border-radius:99px;font-size:12px;font-weight:850;font-variant-numeric:tabular-nums}
.v35-progress-track{width:100%;max-width:190px;height:6px;border-radius:99px;background:#123527;border:1px solid #2f5b43;overflow:hidden}
.v35-progress-track>span{display:block;height:100%;background:linear-gradient(90deg,#95ef27,#c8ff6b);border-radius:99px;transition:width .25s ease}
.v35-round-tabs{display:flex;gap:7px;overflow-x:auto;padding:2px 0 12px;margin-bottom:8px;scrollbar-width:thin;border-bottom:1px solid rgba(183,255,60,.14)}
.v35-round-tabs button{flex:none;border:1px solid #3b684b;background:#123326;color:#c7ddd0;border-radius:99px;padding:7px 13px;min-height:35px;font-size:11.5px;font-weight:800;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.v35-round-tabs button small{opacity:.8;margin-left:4px;font-size:10px}
.v35-round-tabs button:hover{border-color:#b7ff3c;color:#f3fff4}
.v35-round-tabs button[aria-selected="true"]{background:#b7ff3c;color:#062013;border-color:#b7ff3c;box-shadow:0 4px 14px rgba(183,255,60,.25)}
.v35-board-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,255px),1fr));gap:13px;align-items:start}
.v35-board-round{padding:12px;background:linear-gradient(160deg,#0f3326,#0a241b);border:1px solid #356348;border-radius:15px;min-width:0}.v35-board-round header{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#b7ff3c;font-size:12px;padding:3px 4px 10px;border-bottom:1px solid rgba(183,255,60,.12);margin-bottom:9px}.v35-board-round header small{color:#a1c0ae;font-weight:700;font-variant-numeric:tabular-nums}.v35-board-matches{display:grid;gap:9px}
.v35-match-card{width:100%;text-align:left;padding:12px 13px;background:linear-gradient(145deg,#163c2d,#102d22);border:1px solid #487058;border-radius:13px;color:#f2fff4;display:grid;gap:8px;min-width:0;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease;touch-action:manipulation}
.v35-match-card:hover,.v35-match-card:focus-visible{border-color:#b7ff3c;outline:2px solid rgba(183,255,60,.55);outline-offset:1px;transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.28)}
.v35-match-card.v35-card-done{border-color:rgba(183,255,60,.45);background:linear-gradient(145deg,#184331,#0f2e22)}
.v35-match-card.v35-card-locked{opacity:.78;border-style:dashed}
.v35-match-card>small{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#b7ff3c;font-size:10px;font-weight:800;letter-spacing:.04em}
.v35-card-badge{font-size:9px;padding:2px 7px;border-radius:99px;letter-spacing:.06em;font-weight:900}
.v35-badge-done{background:rgba(183,255,60,.2);color:#d3ff7d;border:1px solid rgba(183,255,60,.4)}
.v35-badge-ready{background:rgba(56,189,126,.2);color:#b9f6d0;border:1px solid rgba(98,214,154,.35)}
.v35-badge-wait{background:rgba(255,255,255,.07);color:#a7c0b1}
.v35-match-side{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;font-weight:700;padding:4px 7px;border-radius:8px;background:rgba(6,24,18,.42);overflow-wrap:anywhere}.v35-match-side span{min-width:0}.v35-match-side strong{flex-shrink:0;font-size:16px;font-variant-numeric:tabular-nums;min-width:22px;text-align:right}
.v35-winner{color:#b7ff3c;background:rgba(183,255,60,.11);border:1px solid rgba(183,255,60,.26)}.v35-win-tick{font-style:normal;font-weight:900;color:#b7ff3c}
.v35-match-card em{font-size:10.5px;font-style:normal;color:#9dc0aa}

.v35-modal[hidden]{display:none!important}.v35-modal{position:fixed;inset:0;z-index:2147483400;background:rgba(1,16,10,.86);backdrop-filter:blur(7px);display:grid;place-items:center;padding:14px;overflow-y:auto;overscroll-behavior:contain}.v35-modal-box{background:linear-gradient(160deg,#113627,#0a241b);color:#f5fff4;border:1px solid #639673;border-radius:20px;padding:22px;width:min(100%,480px);max-height:calc(100dvh - 24px);overflow:auto;box-shadow:0 30px 90px rgba(0,0,0,.65)}
.v35-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.v35-modal-eyebrow{display:block;color:#b7ff3c;font-size:10px;font-weight:850;letter-spacing:.14em;margin-bottom:4px}.v35-modal-head h3{font-size:22px;margin:0;letter-spacing:-.03em}
.v35-modal-head button,.v35-modal-actions button{background:#183b2d;border:1px solid #4e765b;border-radius:11px;padding:10px 13px;color:#f3fff4;font-weight:800;cursor:pointer;touch-action:manipulation}
.v35-modal-head button:hover,.v35-modal-actions button:hover:not(:disabled){border-color:#b7ff3c}
.v35-modal-description{font-size:12px;color:#a8cbb5;margin:10px 0 18px}
.v35-score-form{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:8px;align-items:end}
.v35-score-form label{display:grid;gap:9px;min-width:0;font-size:12.5px;font-weight:750;text-align:center;overflow-wrap:anywhere}
.v35-score-stepper{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:5px;align-items:center}
.v35-score-stepper button{height:44px;border-radius:10px;border:1px solid #557b5e;background:#173d2c;color:#d6ff9e;font-weight:900;font-size:19px;cursor:pointer;touch-action:manipulation}
.v35-score-stepper button:hover{border-color:#b7ff3c;background:#21523b}
.v35-score-form input{width:100%;height:56px;font-size:26px;font-weight:900;font-variant-numeric:tabular-nums;text-align:center;background:#051b13;color:#b7ff3c;border:1px solid #5c8265;border-radius:11px;padding:6px 2px}
.v35-score-form input:focus{border-color:#b7ff3c;box-shadow:0 0 0 3px rgba(183,255,60,.2)}
.v35-score-form>b{padding-bottom:18px;color:#8fb09c;font-size:11px;text-align:center}
.v35-score-error{grid-column:1/-1;color:#ffc7bb;font-size:12px;min-height:16px;margin:4px 0 0}
.v35-modal-actions{display:flex;grid-column:1/-1;gap:10px;margin-top:6px}.v35-modal-actions button{flex:1;min-height:45px}.v35-modal-actions button:disabled{opacity:.38;cursor:not-allowed}.v35-modal-actions button[type=submit]{background:#b7ff3c;color:#052011;border-color:#b7ff3c;font-weight:900}
@media(max-width:520px){.v35-live-board{padding:12px}.v35-board-progress{align-items:flex-start;width:100%}.v35-progress-track{max-width:none}.v35-board-columns{grid-template-columns:1fr}.v35-board-round{padding:10px}.v35-modal-box{padding:15px}.v35-score-stepper{grid-template-columns:30px minmax(0,1fr) 30px;gap:3px}.v35-score-stepper button{height:40px;font-size:17px}.v35-score-form input{height:50px;font-size:23px}}
/* Keep all event settings above the interactive board in the flex main layout. */
.v340 main>#v35LiveBoard{order:3;margin-top:17px;margin-bottom:0}
/* Respect native hidden state over the generic .pg-field display rule. */
.v340 .pg-field[hidden],.v340 #pgThirdArea[hidden],.v340 #pgStyleArea[hidden],.v340 #pgRoundsArea[hidden],
.v340 #v35LiveBoard[hidden],#view-planner #gpLiveBoard[hidden],#view-planner #gpV350Queue[hidden],#view-planner #gpV350Groups[hidden]{display:none!important}

/* SHUTTLOOP V3.5.1 — faithfully restored screenshot layout.
   Toolbar -> live round cards -> symmetrical connected two-sided tree.
   Internal zoom keeps the map inside its actual scaled bounds: no empty canvas. */
#pgBracketSection .ib-container,#gpBracketSection .ib-container{overflow:hidden!important;background:#061d14;isolation:isolate}
.ib-container .rb-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 15px;background:#0b2a20;border-bottom:1px solid #426448;min-height:60px}
.rb-live{font-size:11px;letter-spacing:.12em;font-weight:900;color:#b7ff3c;white-space:nowrap}
.rb-live i{display:inline-block;width:8px;height:8px;background:#b7ff3c;border-radius:50%;margin-right:8px;vertical-align:middle;box-shadow:0 0 8px #b7ff3c50}
.rb-toolbar-hint{font-size:11px;color:#adc1ac;flex:1;text-align:center}
.rb-controls{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
#pgBracketSection .rb-controls button,#gpBracketSection .rb-controls button{font-size:11px!important;min-height:32px!important;min-width:35px;border-radius:8px;background:#123e2b;border:1px solid #426f4c;color:#f2fff2;font-weight:850;padding:7px 9px;line-height:1;white-space:nowrap}
#pgBracketSection .rb-controls button:hover,#gpBracketSection .rb-controls button:hover{background:#28543d;border-color:#b7ff3c}
.rb-percent{font-family:inherit;font-size:11px;color:#f2fff2;min-width:32px;text-align:center;font-weight:800}
.rb-score-board{padding:13px 13px 12px;border-bottom:1px solid #3d6046;background:#0a261b}
.rb-heading{color:#ecfce8;font-size:12px;font-weight:900;letter-spacing:.01em;margin-bottom:10px}
.rb-round-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;padding:0 0 9px}
#pgBracketSection .rb-round-tabs button,#gpBracketSection .rb-round-tabs button{border:1px solid #3c684a;background:#153529;color:#bfd1c2;border-radius:50px;padding:8px 12px;min-height:34px;flex:none;font-size:11px;font-weight:850;line-height:1.2}
#pgBracketSection .rb-round-tabs button[aria-selected=true],#gpBracketSection .rb-round-tabs button[aria-selected=true]{color:#082015;background:#b7ff3c;border-color:#b7ff3c}
.rb-top-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(204px,1fr));gap:7px}
#pgBracketSection .rb-match,#gpBracketSection .rb-match{display:block!important;min-width:0;width:100%;min-height:97px;text-align:left;background:#123326;color:#f0fff0;border:1px solid #45684b;border-radius:10px;padding:10px 11px;line-height:1.25;transition:border-color .12s,background .12s;cursor:pointer}
#pgBracketSection .rb-match:hover,#gpBracketSection .rb-match:hover,#pgBracketSection .rb-match:focus-visible,#gpBracketSection .rb-match:focus-visible{border-color:#b7ff3c;outline:2px solid #b7ff3c65;outline-offset:0}
.rb-match small{display:block;color:#b7ff3c;font-size:10px;font-weight:850;letter-spacing:.015em;margin:0 0 5px}
.rb-line{display:flex;align-items:center;justify-content:space-between;gap:7px;min-width:0;font-size:11px;font-weight:750;line-height:1.7}
.rb-line span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.rb-line b{font-size:12px;flex:none;font-weight:850;color:#f3faf2}
.rb-line.rb-win,.rb-line.rb-win b{color:#b7ff3c}
.rb-match em{display:block;margin-top:5px;color:#a5bcac;font-size:9px;font-weight:600;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rb-match.rb-final{border-color:#a1d34f}.rb-match.rb-bronze{border-color:#876c42}
.rb-map-viewport{position:relative;display:block;overflow-x:auto;overflow-y:hidden;min-height:0!important;max-width:100%;width:100%;background:radial-gradient(ellipse at 49% 45%,#133624 0,#071c12 64%,#04140d 100%);scrollbar-color:#416f4a #061c13;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
.rb-map-viewport:focus-visible{outline:2px solid #b7ff3c;outline-offset:-2px}
.rb-map-stage{position:relative;min-height:1px;transition:none}
.rb-map-world{position:absolute;top:0;left:0;transform-origin:top left;background:radial-gradient(ellipse at center,rgba(50,125,63,.12),transparent 68%)}
.rb-map-world:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#b0d8ac27 1.15px,transparent 1.15px);background-size:24px 24px}
.rb-tree-title{position:absolute;top:28px;left:0;right:0;text-align:center;z-index:1;color:#f6fff0;font-size:29px;line-height:1.1;font-weight:900;letter-spacing:-.045em;pointer-events:none;padding:0 18px;overflow-wrap:anywhere}
.rb-tree-title span{display:block;color:#b7ff3c;font-size:13px;font-weight:900;letter-spacing:.16em;margin-top:12px}
.rb-map-lines{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;min-width:0!important;pointer-events:none}
#pgBracketSection .rb-tree-match,#gpBracketSection .rb-tree-match{position:absolute;display:block;z-index:2;padding:9px 12px;text-align:left;border:1.7px solid #4b7758;border-radius:12px;color:#ecffec;background:linear-gradient(145deg,#14392a,#0e2c21);box-shadow:0 4px 11px #0005;min-height:0!important;max-width:none!important;cursor:pointer;overflow:hidden}
#pgBracketSection .rb-tree-match:hover,#gpBracketSection .rb-tree-match:hover,#pgBracketSection .rb-tree-match:focus-visible,#gpBracketSection .rb-tree-match:focus-visible{border-color:#b7ff3c;background:#1d4e35;outline:3px solid #b7ff3c40}
.rb-tree-match small{display:block;color:#b7ff3c;font-size:10px;font-weight:850;line-height:1.45;margin-bottom:5px;letter-spacing:.045em}
.rb-tree-match .rb-line{font-size:13px;line-height:1.65}.rb-tree-match .rb-line b{font-size:13px}
.rb-tree-match.rb-tree-final{background:#1b472e;border-color:#b7ff3c}
.rb-tree-match.rb-tree-bronze{border-color:#9d824c}
.rb-map-footnote{position:absolute;bottom:29px;left:0;right:0;color:#7cac8f;font-weight:750;text-align:center;font-size:11px;letter-spacing:.05em;pointer-events:none}
#pgBracketSection .rb-score-board button,#gpBracketSection .rb-score-board button{min-width:0}
@media(max-width:900px){.rb-toolbar-hint{display:none}.rb-toolbar{gap:8px}.rb-top-cards{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}
@media(max-width:640px){.ib-container .rb-toolbar{padding:10px;gap:7px}.rb-live{width:100%;font-size:10px}.rb-controls{width:100%;justify-content:flex-start;gap:5px}.rb-score-board{padding:10px}.rb-top-cards{grid-template-columns:1fr;gap:7px}.rb-tree-title{font-size:24px}#pgBracketSection .rb-match,#gpBracketSection .rb-match{min-height:99px}#pgBracketSection .rb-controls button,#gpBracketSection .rb-controls button{min-height:38px!important}.rb-map-viewport{scrollbar-width:thin}}
@media(prefers-reduced-motion:reduce){.rb-match,.rb-tree-match{transition:none!important}}

/* Shuttloop V3.5.3: layout, touch hardening, active connector glow, podium banner, and UI polish for the reference match board. */
#pgBracketSection .rb-map-viewport,#gpBracketSection .rb-map-viewport{min-height:0!important;height:auto!important;max-height:none!important;cursor:grab}
#pgBracketSection .rb-map-viewport.is-panning,#gpBracketSection .rb-map-viewport.is-panning{cursor:grabbing;user-select:none}
#pgBracketSection .rb-map-stage,#gpBracketSection .rb-map-stage{min-height:0!important;flex-shrink:0}
#pgBracketSection .rb-map-world,#gpBracketSection .rb-map-world{overflow:visible}
#pgBracketSection .rb-score-board,#gpBracketSection .rb-score-board{position:relative;z-index:1;background:linear-gradient(180deg,#0c2c1f,#082117)}
#pgBracketSection .rb-map-viewport,#gpBracketSection .rb-map-viewport{position:relative;z-index:0}
#pgBracketSection .rb-map-lines,#gpBracketSection .rb-map-lines{display:block!important}
#pgBracketSection .rb-map-lines .rb-path-decided,#gpBracketSection .rb-map-lines .rb-path-decided{stroke:#b7ff3c;stroke-width:3;filter:drop-shadow(0 0 5px rgba(183,255,60,.45))}
#pgBracketSection .rb-map-lines .rb-path-pending,#gpBracketSection .rb-map-lines .rb-path-pending{stroke:#5d8a68;stroke-opacity:.78}
#pgBracketSection .rb-tree-match,#gpBracketSection .rb-tree-match{visibility:visible!important;opacity:1!important;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}
#pgBracketSection .rb-tree-match:hover,#gpBracketSection .rb-tree-match:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.42)}
#pgBracketSection .rb-tree-match.rb-tree-done,#gpBracketSection .rb-tree-match.rb-tree-done{border-color:#74b968;background:linear-gradient(145deg,#174230,#0f3023)}
#pgBracketSection .rb-tree-match.rb-tree-final,#gpBracketSection .rb-tree-match.rb-tree-final{border-color:#b7ff3c;box-shadow:0 0 22px rgba(183,255,60,.18),0 6px 16px rgba(0,0,0,.4)}
#pgBracketSection .rb-match.rb-done,#gpBracketSection .rb-match.rb-done{border-color:#68ab5e;background:linear-gradient(145deg,#153c2b,#0f2d21)}
#pgBracketSection .rb-map-stage,#gpBracketSection .rb-map-stage{overflow:visible!important}
.rb-heading-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.rb-heading-row .rb-heading{margin-bottom:0}
.rb-podium-banner{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rb-podium-gold,.rb-podium-bronze{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:5px 11px;border-radius:99px;font-weight:750}
.rb-podium-gold{background:rgba(183,255,60,.15);border:1px solid rgba(183,255,60,.5);color:#e7ffb8}
.rb-podium-gold strong{color:#b7ff3c;font-weight:900}
.rb-podium-bronze{background:rgba(218,176,104,.14);border:1px solid rgba(218,176,104,.45);color:#f3dfc0}
.rb-podium-bronze strong{color:#ffd596;font-weight:850}
.rb-top-cards .rb-match{touch-action:manipulation}
.rb-tree-match{touch-action:manipulation}
.rb-controls button{touch-action:manipulation;cursor:pointer}
/* The match editor remains readable with the Android keyboard open. */
.ib-edit-backdrop{position:fixed!important;inset:0!important;z-index:2147483400!important;overflow-y:auto!important;overscroll-behavior:contain}
.ib-edit-card{max-height:calc(100dvh - 24px);overflow-y:auto}
.rb-tree-title{max-width:100%}
/* Standings table & mobile navigation polish on /play */
.pg-standings-table th,.pg-standings-table td{font-variant-numeric:tabular-nums}
.pg-standings-table td:first-child{color:#b7ff3c;width:32px}
@media(max-width:640px){
 #pgBracketSection .rb-map-viewport,#gpBracketSection .rb-map-viewport{overflow-x:auto!important;overflow-y:hidden!important}
 .rb-toolbar .rb-controls{flex-wrap:wrap}
 .rb-score-board{min-width:0}
 .rb-top-cards{min-width:0}
 .rb-map-stage{max-width:none!important}
 .v340 .pg-nav{gap:6px;flex-wrap:wrap;justify-content:flex-end}
 .v340 .pg-nav a{display:inline-flex!important;font-size:11px;padding:7px 9px;border-radius:99px;background:rgba(20,55,43,.75);border:1px solid rgba(183,255,60,.18);color:#d7eadc}
}


/* Shuttloop V3.6.2: readable mobile tournament tree, zero miniature/vertical text. */
.rb-mobile-overview,.rb-map-toggle{display:none!important}
.rb-tree-title{overflow-wrap:normal!important;word-break:normal!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.rb-map-world,.rb-map-stage{flex:none!important;max-width:none!important}
.rb-mobile-stage{position:relative;min-width:0}
.rb-mobile-stage-title{display:flex;align-items:center;gap:10px;padding:10px 2px;color:#eaf8e7}
.rb-mobile-stage-title strong{font-size:14px;font-weight:850;flex:1}
.rb-mobile-stage-title>span:last-child{font-size:11px;color:#b0c7b6}
.rb-mobile-number{width:29px;height:29px;border-radius:50%;background:#b7ff3c;color:#072218;display:grid;place-items:center;font-size:12px;font-weight:900;flex:none}
.rb-mobile-cards{display:grid;grid-template-columns:1fr;gap:8px;min-width:0}
.rb-mobile-connector{font-size:20px;color:#b7ff3c;text-align:center;line-height:25px;margin:8px auto}
.rb-mobile-note{font-size:11px;color:#adc9b4;margin:10px 0 2px;text-align:center}
@media(max-width:700px){
 #pgBracketSection .rb-mobile-overview,#gpBracketSection .rb-mobile-overview{display:block!important;min-width:0;padding:13px;background:#09261b}
 #pgBracketSection .rb-map-viewport,#gpBracketSection .rb-map-viewport{display:none!important}
 #pgBracketSection .rb-map-toggle,#gpBracketSection .rb-map-toggle{display:inline-flex!important;align-items:center;justify-content:center;background:#b7ff3c!important;color:#071e12!important;border-color:#b7ff3c!important}
 #pgBracketSection .rb-controls button[data-rb-control="minus"],#pgBracketSection .rb-controls button[data-rb-control="plus"],#pgBracketSection .rb-controls button[data-rb-control="actual"],#pgBracketSection .rb-controls button[data-rb-control="fit"],#pgBracketSection .rb-percent{display:none!important}
 #pgBracketSection .rb-show-graphic .rb-mobile-overview,#gpBracketSection .rb-show-graphic .rb-mobile-overview{display:none!important}
 #pgBracketSection .rb-show-graphic .rb-map-viewport,#gpBracketSection .rb-show-graphic .rb-map-viewport{display:block!important;overflow-x:auto!important;overflow-y:hidden!important;touch-action:pan-x pan-y}
 #pgBracketSection .rb-show-graphic .rb-controls button[data-rb-control="minus"],#pgBracketSection .rb-show-graphic .rb-controls button[data-rb-control="plus"],#pgBracketSection .rb-show-graphic .rb-controls button[data-rb-control="actual"],#pgBracketSection .rb-show-graphic .rb-controls button[data-rb-control="fit"],#pgBracketSection .rb-show-graphic .rb-percent{display:inline-flex!important;align-items:center;justify-content:center}
 #pgBracketSection .rb-controls,#gpBracketSection .rb-controls{gap:7px}
 #pgBracketSection .rb-match,#gpBracketSection .rb-match{min-height:94px!important;max-width:100%;font-size:13px}
 #pgBracketSection .rb-tree-title,#gpBracketSection .rb-tree-title{max-width:none!important}
 #pgBracketSection .rb-mobile-overview .rb-line,#gpBracketSection .rb-mobile-overview .rb-line{font-size:13px;line-height:1.8}
 #pgBracketSection .rb-mobile-overview .rb-match,#gpBracketSection .rb-mobile-overview .rb-match{padding:12px}
 #pgBracketSection .rb-mobile-overview .rb-match small,#gpBracketSection .rb-mobile-overview .rb-match small{font-size:11px}
}
/* Knockout scores are already editable in the bracket; remove the duplicate,
   mostly-empty fixture panel below it. Friendly/league panels are unchanged. */
.v340 .pg-knockout-mode .cb-followup{grid-template-columns:minmax(0,1fr)!important}
.v340 .pg-knockout-mode .cb-match-table{display:none!important}

.v340 .cb-match-table[hidden]{display:none!important}
.v340:has(#pgBuilder.pg-knockout-mode) .cb-followup{grid-template-columns:minmax(0,1fr)!important}

@media(max-width:700px){
 /* The all-round cards are the actual score entry UI. Do not duplicate the
    selected round above them on phones. Tabs scroll to the relevant round. */
 #pgBracketSection .rb-top-cards,#gpBracketSection .rb-top-cards{display:none!important}
 #pgBracketSection .rb-score-board,#gpBracketSection .rb-score-board{padding-bottom:8px}
 #pgBracketSection .rb-round-tabs,#gpBracketSection .rb-round-tabs{padding-bottom:2px}
 #pgBracketSection .rb-mobile-stage,#gpBracketSection .rb-mobile-stage{scroll-margin-top:92px}
}


/* V3.6.3: Remove empty LIVE graphic and show real scoreable fixture cards instead.
   /play only; Club Admin has separate files and remains unchanged. */
.pg-body.v340 .cb-followup{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;width:100%;min-width:0}
.pg-body.v340 .cb-followup .cb-match-table{display:block!important;min-width:0;width:100%;grid-column:1/-1}
.pg-body.v340 .cb-followup .cb-team-card{display:none!important}
.pg-body.v340 .cb-match-table[hidden]{display:none!important}
.pg-body.v340 #pgBracketSection,.pg-body.v340 #pgBracketVisual,.pg-body.v340 #v35LiveBoard{display:none!important}
.pg-body.v340 .cb-match-table .pg-match-details{display:block!important;max-width:100%;min-width:0}
.pg-body.v340 .cb-match-table .pg-match-details>summary{list-style:none;cursor:default;pointer-events:none;padding:15px 18px;font-size:15px;line-height:1.45;border-radius:13px;background:#173c2c;color:#eaf7e9}
.pg-body.v340 .cb-match-table .pg-match-details>summary::-webkit-details-marker{display:none}
.pg-body.v340 .pg-match-details>summary span{display:block;opacity:.8;font-size:11px;font-weight:550;line-height:1.5;margin-top:5px}
.pg-body.v340 .pg-matches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;margin:13px 0 0}
.pg-body.v340 .pg-match-round{grid-column:1/-1;font-weight:850;color:#b7ff3c;font-size:13px;letter-spacing:.06em;padding:12px 0 3px;text-transform:uppercase;border-bottom:1px solid #315541}
.pg-body.v340 .pg-match{min-width:0;width:100%;margin:0;background:#12382a;border:1px solid #457657;border-radius:13px;padding:15px}
.pg-body.v340 .pg-match .pg-match-body{display:grid;grid-template-columns:minmax(0,1fr) 52px 10px 52px minmax(0,1fr);gap:7px;align-items:center;min-width:0}
.pg-body.v340 .pg-match .pg-match-name{min-width:0;overflow-wrap:anywhere;font-weight:750}
.pg-body.v340 .pg-match .pg-match-name.right{text-align:right}
.pg-body.v340 .pg-match input[data-score]{box-sizing:border-box;min-width:0;width:52px;min-height:44px;text-align:center;font-size:18px;border:1px solid #658a6e;border-radius:9px;background:#092116;color:#fff}
.pg-body.v340 .pg-match input[data-score]:focus{outline:2px solid #b7ff3c;outline-offset:1px}
.pg-body.v340 #pgBracketPng[hidden]{display:none!important}
.pg-body.v340 #pgBracketPng:not([hidden]){display:inline-flex}
.pg-body.v340 .pg-match-bye{overflow-wrap:anywhere}
@media(max-width:840px){.pg-body.v340 .pg-matches{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){
 .pg-body.v340 .cb-followup{gap:10px!important}
 .pg-body.v340 .pg-matches{gap:10px}
 .pg-body.v340 .pg-match{padding:14px 12px}
 .pg-body.v340 .pg-match .pg-match-body{grid-template-columns:minmax(0,1fr) 54px;grid-template-rows:minmax(42px,auto) minmax(42px,auto);gap:8px 10px}
 .pg-body.v340 .pg-match .pg-match-name{grid-column:1;grid-row:1;text-align:left!important;font-size:13px;line-height:1.45}
 .pg-body.v340 .pg-match .pg-match-name.right{grid-column:1;grid-row:2}
 .pg-body.v340 .pg-match input[data-score="a"]{grid-column:2;grid-row:1;width:54px;height:44px}
 .pg-body.v340 .pg-match input[data-score="b"]{grid-column:2;grid-row:2;width:54px;height:44px}
 .pg-body.v340 .pg-match .pg-match-body>span{display:none}
 .pg-body.v340 .cb-match-table .pg-match-details>summary{padding:12px 14px;font-size:14px}
}

/* V3.6.4 — always-visible return to Home from public Game Planner */
.pg-nav .pg-home-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 14px;border:1px solid rgba(183,255,60,.34);background:rgba(183,255,60,.07);border-radius:11px;color:#b7ff3c;font-weight:850;white-space:nowrap}
.pg-nav .pg-home-link:hover{background:rgba(183,255,60,.17)}
@media(max-width:600px){.pg-header{gap:6px;flex-wrap:wrap;justify-content:space-between;padding:9px 0}.pg-nav{gap:7px;flex-wrap:wrap;justify-content:flex-end}.pg-nav .pg-home-link{padding:9px 11px;min-height:40px;font-size:12px}.pg-nav a:not(.pg-home-link){font-size:11px}.pg-nav .pg-account-btn{padding:9px 10px}}
