/* The lesson points into the live lane; it never covers it with a modal backdrop. */
.lesson{position:absolute;z-index:16;top:96px;left:50%;transform:translateX(-50%);width:min(380px,calc(100% - 28px));box-sizing:border-box;padding:12px 16px 16px;background:linear-gradient(130deg,#142e25f5,#081b17f5);border:1px solid #c6b17c55;border-radius:17px;box-shadow:inset 0 1px #fff1,0 12px 40px #0004;touch-action:manipulation}
.lesson[hidden],#lessonGesture[hidden],#lessonActions[hidden]{display:none}
.lesson-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.lesson-head span{font-size:10px;letter-spacing:.13em;color:#dfc791}
.lesson button{min-width:44px;min-height:44px;border-radius:9px;background:#ffffff08;border:1px solid #c6b17c44;color:#eddfbf;font-size:12px;padding:8px 12px;cursor:pointer}.lesson button:disabled{opacity:.5;cursor:default}
.lesson h2{font:400 25px Georgia,serif;color:#fff0d2;margin:4px 0 9px}.lesson p{font-size:13px;line-height:1.55;color:#d3dfd5;margin:0}
#lessonActions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}#lessonPlay{background:#deca9b;color:#10241e;font-weight:600}
#lessonGesture{position:absolute;z-index:9;top:0;left:0;pointer-events:none;width:0;height:0}
.lesson-ring{position:absolute;width:84px;height:84px;border:2px solid #edd3a1;box-shadow:0 0 0 7px #e5cd9c12;border-radius:50%;left:-42px;top:-42px}
.lesson-direction{position:absolute;left:-12px;top:-136px;font:300 40px Georgia;color:#f1d69e;text-shadow:0 2px 10px #000}
.lesson-finger{position:absolute;width:22px;height:22px;border:2px solid #fae6bf;border-radius:50%;background:#fae6bf66;left:-11px;top:-11px;box-shadow:0 2px 8px #0008}
#lessonGesture.held .lesson-finger,#lessonGesture.held .lesson-direction{display:none}
.release-readout{min-width:0;color:#dbd9c2;font-size:11px;line-height:1.35}.release-meter{height:4px;margin-top:10px;background:#81988a30;border-radius:4px;overflow:hidden}.release-meter i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#a5c49f,#e8cd96);transform-origin:left}
#throwHud .throw-btn{font-size:10px;padding:0 6px;letter-spacing:.01em}.shot-console{grid-template-columns:56px minmax(0,1fr) 58px 100px}
@media(max-width:600px){.lesson{top:82px;padding:8px 12px 12px;width:calc(100% - 24px)}.lesson h2{font-size:24px}.lesson p{font-size:12px}.shot-console{grid-template-columns:48px minmax(0,1fr) 46px 94px;gap:6px}.release-readout{font-size:10px}#throwHud .throw-btn{font-size:11px}}
@media(max-height:540px){.lesson{left:12px;top:82px;transform:none;width:275px;max-height:calc(100dvh - 178px);overflow:auto}.lesson h2{font-size:20px}.lesson p{font-size:11px}.lesson-head span{font-size:9px}}
@media(prefers-reduced-motion:no-preference){.lesson-finger{animation:lesson-swipe 2.2s ease-in-out infinite}@keyframes lesson-swipe{0%,18%{transform:translateY(0);opacity:.9}70%{transform:translateY(-100px);opacity:.9}90%,100%{transform:translateY(-110px);opacity:0}}}

#lessonKeys{display:block;color:#cfbf95;font-size:11px;line-height:1.5;margin-top:8px}#lessonKeys[hidden]{display:none}

.technique-panel label[hidden]{display:none}