.lesson-label{display:flex;flex-direction:column;gap:5px;font-size:9px;letter-spacing:1px;color:var(--ball);max-width:35%}.lesson-label span+span{color:var(--text-dim);font-size:10px;letter-spacing:0}.learn-score{text-align:center;position:absolute;left:50%;transform:translateX(-50%);background:#12181add;border:1px solid var(--line);border-radius:12px;padding:8px 12px;white-space:nowrap}.learn-score strong{display:block;font:500 22px var(--font-display)}.learn-score>span{display:block;margin-top:4px;color:var(--text-dim);font-size:10px}.coach{position:absolute;bottom:70px;left:16px;right:16px;text-align:center;pointer-events:none}.coach p{display:inline-block;background:#12181aee;border:1px solid var(--line);border-radius:10px;padding:10px 14px;max-width:340px;font-size:13px;line-height:1.5;margin:0 0 10px}.coach button{pointer-events:auto;max-width:240px;margin:auto;min-height:48px}.panel{width:min(360px,100%)}.panel .tagline,.lesson-copy{font-size:14px;line-height:1.65;color:var(--text-dim);margin:14px 0 20px}.panel h2{font-size:clamp(28px,5vh,40px);letter-spacing:-1.5px;line-height:1.1}.panel .panel-footnote{display:block;line-height:1.6;font-size:10px}.lesson-choice{flex-direction:column;gap:5px!important}.lesson-choice small{font-size:11px;font-weight:400;opacity:.85}.progress-dots{display:flex;justify-content:center;gap:8px;margin:14px 0}.progress-dots span{width:9px;height:9px;background:var(--line);border-radius:50%}.progress-dots span.done{background:var(--ball)}.progress-dots span.current{outline:1px solid var(--ball);outline-offset:3px}.answer-grid{display:grid;gap:9px}.answer-grid button{margin:0;font-size:17px;min-height:50px}.answer-grid button:disabled{cursor:default}.answer-grid .incorrect{border-color:var(--coral);background:#512b27}.feedback{font-size:14px;line-height:1.65;color:var(--text);min-height:22px;margin:16px 0}.feedback:empty{display:none}.success{color:var(--ball)}.score-change{font:500 28px var(--font-display);color:var(--ball);margin:12px 0}.lesson-summary{padding:12px 16px;border:1px solid var(--line);border-radius:12px;color:var(--text);text-align:left;font-size:13px;line-height:1.65}.rules-link{color:var(--ball);font-size:12px}.panel a.secondary-button{text-decoration:none}.panel button.primary-button{min-height:50px}.overlay.question-overlay{background:#12181abb}.learn-score[hidden]{display:none}.lesson-label{padding-top:6px}dialog p{font-size:14px;line-height:1.7;color:var(--text-dim)}@media(max-width:380px){.learn-score{left:auto;right:52px;transform:none;padding:8px}.learn-score strong{font-size:19px}.learn-score>span{font-size:9px}.lesson-label{max-width:34%;font-size:8px}}@media(max-height:480px){.coach{bottom:50px;left:auto;width:220px}.coach p{font-size:11px;padding:6px}.coach button{min-height:44px}.overlay{padding:16px 24px 56px}.panel h1{font-size:36px}.panel .tagline,.lesson-copy{margin:8px 0}.panel h2{font-size:28px}.panel .panel-footnote{margin:8px 0}.answer-grid{gap:6px}.answer-grid button{min-height:44px}.feedback{margin:8px 0}.progress-dots{margin:10px 0}}

.hud{z-index:6}.lesson-label,.learn-score{pointer-events:none}.hud .menu-toggle{pointer-events:auto}
.panel>.eyebrow.success{display:block;margin:16px 0 0;font-size:10px;letter-spacing:1.5px}
.next-label{display:block;color:var(--ball);font:700 13px var(--font-display);letter-spacing:2px;margin:12px 0 6px}#answer-score[hidden]{display:none}.answering #answer-score{font-size:22px;margin:10px 0}.answering .next-label{margin:8px 0 0}
.answer-grid button{touch-action:manipulation}@media(hover:none){.answer-grid button:not(.correct):not(.incorrect):hover{background:var(--court-teal)}}
.answer-grid .correct:disabled{background:var(--ball);border-color:var(--ball);color:var(--on-ball);opacity:1;box-shadow:0 0 0 2px #9cbf8a44}.answer-grid .correct:after{content:' ✓';font-weight:700}
.overlay:not(.question-overlay){padding-top:96px}#continue-game{margin-top:14px}.game:has(#continue-game) .panel h1{font-size:clamp(38px,6vh,52px)}
.answering #court{position:absolute;top:76px;height:clamp(180px,32dvh,330px);width:100%}.answering .overlay{inset:calc(76px + clamp(180px,32dvh,330px)) 0 48px;background:none;backdrop-filter:none;padding:8px 16px 16px;display:block;overflow-y:auto}.answering .panel{width:min(520px,100%);margin:0 auto;padding:12px;background:var(--ink-raised);border:1px solid var(--line);border-radius:16px}.answering .panel>.eyebrow{display:none}.answering .panel h2{font-size:22px;letter-spacing:-.7px;margin:10px 0 14px}.answering .lesson-copy{font-size:12px;margin:6px 0}.answering .progress-dots{margin:3px 0 12px}.answering .answer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.answering .answer-grid:has(button:nth-child(2):last-child),.answering .answer-grid.four-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.answering .answer-grid button{font-size:14px;min-height:46px;padding:10px 4px}.answering .feedback{font-size:12px;margin:10px 0;line-height:1.5}.quiz-reference{margin-top:14px;text-align:left;border-top:1px solid var(--line);padding-top:10px;font-size:11px;line-height:1.5}.team-reference{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--text-dim);margin:0 0 8px}.team-reference strong{color:var(--text)}.quiz-reference summary{cursor:pointer;color:var(--ball);padding:5px 0}.serve-log{list-style:none;padding:0;margin:4px 0;max-height:88px;overflow-y:auto;overscroll-behavior:contain}.serve-log li{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;padding:6px 0;border-bottom:1px solid var(--line)}.serve-log li span:last-child{text-align:right}.serve-log li strong{color:var(--ball);white-space:nowrap}.reference-note{color:var(--text-dim);font-size:10px;margin:6px 0 0}.practice-progress{font-size:11px;color:var(--ball);margin:6px 0}
@media(min-width:900px),(orientation:landscape){.answering #court{top:76px;left:0;width:46%;height:calc(100dvh - 130px)}.answering .overlay{inset:76px 0 48px 46%;padding:8px 20px}.answering .panel h2{font-size:24px}}@media(max-height:480px){.answering .overlay{inset:70px 0 42px 44%;padding:4px 10px}.answering #court{top:70px;width:44%;height:calc(100dvh - 112px)}.answering .panel{padding:10px}.answering .panel h2{font-size:18px}.answering .answer-grid button{font-size:12px}.answering .quiz-reference{font-size:10px}}

/* Learn 0.5.0: rally history keeps its starting call and server together. */
.starting-servers{color:var(--text-dim);margin:0 0 8px;font-size:10px}.starting-servers strong{color:var(--text);font-weight:500}.serve-log{max-height:140px}.serve-log table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:10px}.serve-log th,.serve-log td{text-align:left;padding:6px 4px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.serve-log th{position:sticky;top:0;background:var(--ink-raised);color:var(--text-dim);font-weight:500;line-height:1.3}.serve-log th:first-child{width:12%}.serve-log th:nth-child(2){width:27%}.serve-log th:nth-child(3){width:28%}.serve-log td strong{color:var(--ball);white-space:nowrap}.serve-log td small{display:block;color:var(--text-dim);font-size:9px}

/* Learn 0.6.0: short primers and the branded take-home scoring sheet. */
.reading-guide .overlay{inset:76px 0 48px;padding:20px 16px 28px;display:block}.reading-guide .panel{width:min(480px,100%);margin:0 auto}.reading-guide .panel>h1{font-size:42px}.reading-guide .panel>h2{font-size:32px;letter-spacing:-1px;margin:16px 0 22px}.reading-guide .panel>.eyebrow{display:block;margin:0 0 16px}.primer-label{margin-top:18px!important}.guide-kicker{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:var(--ball);margin:0 0 12px;font-weight:600}.guide-call{background:var(--court-teal);padding:20px 14px 16px;border-radius:16px}.guide-call .guide-kicker{color:#afbfba;text-align:center;font-size:10px}.guide-numbers{display:grid;grid-template-columns:repeat(var(--number-count),minmax(0,1fr));gap:8px;text-align:center}.guide-numbers strong{display:block;color:var(--ball);font:500 44px var(--font-display);line-height:1;margin:4px 0 10px}.guide-numbers span{display:block;max-width:100px;margin:auto;color:var(--text);font-size:11px;line-height:1.5}.guide-order{font-size:11px;color:#afbfba;text-align:center;margin:16px 0 0;border-top:1px solid #ffffff20;padding-top:12px}.concept-intro{background:var(--ink-raised);border:1px solid var(--line);border-radius:12px;text-align:left;padding:14px;margin:0 0 18px}.concept-intro strong{font-size:12px;color:var(--ball);font-weight:500}.concept-intro p{font-size:12px;line-height:1.6;color:var(--text-dim);margin:6px 0 0}.take-home{text-align:left;margin:22px 0 12px}.take-home>summary{color:var(--ball);padding:12px 0;cursor:pointer;font-size:14px}.scoring-sheet{background:var(--ink);color:var(--text);border:1px solid var(--line);border-radius:20px;overflow:hidden;text-align:left}.scoring-sheet header{display:flex;align-items:baseline;gap:10px;padding:22px;border-bottom:1px solid #ffffff18}.scoring-sheet .brand-name{font:600 25px var(--font-display);letter-spacing:-1px}.scoring-sheet .brand-name span{color:var(--ball)}.guide-learn{font-size:10px;letter-spacing:2px;color:#afbfba}.sheet-body{padding:24px 22px}.panel .scoring-sheet h2{font:500 36px/1.08 var(--font-display);letter-spacing:-1.5px;margin:0 0 12px}.scoring-sheet h2 em{font-style:normal;color:var(--ball)}.sheet-subtitle{font-size:12px;color:#afbfba;margin:0 0 20px;line-height:1.6}.guide-rules{list-style:none;counter-reset:guide;margin:20px 0 0;padding:0}.guide-rules li{counter-increment:guide;display:grid;grid-template-columns:22px 1fr;gap:8px;padding:13px 0;border-bottom:1px solid #ffffff16}.guide-rules li:before{content:counter(guide,decimal-leading-zero);color:var(--ball);font:500 10px var(--font-display);padding-top:3px}.guide-rules strong{display:block;font-size:12px;font-weight:600;margin-bottom:4px}.guide-rules p{font-size:12px;line-height:1.65;color:#afbfba;margin:0}.guide-directions{display:flex;gap:14px;align-items:center;background:var(--ink-raised);border-radius:12px;padding:14px;margin-top:20px}.guide-directions strong{font-size:12px;color:var(--ball);font-weight:500}.guide-directions p{font-size:11px;line-height:1.6;color:#afbfba;margin:6px 0 0}.guide-court{width:60px;flex:none;font-size:11px;color:var(--ball)}.guide-court>div:not(.guide-court-lines){display:flex;justify-content:space-between}.guide-court-lines{height:64px;margin:4px 0;background:var(--court-teal);border:1px solid #f1f5f2aa;position:relative}.guide-court-lines:before{content:'';position:absolute;left:50%;top:0;bottom:0;border-right:1px solid #f1f5f288}.guide-court-lines:after{content:'';position:absolute;top:50%;left:-4px;right:-4px;border-top:2px solid var(--text)}.guide-note{font-size:11px;line-height:1.65;color:var(--text-dim);margin:16px 0 0}.scoring-sheet footer{background:var(--court-teal);padding:16px 22px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:10px;line-height:1.5}.scoring-sheet footer span:last-child{color:var(--ball)}#sheet-save{width:min(600px,calc(100% - 24px));padding:26px 20px}#sheet-save h2{font-size:28px;margin:20px 0 14px}#sheet-save p{font-size:12px}#sheet-save a{text-decoration:none;display:flex;justify-content:center;align-items:center;color:var(--text);min-height:48px}#sheet-image{display:block;width:100%;height:auto;margin-top:18px;border-radius:14px}#save-sheet:disabled{opacity:.7}.reading-guide #save-sheet{margin-top:12px}
@media(max-width:380px){.sheet-body,.scoring-sheet header{padding:20px 16px}.guide-directions{padding:12px;gap:10px}.panel .scoring-sheet h2{font-size:32px}.guide-call{padding:18px 10px}.guide-numbers strong{font-size:38px}}