#first-rally{width:min(880px,calc(100% - 20px));max-width:880px;height:min(900px,94dvh);max-height:calc(100dvh - 16px);padding:0 20px 12px;overflow:auto;scroll-padding-block:95px 90px}
#first-rally .menu-heading{margin-inline:-20px;padding-inline:20px}#first-rally .menu-heading h2{font-size:32px}
.lesson-coach{color:var(--plum);padding:2px 0 10px}.lesson-coach>span{font-size:13px;font-weight:700}.lesson-coach h3{font:800 30px/1.1 'Barlow Condensed',sans-serif;margin:7px 0}.lesson-coach p{font-size:14px;margin:7px 0;line-height:1.5}.lesson-coach #lesson-progress{font-weight:700;color:#32674e}
.lesson-court{position:relative;height:clamp(190px,34dvh,390px);border:2px solid var(--plum);border-radius:18px;overflow:hidden;background:#abd3b9}.lesson-court canvas{height:100%;width:100%;touch-action:none}.lesson-court>span{position:absolute;bottom:8px;left:8px;right:8px;width:fit-content;max-width:calc(100% - 16px);background:var(--cream);color:var(--plum);border-radius:8px;padding:5px 9px;font-size:12px;pointer-events:none}
.lesson-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.lesson-shots,.lesson-aim{display:flex;gap:6px;align-items:center}.lesson-shots{grid-column:1/-1}.lesson-inputs button,.lesson-footer button{min-height:44px;border:2px solid var(--plum);border-radius:11px;background:#e5eedf;color:var(--plum);font-size:14px;font-weight:700;padding:8px 10px}.lesson-shots button{flex:1}.lesson-inputs button[aria-pressed=true]{background:var(--lemon)}.lesson-aim span{font-size:13px;font-weight:700}.lesson-aim button{flex:1;min-width:44px}#lesson-pad{min-height:48px;display:grid;place-items:center;grid-column:1/2;grid-row:2;border:2px solid var(--plum);border-radius:28px;background:var(--mint);color:var(--plum);font-size:14px;touch-action:none;cursor:ew-resize;user-select:none}.lesson-aim{grid-column:2;grid-row:2}#lesson-swing{grid-column:1/-1;background:var(--coral)}
.lesson-footer{display:flex;justify-content:space-between;gap:10px;position:sticky;bottom:-12px;background:var(--cream);padding:12px 0;border-top:1px solid #47385830;z-index:3}#first-rally .lesson-footer .primary{background:var(--coral);box-shadow:none}.lesson-privacy{font-size:12px!important;margin:8px 0 0!important}.tutorial-launch{border:2px solid var(--plum);border-radius:12px;padding:10px 12px;min-height:44px;background:var(--mint);color:var(--plum);font:700 14px 'DM Sans',sans-serif}#play-guide>.tutorial-launch{width:100%;margin:8px 0}#overlay .intro-help>.tutorial-launch{grid-column:1/-1;background:#e5eedf;text-decoration:none;border:1px solid #47385855}#first-rally :is(button,[tabindex]){scroll-margin-block:100px 90px}
@media(min-width:700px) and (min-height:650px){#first-rally{display:none}#first-rally[open]{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;height:auto;max-height:94dvh}#first-rally>.menu-heading,#first-rally>.lesson-footer,#first-rally>.lesson-privacy{grid-column:1/-1}.lesson-court{grid-column:1;grid-row:2/4;height:440px}.lesson-coach{grid-column:2;grid-row:2}.lesson-inputs{grid-column:2;grid-row:3;align-content:start}.lesson-footer{position:sticky}}
@media(max-width:380px){#first-rally{padding-inline:12px}#first-rally .menu-heading{margin-inline:-12px;padding-inline:12px}.lesson-inputs{grid-template-columns:1fr}.lesson-aim{grid-column:1;grid-row:3}.lesson-shots{gap:4px}.lesson-shots button{font-size:13px;padding-inline:6px}#lesson-swing{grid-row:4}}
#first-rally{grid-auto-rows:max-content;align-content:start}.lesson-footer{align-items:center}.lesson-footer button{flex:none;height:auto;align-self:center;min-height:46px}#first-rally .menu-heading{padding-block:14px}#first-rally .lesson-coach{align-self:start}
@media(min-width:700px) and (min-height:650px){#first-rally[open]{height:fit-content}}