.touch-school{color:#fff4d6}.lesson-kicker{color:#dcf879!important;font-weight:900;font-size:11px!important;letter-spacing:1.5px}.lesson-progress{display:flex;gap:5px;margin:14px 0 24px}.lesson-progress button{flex:1;min-width:0;min-height:36px;padding:5px 0;border:1px solid #799e9566;border-radius:9px;background:#123f49;color:#d1dfd0;font-weight:800}.lesson-progress button.current{background:#d9f66c;color:#12343c;border-color:#d9f66c}.touch-school h3{font:900 clamp(25px,6vw,36px)/1.05 Impact,'Barlow Condensed',sans-serif;margin:12px 0}.touch-school .lesson-copy{font-size:14px;line-height:1.65;color:#e4e9d9;min-height:94px}.lesson-demo{position:relative;background:#0a303aeb;border:1px solid #c9e8786b;border-radius:20px;overflow:hidden;padding:14px;box-shadow:0 10px 28px #00191c55}.demo-top{font-size:11px;font-weight:900;letter-spacing:1px;color:#e0f77d}.demo-top span{float:right;font-size:8px;letter-spacing:0;color:#b3c6bc}.lesson-court{width:100%;height:210px;display:block;margin:10px auto 0}.lesson-court text{font:800 10px sans-serif;text-anchor:middle;fill:#e3ead4}.demo-lanes ellipse{fill:#d9f66c0a;stroke:#e8efd444;stroke-width:1.5}.demo-lanes ellipse.selected{fill:#d9f66c66;stroke:#e0f875;stroke-width:3}.demo-feedback{min-height:52px;padding:10px 2px;color:#e4f39c;font-size:12px;line-height:1.5;text-align:center}.demo-controls{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:5px 8px 12px}.demo-move{position:relative;touch-action:none;user-select:none;flex:none;width:108px;height:108px;border-radius:50%;background:radial-gradient(circle,#658b8166 28%,#163f4a 30%,#38605d 65%,#143c43 67%);border:1px solid #adcbb080;color:#ecf7cf;font-size:32px;padding:14px;display:flex;flex-direction:column;justify-content:center;align-items:center}.demo-move small{font-size:9px;letter-spacing:1px}.demo-move i{position:absolute;pointer-events:none;inset:33%;border:1px solid #f5f1c277;border-radius:50%;transform:translateX(var(--thumb,0px))}.demo-right{width:145px;max-width:50%;text-align:center}.demo-hold{touch-action:none;user-select:none;width:108px;height:108px;max-width:100%;border-radius:50%;border:3px solid #f6edbc;background:#f6edbc;color:#123b44;font:900 23px Impact,sans-serif;box-shadow:0 0 0 5px #79946b33}.demo-hold:active{background:#d9f66c;transform:scale(.97)}.demo-hold small{display:block;font:800 8px sans-serif;margin-top:5px}.demo-aim{display:flex;justify-content:space-around;margin:9px 4px;font-size:11px;color:#769590}.demo-aim .selected{color:#d9f66c}.demo-meter{display:flex;gap:4px;align-items:center;justify-content:center}.demo-meter>i{width:10px;height:10px;border-radius:50%;border:1px solid #dbeb8c;display:block}.demo-meter>i.lit{background:#e1f879;box-shadow:0 0 8px #dbf479}.demo-smash{min-height:32px;padding:5px 7px!important;font:900 12px Impact,sans-serif!important;background:#41524b!important;color:#bdcbb4!important;border-radius:8px!important}.demo-smash.ready{background:#ffcb62!important;color:#173a3e!important}.demo-smash.armed{background:#ef7844!important;color:#fff3cb!important}.demo-power{height:5px;border-radius:5px;background:#2e5556;overflow:hidden}.demo-power i{height:100%;width:0;display:block;background:#def775}.demo-power.overheld i{background:#f48c58}.demo-perfect{width:100%;margin:12px 0 0!important;min-height:44px}.demo-serve-bar{display:none;position:absolute;right:20px;top:65px;width:35px;height:175px;border:2px solid #e9eac0;border-radius:8px;background:linear-gradient(to top,#277c9d 0 68.3%,#daf477 68.3% 76.7%,#e8a24d 76.7% 85%,#c45e41 85%);overflow:hidden}.demo-serve-bar span,.demo-serve-bar b,.demo-serve-bar small{position:absolute;z-index:2;width:100%;text-align:center;font:800 7px sans-serif;color:#fff7db}.demo-serve-bar span{top:9px}.demo-serve-bar b{bottom:71%;color:#123b44}.demo-serve-bar small{bottom:8px}.demo-serve-bar i{position:absolute;bottom:0;width:100%;height:0;border-top:3px solid #fff7dc;background:#fff7dc33}.demo-contact-ring,.demo-bounce{display:none}.lesson-demo[data-kind=serve] .demo-serve-bar{display:block}.lesson-demo[data-kind=serve] .lesson-court{width:84%;margin-left:0}.lesson-demo[data-kind=bounce] .demo-bounce{display:block}.demo-bounce text{fill:#163d42}.bounce-ball{animation:lesson-bounce 2.7s ease-in-out infinite}.lesson-demo[data-kind=timing] .demo-contact-ring{display:block;stroke:#e8bc75}.lesson-demo.in-green .demo-contact-ring{stroke:#d9ff71;stroke-width:5}.lesson-demo.in-green .demo-hold{background:#d9ff71;box-shadow:0 0 25px #d9ff7177}.lesson-nav{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin:17px 0}.lesson-nav button{min-height:50px!important;margin:0!important}.lesson-nav button:disabled{opacity:.4}.lesson-reference{border:1px solid #76918477;border-radius:12px;padding:14px;margin:16px 0}.lesson-reference summary{font-size:11px;font-weight:900;cursor:pointer}.lesson-reference p{font-size:12px!important;line-height:1.6}.touch-school>#lessonPlay{width:100%;min-height:48px}.touch-school button:focus-visible,.pause-menu button:focus-visible{outline:3px solid #ffbe62;outline-offset:3px}
.pause-menu[hidden]{display:none!important}.pause-menu{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#062d36da;padding:18px;color:#fff3d6;overflow:auto;overscroll-behavior:contain}.pause-card{width:min(100%,360px);max-height:92dvh;overflow:auto;background:linear-gradient(150deg,#1b535a,#0c303c);border:1px solid #ddf47699;border-radius:24px;padding:25px;box-shadow:0 20px 80px #00181a99}.pause-card>p{font-size:10px;letter-spacing:2px;color:#ddef93;margin:0}.pause-card h2{font:900 42px Impact,sans-serif;margin:7px 0 18px;color:#dff77a}.pause-card button{display:block;width:100%;min-height:45px;background:#dff77a;color:#133b42;border-radius:12px;margin:8px 0 17px;font-weight:900}.pause-card label{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;font-weight:800}.pause-card input{display:block;width:100%;height:38px;margin:3px 0 14px;accent-color:#dff77a;touch-action:pan-y}.pause-card output{color:#dcf77b}.pause-card small{display:block;text-align:center;font-size:10px;color:#b8cec5}.pause-card #pauseResume{margin:10px 0}.pause-card #pauseSound[aria-pressed=false]{background:#506963;color:#fff4d6}@keyframes lesson-bounce{0%,100%{transform:translate(25px,24px)}40%{transform:translate(0,0)}75%{transform:translate(50px,-58px)}}@media(prefers-reduced-motion:reduce){.bounce-ball{animation:none}}body.reduced-menu .bounce-ball{animation:none}@media(max-width:370px){.demo-controls{gap:12px;padding-left:0;padding-right:0}.demo-top span{font-size:7px}.touch-school .lesson-copy{font-size:13px}.demo-move,.demo-hold{width:96px;height:96px}.lesson-demo{padding:12px}.lesson-progress{gap:3px}}

.fire-panel .road-learn{width:100%;margin-top:12px;border:1px solid #d9ed7866!important;background:#174c4e!important;color:#e0f18b!important;min-height:48px;font-size:15px!important}.lesson-progress button{touch-action:manipulation}@media(max-width:370px){.lesson-progress{flex-wrap:wrap}.lesson-progress button{flex:1 0 15%;min-height:40px}}

.demo-ball{filter:drop-shadow(0 0 3px #fff3aa)}.demo-ball.fiery{fill:#fff4ac;stroke:#ff8c2c;stroke-width:7;filter:drop-shadow(0 0 7px #ff7934)}.demo-power-label{font-size:8px!important;letter-spacing:1px;text-align:center;color:#d4e0b2!important;margin:8px 0 0!important}.special-recording{padding:12px;background:#0a303a;border:1px solid #d9ed7866;border-radius:20px}.special-film{display:block;width:100%;max-height:66dvh;aspect-ratio:360/570;background:#123640;border-radius:12px;object-fit:contain}.special-recording p{font-size:10px!important;text-align:center;color:#dff17e!important}.lesson-demo[data-kind=counter]{display:none}.lesson-demo[data-kind=special] .demo-top{color:#ffd06e}.demo-hold,.demo-hold *{touch-action:none;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.demo-serve-bar{pointer-events:none}.lesson-demo[data-kind=serve] .demo-top{color:#e3f879}
.special-video-choices{display:flex;gap:8px;margin-bottom:12px}.fire-panel .special-video-choices button{flex:1;min-height:44px;margin:0;padding:8px;font-size:14px}