/* Scoped extension of Orbit; existing public site, athlete home and Datos remain intact. */
.club-view{max-width:860px;margin-inline:auto;padding-bottom:100px;color:#edf2f7;overflow-wrap:anywhere}
.club-view h1{font-family:Archivo,system-ui,sans-serif!important;font-size:clamp(30px,7.8vw,48px)!important;line-height:1.08!important;font-weight:650!important;letter-spacing:-.025em!important;margin:8px 0 16px!important}
.club-view h2{font-family:Archivo,system-ui,sans-serif!important;font-size:23px!important;font-weight:550!important;letter-spacing:-.015em!important;margin:0 0 20px!important}
.club-view h3,.club-view h4{font:600 17px/1.4 system-ui!important;letter-spacing:normal!important;margin:16px 0 8px}
.club-view p{line-height:1.6;white-space:pre-wrap}
.club-eyebrow{font-size:12px;letter-spacing:.12em;color:#b8cad9;text-transform:uppercase;margin:24px 0 0}
.club-intro{font-size:16px;color:#b5c2cf;max-width:52ch;margin-bottom:24px}
.club-muted{font-size:14px!important;font-weight:400!important;color:#b3c1cf;line-height:1.55;letter-spacing:normal!important;text-transform:none!important}
.club-toolbar{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin:24px 0}
.club-toolbar label{flex:1;min-width:0}
.club-view button{min-height:44px;max-width:100%;white-space:normal;font-size:13px;letter-spacing:.035em;margin:4px 0}
.club-view button:disabled{opacity:.55;cursor:wait}
.club-view button.primary{margin:12px 0 20px}
.club-section{padding:28px 0;border-top:1px solid #ffffff1c}
.club-disclosure{border-block:1px solid #ffffff18;margin:16px 0;padding:4px 0}
.club-view summary{cursor:pointer;padding:14px 0;min-height:48px;font-size:15px;line-height:1.5}
.club-view summary:focus-visible,.club-view button:focus-visible,.club-view a:focus-visible{outline:2px solid #a8d6ff;outline-offset:4px;border-radius:8px}
.club-view label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#cbd6e0;margin:16px 0;line-height:1.5}
.club-view label:has(input[type=checkbox]){flex-direction:row;align-items:center;min-height:44px;gap:16px}
.club-view input,.club-view textarea,.club-view select{width:100%;min-width:0;max-width:100%;min-height:48px;font:16px/1.45 system-ui!important;letter-spacing:normal!important;text-transform:none!important;color:#edf2f7;background:#111923;border:1px solid #ffffff30;border-radius:12px;padding:12px;box-sizing:border-box}
.club-view input[type=checkbox]{width:24px;min-height:24px;flex:0 0 24px;order:-1;accent-color:#a8d6ff}
.club-view textarea{min-height:120px;resize:vertical}
.club-view fieldset{border:1px solid #ffffff30;border-radius:12px;padding:8px 16px}
.club-view [hidden]{display:none!important}
.club-editor{max-width:640px;margin:24px 0}
.club-task,.club-player-task{display:block!important;width:100%;background:transparent!important;border:0!important;border-bottom:1px solid #ffffff20!important;border-radius:0!important;text-align:left!important;padding:20px 0!important;color:#edf2f7!important;font:500 17px/1.5 system-ui!important;letter-spacing:normal!important;text-transform:none!important;box-shadow:none!important}
.club-task span,.club-player-task summary span{display:block;margin-top:6px}
.club-task:hover{color:#a8d6ff!important}
.club-task-body{max-width:62ch;padding:8px 0 16px}
.club-attempt{padding:16px 0 24px;border-top:1px solid #ffffff20}
.club-person{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #ffffff15}
.club-person button:first-child{flex:1;text-align:left}
.club-link{display:inline-flex;align-items:center;min-height:44px;color:#a8d6ff;text-decoration:underline;text-underline-offset:4px;max-width:100%}
@media(min-width:760px){.club-view{padding-inline:32px}.club-section{padding-block:32px}}
html body .club-view{display:block}
html body .club-view[hidden]{display:none!important}
html body .club-view .club-intro{margin:12px 0 24px}
html body .club-view .club-eyebrow{margin-top:20px}

/* Video stays within the reading column; no new 3D/canvas loop. */
.club-view .club-player{margin:20px 0;max-width:100%;width:100%}
.club-view .club-player video{display:block;max-width:100%;width:100%;max-height:65vh;object-fit:contain;background:#000;border-radius:12px}
.club-view .video-upload{padding:16px 0;max-width:640px}
.club-view progress{display:block;width:100%;height:8px;margin:16px 0 24px;accent-color:#a8d6ff}
.club-view input[type=file]{font-size:14px!important;padding:12px 8px}
.club-view input[type=file]::file-selector-button{min-height:44px;background:#203041;color:#edf2f7;border:0;border-radius:8px;margin-right:8px}

html body .club-view{box-sizing:border-box;min-width:0}

/* Session planner: deliberate sequence, compact controls, readable pitchside instructions. */
#v-clubplanner .planner-pitch{display:block;width:min(100%,340px);height:auto;margin:20px auto;max-height:65vh}
#v-clubplanner .planner-clock{display:block;font:600 clamp(56px,16vw,100px)/1.2 Archivo,sans-serif;font-variant-numeric:tabular-nums;margin:24px 0;color:#edf2f7}
#v-clubplanner .planner-instructions,#v-clubplanner .club-muted{white-space:pre-line}
#v-clubplanner .club-toolbar{flex-wrap:wrap}
#v-clubplanner details{margin-block:14px}
@media print{
 body:has(#v-clubplanner:not([hidden])){background:white!important;color:black!important;padding:0!important}
 body:has(#v-clubplanner:not([hidden])) .top,body:has(#v-clubplanner:not([hidden])) #tabs,body:has(#v-clubplanner:not([hidden])) #dock,body:has(#v-clubplanner:not([hidden])) canvas,body:has(#v-clubplanner:not([hidden])) #toast{display:none!important}
 #v-clubplanner{max-width:none!important;color:black!important;padding:0!important;animation:none!important}
 #v-clubplanner button,#v-clubplanner .planner-no-print{display:none!important}
 #v-clubplanner h1,#v-clubplanner h2,#v-clubplanner p{color:black!important;text-shadow:none!important}
 #v-clubplanner .club-section{break-inside:avoid;border-color:#999!important}
 #v-clubplanner .planner-pitch{background:#102b22!important;max-height:400px;print-color-adjust:exact}
}
@media print{#v-clubplanner form{display:none!important}}

/* Organisation governance follows the existing Orbit club surfaces. */
#v-cluborg .org-invitation{padding:16px 0;border-bottom:1px solid #ffffff18}
#v-cluborg code{overflow-wrap:anywhere;white-space:pre-wrap}
#v-cluborg fieldset{margin:16px 0}
#v-cluborg input[readonly],#v-cluborg textarea[readonly]{font-family:ui-monospace,monospace!important;font-size:14px!important}
#v-cluborg fieldset label{font-size:14px}
#v-cluborg form{max-width:640px}
#v-cluborg .club-section{margin-top:24px}