/* Shuttloop V3.6 — Simplified Setup → Play → Share.
   Presentation-only progressive disclosure: all original score engines, saved-record
   endpoints, artwork exporters and club permissions remain intact. */
.v360 .pg-wrap{max-width:1090px}
.v360 .cb-top{padding:26px 0 17px}
.v360 .cb-top h1{font-size:clamp(33px,4vw,49px);letter-spacing:-.055em}
.v360 .cb-top p{max-width:520px}
.v360 .sv-progress{order:1;display:flex;justify-content:center;align-items:center;gap:13px;margin:0 0 19px;padding:12px 14px;border-radius:14px;background:#0e3024;border:1px solid #315943;color:#8fad9a;font-size:12px;font-weight:800}
.v360 .sv-progress span{display:flex;align-items:center;gap:9px}.v360 .sv-progress span b{width:24px;height:24px;display:grid;place-items:center;border:1px solid #4e795a;border-radius:50%;color:#c6eac6}
.v360 .sv-progress span.sv-on{color:#b7ff3c}.v360 .sv-progress span.sv-on b{background:#b7ff3c;border-color:#b7ff3c;color:#071d17}.v360 .sv-progress i{width:36px;height:1px;background:#426753;flex:0 1 36px}
.v360 .cb-builder{order:2;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:14px}
.v360 .cb-panel{box-shadow:none;padding:23px}
.v360 .cb-section-title{margin-bottom:18px}.v360 .cb-section-title h2{font-size:20px}
.v360 .cb-modes{margin-bottom:17px}.v360 .cb-modes .pg-mode>span{min-height:95px;gap:4px;padding:13px 12px}
.v360 .cb-modes .pg-mode strong{font-size:15px}.v360 .cb-modes .pg-mode small{font-size:11px;line-height:1.4}
.v360 .cb-config{grid-template-columns:1fr;margin-top:5px}.v360 .cb-config>.pg-field{max-width:100%;margin:0 0 6px}
.v360 .sv-format-chooser{margin-top:14px}.v360 .sv-format-chooser[hidden],.v360 .sv-play-step[hidden],.v360 .sv-share-step[hidden],.v360 .sv-extras[hidden],.v360 .sv-expander[hidden]{display:none!important}
.v360 .sv-format-chooser>strong,.gp-sv-formats>strong{font-size:10px;color:#a4cdb4;letter-spacing:.08em;font-weight:850;display:block;margin-bottom:9px}
.v360 .sv-format-buttons,.v360 .sv-more-buttons,.gp-sv-formats .sv-format-buttons,.gp-sv-formats .sv-more-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.v360 .sv-more-buttons,.gp-sv-formats .sv-more-buttons{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:8px}
.v360 .sv-format-btn,.gp-sv-formats [data-gp-style]{border:1px solid #3d694c;background:#0b281d;border-radius:12px;padding:10px 7px;color:#def0df;min-height:61px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:13px;font-weight:750;text-align:center;cursor:pointer}
.v360 .sv-format-btn b{font-size:12px;line-height:1.25}.v360 .sv-format-btn small{font-size:9px;color:#a4c0a5;font-weight:500;line-height:1.3}
.v360 .sv-format-btn.active,.gp-sv-formats [data-gp-style].active{background:#204d32;border-color:#b7ff3c;box-shadow:inset 0 0 0 1px #b7ff3c60;color:#ccff90}
.v360 .sv-format-btn:focus-visible,.gp-sv-formats [data-gp-style]:focus-visible{outline:2px solid #b7ff3c;outline-offset:2px}
.v360 .sv-small-details,.gp-sv-formats .sv-small-details{margin-top:10px}.v360 .sv-small-details summary,.gp-sv-formats .sv-small-details summary{font-size:11px;font-weight:750;color:#b8e3bd;cursor:pointer;padding:7px 2px}
.v360 #pgStyleArea,.v360 #pgStyleArea[hidden],#view-planner .sv-legacy-style,#view-planner .sv-legacy-style[hidden]{display:none!important}
.v360 .sv-advanced,.gp-sv-advanced{border:1px solid #386249;border-radius:13px;margin-top:17px;background:#0b281d;overflow:hidden}
.v360 .sv-advanced>summary,.gp-sv-advanced>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:8px;align-items:center;padding:13px 14px;color:#e2f7e0;font-size:12px;font-weight:800}
.v360 .sv-advanced>summary::-webkit-details-marker,.gp-sv-advanced>summary::-webkit-details-marker{display:none}
.v360 .sv-advanced>summary:after,.gp-sv-advanced>summary:after{content:'⌄';color:#b7ff3c;font-size:18px;margin-left:auto}
.v360 .sv-advanced[open]>summary:after,.gp-sv-advanced[open]>summary:after{content:'⌃'}
.v360 .sv-advanced summary small,.gp-sv-advanced summary small{color:#95b3a0;font-size:10px;font-weight:600}
.v360 .sv-advanced-body,.gp-sv-advanced .sv-advanced-body{padding:2px 14px 13px;display:grid;gap:4px}
.v360 .sv-advanced-body .pg-field{margin-bottom:9px}.v360 .sv-advanced-body .cb-advanced{margin-top:4px}.v360 .sv-advanced-body .cb-config{grid-template-columns:repeat(2,minmax(0,1fr))}
.v360 .cb-roster-top textarea{min-height:204px}.v360 .cb-roster-footer{font-size:11px}
.v360 .cb-action-row{order:3;box-shadow:none;border-radius:15px;background:#123828;padding:16px 20px}.v360 .cb-action-row p{margin-top:3px}.v360 main>#pgError{order:3}
.v360 .cb-output{order:4;padding:16px 20px;margin-top:14px;border-radius:16px;background:#0c2b20;box-shadow:none}
.v360 .cb-output-top h2{font-size:25px}.v360 .cb-output-top p{margin:3px 0}.v360 #pgStats{margin:12px 0 0}
.v360 .pg-stat strong{font-size:24px}.v360 .pg-stat span{font-size:10px}
.v360 #svPlayStep{order:5;margin-top:14px;padding:clamp(13px,2vw,22px);background:#0c2d21;border:1px solid #3a654d;border-radius:18px;min-width:0}
.v360 .sv-step-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}
.v360 .sv-step-heading>div>span{display:block;font-weight:900;font-size:10px;color:#b7ff3c;letter-spacing:.12em}
.v360 .sv-step-heading h2{font-size:clamp(21px,3vw,29px);letter-spacing:-.035em;line-height:1.2;margin:4px 0}.v360 .sv-step-heading p{font-size:12px;color:#a0bea8;margin:0}
.v360 .sv-live-pill{white-space:nowrap;border:1px solid #487a51;color:#bbf978;background:#153f29;font-size:10px;font-weight:850;padding:7px 10px;border-radius:99px}
.v360 #svPlayStep>.pg-match-details{border:0;margin:0;padding:0;background:transparent;min-width:0}
.v360 #svPlayStep>.pg-match-details>summary{display:none}
.v360 .sv-round-nav{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 15px}
.v360 .sv-round-nav[hidden]{display:none!important}
.v360 .sv-round-nav button{border:1px solid #446f53;background:#0d2a20;color:#bdd7bf;border-radius:99px;padding:9px 12px;font-size:12px;font-weight:800;cursor:pointer}
.v360 .sv-round-nav button.active{background:#b7ff3c;border-color:#b7ff3c;color:#082314}
.v360 #pgMatchList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
.v360 #pgMatchList>.pg-match-round{grid-column:1/-1;font-size:11px;color:#b7ff3c;font-weight:850;padding:3px 0}
.v360 #pgMatchList .pg-match{margin:0;min-width:0;background:#123729;border:1px solid #3e7352;border-radius:14px;padding:14px}
.v360 #pgMatchList .pg-match-body{gap:7px;grid-template-columns:minmax(0,1fr) 36px 10px 36px minmax(0,1fr)}
.v360 #pgMatchList input[data-score]{font-size:16px;font-weight:900;width:36px;min-width:0;text-align:center;padding:6px 2px;border:1px solid #64836a;border-radius:8px;background:#061b13;color:#f4fff3}
.v360 #pgMatchList input[data-score]:focus{outline:2px solid #b7ff3c;outline-offset:1px}
.v360 .sv-expander{border:1px solid #38654a;background:#0b281e;border-radius:14px;overflow:hidden;margin-top:10px;min-width:0}
.v360 .sv-expander>summary{cursor:pointer;font-size:13px;font-weight:850;color:#e4f6e5;padding:15px;list-style:none}
.v360 .sv-expander>summary::-webkit-details-marker{display:none}.v360 .sv-expander>summary:after{content:'+';float:right;color:#b7ff3c;font-size:18px;line-height:1}
.v360 .sv-expander[open]>summary:after{content:'−'}
.v360 .sv-expander-content{padding:0 12px 12px;min-width:0}
.v360 #svFullTreeDetails #pgBracketSection{margin:0;order:unset}
.v360 #svFullTreeDetails #pgBracketSection .gv-bracket-heading{margin-bottom:10px}
.v360 #svFullTreeDetails #pgBracketSection .gv-bracket-heading h3{font-size:17px}
.v360 #svExtras{order:6;margin-top:7px;min-width:0}.v360 #svExtras .v35-queue{margin:0}
.v360 #svExtras #v35LiveBoard{margin:0}.v360 #svExtras #pgStandings{margin:0}.v360 #svExtras .cb-team-card{margin:0;padding:12px;background:transparent;border:0}
.v360 #svShareStep{order:7;margin-top:15px;padding:19px;background:linear-gradient(145deg,#0b2f20,#061e16);border:1px solid #37664b;border-radius:17px;min-width:0}
.v360 #svShareStep .cb-tools{margin:0;display:flex;gap:8px;flex-wrap:wrap;padding:5px 0 0;border:0}
.v360 #svShareStep .cb-tools #pgSave{display:none}
.v360 #svShareStep .sv-save-action{margin-top:12px;background:#193e2e;border:1px solid #5a8660;display:inline-flex;color:#ebf7e9}
.v360 #svShareStep .sv-expander{margin-top:0}.v360 #svShareStep .cb-save-hint{font-size:11px}
.v360 .cb-followup{display:none!important}.v360 .cb-save-banner{order:8;margin-top:11px}
.v360 .cb-save-banner .pg-btn{font-size:12px}
/* Club Admin: keep session selector and player roster at hand; advanced controls collapsed. */
#view-planner .gp-sv-formats{margin:14px 0 5px}
#view-planner .gp-sv-formats[hidden],#view-planner .sv-expander[hidden]{display:none!important}
#view-planner .gp-sv-formats .sv-format-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}
#view-planner .gp-sv-formats [data-gp-style]{font-size:12px;min-height:46px}
#view-planner .gp-sv-advanced{margin:10px 0 14px}
#view-planner .gp-sv-advanced .gp-form-grid{display:grid}
#view-planner .gp-sv-advanced .gp-label{margin-bottom:9px}
#view-planner .gp-result-actions{margin:13px 0}
#view-planner .gp-results .sv-expander>summary{padding:12px;color:#e2f1e1;cursor:pointer;font-size:13px;font-weight:750}
#view-planner .gp-results .sv-expander-content{padding:0 12px 12px}
#view-planner #gpBracketSection{margin:0!important;max-width:100%}
#view-planner #gpV350Queue{margin:0}
@media(max-width:900px){.v360 .cb-builder{grid-template-columns:1fr}.v360 .cb-roster-top textarea{min-height:154px}}
@media(max-width:640px){.v360 .cb-top{padding:18px 0 10px}.v360 .cb-top h1{font-size:34px}.v360 .cb-panel{padding:16px}.v360 .sv-progress{gap:6px;font-size:11px;padding:10px 5px}.v360 .sv-progress i{width:13px;flex:0 1 13px}.v360 .sv-progress span{gap:5px}.v360 .sv-progress span b{width:21px;height:21px}.v360 .cb-modes .pg-mode>span{min-height:84px}.v360 .sv-format-btn{min-height:57px;padding:8px 4px;font-size:12px}.v360 .sv-format-btn b{font-size:11px}.v360 .sv-format-btn small{font-size:9px}.v360 #svPlayStep{padding:13px}.v360 #pgMatchList{grid-template-columns:1fr}.v360 #pgMatchList .pg-match-body{grid-template-columns:minmax(0,1fr) 35px 10px 35px minmax(0,1fr)}.v360 .sv-live-pill{display:none}.v360 .sv-step-heading h2{font-size:21px}.v360 .sv-step-heading p{font-size:11px}.v360 #svShareStep{padding:14px}.v360 #svShareStep .cb-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.v360 #svShareStep .cb-tools .pg-btn{min-height:40px}.v360 .sv-round-nav button{padding:8px 10px}}
@media(max-width:365px){.v360 .sv-format-buttons{gap:4px}.v360 .sv-format-btn small{display:none}.v360 #pgMatchList .pg-match-body{grid-template-columns:minmax(0,1fr) 33px 6px 33px minmax(0,1fr);gap:3px}}

.v360 #svShareStep>.sv-records-action{display:inline-flex;margin:12px 0 0 8px;background:transparent;border-color:#426b50;color:#c0e8c0}
@media(max-width:640px){
 .v360 #pgMatchList .pg-match-body{display:grid;grid-template-columns:minmax(0,1fr) 55px;grid-template-rows:minmax(43px,auto) minmax(43px,auto);gap:8px 10px;align-items:center}
 .v360 #pgMatchList .pg-match-name{grid-column:1;grid-row:1;min-width:0;text-align:left!important;font-size:13px;line-height:1.4;overflow-wrap:anywhere}
 .v360 #pgMatchList .pg-match-name.right{grid-column:1;grid-row:2;text-align:left!important}
 .v360 #pgMatchList input[data-score="a"]{grid-column:2;grid-row:1;width:55px;min-height:44px;font-size:18px}
 .v360 #pgMatchList input[data-score="b"]{grid-column:2;grid-row:2;width:55px;min-height:44px;font-size:18px}
 .v360 #pgMatchList .pg-match-body>span{display:none}
 .v360 #svShareStep>.sv-records-action{margin:10px 0 0;width:100%;justify-content:center}
}