.specific-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;padding:25px 0 30px;border-top:1px solid var(--line)}.specific-heading h2{font-size:clamp(30px,3.3vw,48px);margin:12px 0;letter-spacing:-1.5px}.specific-heading p:not(.eyebrow){font-size:16px;max-width:620px;line-height:1.5;color:var(--muted)}.board-picker{min-width:300px;max-width:390px}.board-picker>label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px}.board-picker select{width:100%;background:#f4f2e7;border:1px solid #a6b29b;color:#243e2d;font:inherit;padding:14px 35px 14px 14px;border-radius:0}.board-picker>div{display:flex;justify-content:space-between;gap:15px;margin-top:8px}.board-picker button{border:0;background:transparent;font-size:11px;color:#405737;padding:10px 0;min-height:44px}.page-pizarra .tactic-layout{grid-template-columns:minmax(0,1fr) 330px}.tactic-reading{display:block;padding:28px}.tactic-reading h2{font-size:28px;margin:20px 0}.phase-reading{font-size:16px;line-height:1.6}.coaching-focus{margin:22px 0;padding:18px 0;border-top:1px solid #c5ceb7;border-bottom:1px solid #c5ceb7}.coaching-focus>span{font-size:9px;letter-spacing:2px;color:#7b6738}.coaching-focus p{font-size:14px;line-height:1.6;margin:9px 0 0}.phase-original{margin:0}.phase-original img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}.phase-original figcaption{font-size:9px;letter-spacing:1.5px;margin:10px 0;color:#657353}#phase-video{font:inherit;font-size:12px;text-align:left;line-height:1.5;background:transparent;border:0;border-bottom:1px solid #8f9d7b;padding:10px 0;color:#2b4936;min-height:44px}.sequence-steps{grid-template-columns:repeat(5,minmax(0,1fr))}.sequence-steps button{font-size:12px;line-height:1.5;text-transform:none;padding:18px 12px;min-height:80px}.sequence-steps span{letter-spacing:1px;color:#637456}.source-note{max-width:none}.source-note>p{font-size:13px;color:#42583c}.source-note details{font-size:12px;line-height:1.7;margin-top:12px;max-width:850px}.source-note summary{cursor:pointer}.layer-controls{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.layer-controls>span{display:block;font-size:10px;order:3;width:100%;color:#c9d6be}.layer-controls select{background:#254533;color:#f0f3e6;border:1px solid #809375;padding:7px;font-size:11px}.board-controls button:disabled{opacity:.35;cursor:default}.board-controls{flex-wrap:wrap}.board-controls button{min-height:44px}.board-controls #t-play{min-width:160px}.page-pizarra #simulacion{scroll-margin-top:90px}.live-reading{min-height:78px}.board:has(.field-stage) #pitch{background:transparent}.board-picker select:focus-visible,button:focus-visible{outline:3px solid #b39843;outline-offset:3px}
@media(max-width:1050px){.page-pizarra .tactic-layout{grid-template-columns:minmax(0,1fr) 280px}.tactic-reading{padding:20px}.tactic-reading h2{font-size:25px}.phase-reading{font-size:14px}.specific-heading{gap:20px}.board-picker{min-width:260px}}
@media(max-width:850px){.specific-heading{display:block;padding-top:22px}.board-picker{max-width:none;margin-top:24px}.page-pizarra .tactic-layout{grid-template-columns:1fr}.tactic-reading{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;padding:25px}.tactic-reading>#t-phase,.tactic-reading>h2{grid-column:1/-1;margin:0}.tactic-reading>.phase-reading,.tactic-reading>.coaching-focus{grid-column:1;margin:0}.phase-original{grid-column:2;grid-row:3/5;align-self:start}#phase-video{grid-column:2}.sequence-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible}.sequence-steps button{min-width:0;font-size:10px;padding:14px 5px}.sequence-steps span{font-size:9px}}
@media(max-width:540px){.page-pizarra .tactics{padding-left:5vw;padding-right:5vw}.specific-heading h2{font-size:34px}.specific-heading p:not(.eyebrow){font-size:14px}.tactic-reading{display:block;padding:22px}.tactic-reading h2{margin:16px 0!important;font-size:27px}.phase-reading{font-size:15px}.coaching-focus{margin:18px 0!important;padding:16px 0}.phase-original{margin-top:20px}.board-top{padding:15px 12px;gap:10px}.board-top>span{font-size:8px;letter-spacing:.5px}.board-top select{max-width:130px;margin-left:3px}.board-controls{padding:12px;gap:7px}.board-controls button{padding:9px;font-size:11px}.board-controls #t-play{min-width:140px}.board-controls #t-reset{font-size:10px}.board-controls #t-count{margin-left:auto}.live-reading{padding:13px;gap:12px}.live-reading strong{font-size:15px}.scrub-label{margin:7px 12px 0}#t-progress{width:calc(100% - 24px);margin:12px}.layer-controls{padding:0 12px 16px}.sequence-steps{display:grid;grid-template-columns:1fr;gap:0}.sequence-steps button{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 12px;font-size:12px;text-align:left;border-top:0;border-left:3px solid transparent}.sequence-steps span{margin:0;flex-shrink:0}.sequence-steps button[aria-current=step]{border-left-color:#334c34}.source-note{font-size:11px}}
/* Five observed instants: a large source image beside the schematic. */
.moment-notice{padding:18px 22px;margin-bottom:20px;background:#eeefdf;border-left:3px solid #8d9d74}.moment-notice h3{font-size:20px;line-height:1.2;margin:0 0 8px;font-weight:500}.moment-notice p{font-size:13px;line-height:1.65;margin:0;max-width:900px}.editorial-site.page-pizarra .tactic-layout{grid-template-columns:minmax(0,1.12fr) minmax(320px,1fr);align-items:start}.editorial-site .tactic-reading{display:flex;flex-direction:column}.editorial-site .tactic-reading .phase-original{margin:0}.editorial-site .tactic-reading #phase-video{margin-bottom:20px}.editorial-site .tactic-reading #t-phase{margin:0}.editorial-site .tactic-reading h2{margin:16px 0}.editorial-site .tactic-reading .phase-reading{margin:0}.editorial-site .tactic-reading .coaching-focus{margin-bottom:0}.layer-controls label[hidden]{display:none}.phase-original img{border:1px solid #adba96}.editorial-site .sequence-steps button{min-height:64px}.editorial-site .sequence-steps button[aria-current=step]{box-shadow:inset 0 -3px #48613d}.editorial-site .layer-controls{gap:10px}.editorial-site .board-controls #t-play{min-width:150px}
@media(max-width:850px){.editorial-site.page-pizarra .tactic-layout{grid-template-columns:1fr}.editorial-site .tactic-reading{order:-1}.editorial-site .tactic-reading .phase-original{max-width:640px}.moment-notice{padding:15px}.moment-notice p{font-size:12px}.editorial-site .lab-board .sequence-steps{display:grid;grid-template-columns:1fr;gap:0}.editorial-site .lab-board .sequence-steps button{display:flex;text-align:left;align-items:center;gap:14px;padding:10px 13px;min-height:46px;font-size:12px;border-top:0;border-left:3px solid transparent}.editorial-site .lab-board .sequence-steps span{font-size:10px;margin:0;min-width:62px}.editorial-site .lab-board .sequence-steps button[aria-current=step]{border-left-color:#48613d;box-shadow:none}.editorial-site .lab-board .tactic-reading{padding:18px}}
#phase-zoom{display:inline-block;font-size:12px;line-height:1.5;padding:8px 0;color:#304c36;border-bottom:1px solid #9dac8a;min-height:40px}
@media(max-width:850px){.editorial-site.page-pizarra .tactic-layout{display:grid}.editorial-site.page-pizarra .tactic-reading{order:-1}}
/* Clear reading and optional analysis tools. */
.analysis-tools,.draw-tools{margin:18px 0;padding:20px 24px;border:1px solid #c5cebc;background:#f2f2e7;color:#24372b}.analysis-tools summary{cursor:pointer;font-size:16px;min-height:32px}.analysis-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.analysis-grid label,.draw-actions label{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px}.analysis-grid select,.draw-actions select{max-width:100%;padding:10px;background:#fffdf5;border:1px solid #adbba1}.analysis-grid input[type=range]{width:100%}.analysis-grid input[type=color],.draw-actions input[type=color]{height:42px;width:52px;border:0;padding:3px}.analysis-grid button,.draw-actions button{padding:10px 14px;min-height:44px;background:#fffdf5;border:1px solid #acb99f;color:#263d2c}.analysis-tools p,.draw-tools p{font-size:12px;line-height:1.65;margin-top:14px}.draw-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:14px}.ball-status{color:#fff1b8!important;font-size:14px!important;line-height:1.6;padding:14px 22px!important;margin:0!important;background:#284539}.annotatable-photo{position:relative}.annotatable-photo img{display:block;width:100%;height:auto}.annotation-surface{position:absolute!important;inset:0;width:100%!important;height:100%!important;z-index:5;pointer-events:none;touch-action:none}.field-stage .annotation-surface{object-fit:fill}.tactics:fullscreen,.tactics.expanded-board{background:#f8f5ec;overflow:auto;padding:24px;width:100%;height:100%}.tactics.expanded-board{position:fixed;inset:0;z-index:1000}.tactics:fullscreen .tactic-layout{max-width:1550px;margin:auto}.moment-notice p+p{font-size:12px;margin-top:8px}.phase-original{margin:0}.phase-original .annotatable-photo img{border:0}
@media(max-width:850px){.analysis-grid{grid-template-columns:1fr 1fr}.analysis-tools,.draw-tools{padding:16px}.draw-actions{gap:10px}.ball-status{padding:12px!important}.draw-actions label:first-child{flex-basis:100%}.draw-actions select{flex:1}.tactics:fullscreen,.tactics.expanded-board{padding:12px}}
@media(max-width:440px){.analysis-grid{grid-template-columns:1fr}}
#comparison-player video{width:100%;display:block;aspect-ratio:16/9;background:#14241b}#comparison-player p{font-size:12px;line-height:1.6}#comparison-player[hidden],.phase-original[hidden]{display:none!important}#compare-video,#comparison-close{padding:13px 12px;border:1px solid #819674;color:#233c29;background:#e3e9d4;min-height:44px;text-align:left;margin:12px 0;width:100%}.draw-tools summary{cursor:pointer;font-size:16px;min-height:32px}
/* Observed image is the primary spatial reference. */
.reading-mode{margin:20px 0;background:#e7ecd9;padding:20px 24px}.reading-mode label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px}.reading-mode select{font:inherit;width:100%;max-width:490px;padding:12px;background:#fffdf5;border:1px solid #829675}.reading-mode p{font-size:13px;line-height:1.7;max-width:900px}.moment-transport{margin:22px 0;background:#223e2d;color:#f2eddc;padding:12px 20px}.moment-transport .board-controls{margin:0;padding:0}.moment-transport>input{width:100%;accent-color:#e5ca80}.moment-transport .scrub-label{display:block;margin-top:12px}.reference-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);gap:24px;align-items:start}.reference-main{min-width:0}.reference-stage{position:relative;background:#203329;aspect-ratio:16/9}.reference-stage>img{width:100%;height:100%;object-fit:contain;display:block}.reference-stage>canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.reference-stage #reference-models{z-index:2}.reference-marker{position:absolute;z-index:4;transform:translate(-50%,-125%);border:3px solid var(--kit);border-radius:50%;width:32px;height:32px;min-height:0;padding:0;background:#172c28;color:white;font:bold 15px Arial;box-shadow:0 0 0 2px #fff9;cursor:pointer}.reference-marker:after{content:'';position:absolute;top:100%;left:50%;height:10px;width:2px;background:white}.reference-marker.active{background:#ffe2a0;color:#142d23;box-shadow:0 0 0 3px #ffe2a066}.reference-ball{position:absolute;z-index:3;width:16px;height:16px;transform:translate(-50%,-50%);border:2px solid #fff6b0;border-radius:50%;box-shadow:0 0 0 3px #172c2888;pointer-events:none}.reference-main>.board{display:none}.reference-layout .phase-original{display:none}.is-scheme .reference-main>.board{display:block}.is-scheme .reference-stage{display:none}.is-scheme .reference-layout .phase-original{display:block}.scheme-option{display:none!important}.is-scheme .scheme-option{display:flex!important}.reference-layout .tactic-reading{display:block;min-width:0;padding:24px;background:#edf0e1}.reference-kit,#reference-kit{font-size:13px;line-height:1.65;margin-top:14px}.reference-limit,.coach-caution{font-size:11px;line-height:1.65;color:#65725e;margin-top:10px}.coach-explanation{margin-top:26px;border-top:1px solid #c1cbb6;padding-top:22px}.coach-explanation>.eyebrow{font-size:10px}.coach-explanation #coach-moment{font-size:17px;line-height:1.6;margin:12px 0 22px}.coach-explanation h3{font-size:24px;line-height:1.2;margin:22px 0 16px}.coach-explanation dt{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#667b58;margin-top:16px}.coach-explanation dd{margin:6px 0 0;font-size:15px;line-height:1.7}#coach-picks{display:flex;flex-wrap:wrap;gap:8px}#coach-picks button{font-size:12px;line-height:1.4;padding:12px 14px;min-height:44px;border:1px solid #b0bf9f;background:#f7f6ed;color:#233c2d;text-align:left}#coach-picks button[aria-pressed=true]{background:#254431;color:#fff3d8;border-color:#254431}.reference-stage [hidden]{display:none!important}.tactics:fullscreen .reference-layout,.expanded-board .reference-layout{max-width:1500px;margin:auto}
@media(max-width:900px){.reference-layout{grid-template-columns:1fr}.reference-layout .tactic-reading{order:0}.reference-layout .reference-main{order:0}.reference-marker{width:28px;height:28px;font-size:13px;border-width:2px}.reference-ball{width:12px;height:12px}.reading-mode{padding:16px}.coach-explanation h3{font-size:22px}.moment-transport{padding:12px}.reference-layout .tactic-reading{padding:20px}.reference-limit{font-size:11px}}
.reference-layout .coach-explanation{border:0;margin:0;padding:0}.reference-layout .coach-explanation #coach-moment{font-size:15px;line-height:1.65}.reference-layout .coach-explanation h3{font-size:22px}.reference-layout .coach-explanation dd{font-size:14px}.moment-summary{border-top:1px solid #b9c6ad;margin-top:20px;padding-top:18px}.moment-summary summary{font-size:13px;cursor:pointer}.moment-summary #t-title{font-size:23px}.moment-summary #t-phase{margin-top:20px}.reference-marker{transform:translate(-50%,-200%)}.reference-marker:after{height:100%}.reference-layout .tactic-reading .coach-explanation #coach-picks{display:grid;grid-template-columns:1fr}.reference-limit{max-width:650px}
.reference-main>#phase-zoom{display:inline-block;font-size:12px;min-height:44px;padding:12px 0;color:#294b34;text-decoration:underline;text-underline-offset:4px}.is-scheme .reference-main>#phase-zoom{display:none}.reference-main .reference-stage{overflow:hidden}
/* Guided coaching session */
.coach-session{margin:24px 0;padding:24px;border:1px solid #65764f;border-radius:16px;background:#172a23;color:#f4f1e5}.coach-session h3{font-size:1.5rem;margin:8px 0}.coach-session p{line-height:1.65}.coach-session button,.coach-session select{min-height:44px;border:1px solid #78876d;border-radius:8px;background:#273d31;color:#fff;padding:10px 14px;cursor:pointer}.coach-session button:disabled{opacity:.45;cursor:default}.coach-session button:hover:not(:disabled){background:#42543d}.coach-session #listen-play{background:#d5e5a3;color:#16271f;font-weight:700}.voice-actions,.voice-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0}.coach-session audio{width:100%;display:block;margin:14px 0}.voice-attribution{font-size:.8rem;color:#c7cdbd;max-width:80ch}.coach-session details{margin-top:18px}.coach-session summary{cursor:pointer;padding:12px 0}.coach-session details section{border-top:1px solid #455746;padding:12px 0}.coach-session h4{color:#d5e5a3}.coach-session #spoken-card{padding:18px;border-left:4px solid #d5e5a3;background:#22362c;border-radius:4px}.coach-session #voice-kind,#image-speech-kind{font-size:.72rem;letter-spacing:.1em;font-weight:750;color:#d5e5a3}.coach-session #voice-status{font-size:.85rem;color:#d9dfce}#voice-error{color:#ffd0ab}#image-speech{padding:18px 22px;background:#20352c;border-top:2px solid #cbdc9b;color:#fff}#image-speech-text{line-height:1.65;margin:8px 0 0;font-size:1rem}.voice-speaking[data-voice-kind="player"] .reference-marker.active{outline:5px solid #f7df8a;outline-offset:5px;box-shadow:0 0 0 14px #f7df8a55}.voice-speaking[data-voice-kind="player"] .reference-marker.active:after{content:'↓';position:absolute;bottom:calc(100% + 14px);left:50%;transform:translateX(-50%);font-size:42px;color:#ffe18a;text-shadow:0 2px 4px #000}.voice-speaking[data-voice-kind="instruction"] #image-speech{border-color:#e5bb79}.voice-speaking[data-voice-kind="instruction"] #image-speech-kind{color:#e5bb79}.session-route{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.session-route button{display:flex;flex-direction:column;gap:4px;text-align:left}.session-route small{font-size:.75rem;opacity:.8}@media(max-width:600px){.coach-session{padding:16px}.voice-actions button{flex:1 1 140px}.session-route{grid-template-columns:1fr}.voice-controls{align-items:stretch}.coach-session select{max-width:100%}#image-speech{padding:14px}.voice-speaking[data-voice-kind="player"] .reference-marker.active:after{font-size:28px;bottom:calc(100% + 10px)}}
.session-actions,.session-player{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0}.session-player audio{flex-basis:100%}.session-player label{display:flex;align-items:center;gap:8px}#image-speech button{min-height:44px;padding:10px 14px;border:1px solid #78876d;border-radius:8px;background:#2d4638;color:#fff;cursor:pointer}@media(max-width:600px){.session-actions button{flex:1 1 140px}}
.personal-voice{border:1px solid #839175;padding:0 18px;border-radius:10px;background:#20382b}.personal-voice summary{font-weight:700;color:#e4dda3}.personal-voice input[type=file]{display:block;margin:12px 0;width:100%;max-width:100%;font:inherit;font-size:.85rem}.personal-voice input::file-selector-button{padding:10px;border-radius:7px;border:0;margin-right:8px;background:#d5e5a3;color:#16271f}.personal-voice label{display:block;line-height:1.6}.personal-voice select{margin-left:8px;max-width:100%}.personal-voice #personal-playback{border-top:1px solid #637760;margin:20px 0;padding:12px 0}.personal-voice #record-status{line-height:1.6}.personal-voice #record-start{background:#e1d6a6;color:#19281e;font-weight:700}@media(max-width:600px){.personal-voice{padding:0 12px}.personal-voice select{display:block;margin:8px 0}.personal-voice input[type=file]{font-size:.75rem}}
#recording-bar{padding:12px 16px;background:#682f2c;color:white;position:sticky;bottom:12px;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:10px}#recording-bar[hidden]{display:none}#recording-bar button{min-height:44px;background:white;color:#682f2c;border:0;border-radius:7px;padding:10px;cursor:pointer}
.recorded-speaking .reference-marker.active{outline:5px solid #f7df8a;outline-offset:5px;box-shadow:0 0 0 14px #f7df8a55}