/* First groove: one canonical score, film and guided session. */
.lesson-film{display:block;width:100%;aspect-ratio:16/9;background:#000;border:1px solid #444;margin:30px 0 0}.lesson-links{display:flex;flex-wrap:wrap;gap:20px;margin:18px 0 30px;font:10px/1.7 var(--mono)}.groove-audio{padding:16px 0;border-top:1px solid var(--line)}.groove-audio p{font:11px/1.7 var(--mono);color:#aaa}.groove-audio audio{width:100%;display:block}.lesson-toc{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;margin:28px 0}.lesson-toc a{font-size:12px;line-height:1.6;padding:10px 0;border-bottom:1px solid #333;text-decoration:none}.lesson-animation img{display:block;width:100%;height:auto;image-rendering:pixelated}.lesson-play{margin-top:15px;border:1px solid #666;background:#111;color:#eee;padding:12px;font:10px/1.5 var(--mono)}.chapter summary{cursor:pointer;font-size:18px}.done{display:flex;align-items:center;gap:10px;margin-top:30px;font:10px/1.5 var(--mono)}.lesson-animation{align-self:start}.lesson-film:focus-visible{outline:2px solid white;outline-offset:4px}@media(max-width:600px){.lesson-toc{grid-template-columns:1fr}.lesson-links{gap:12px;font-size:9px}.screen-pair{grid-template-columns:1fr}.quickstart h1{letter-spacing:-2px}.quickstart .table-wrap{max-width:100%}}@media print{.lesson-film,.lesson-links,.lesson-play,audio,.lesson-toc,.done{display:none}}


/* Physical keycaps */
.lesson-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:22px;border:1px solid #444;background:#111313;margin:20px 0}.lesson-controls kbd{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:58px;min-width:62px;padding:9px 14px;background:#1c1e1e;border:1px solid #888;border-bottom-width:3px;border-radius:4px;font:700 12px/1.3 Arial,Helvetica,sans-serif;color:#eee}.lesson-controls kbd small{font:8px/1.3 var(--mono);color:#aaa}.lesson-controls .round-key{border-radius:24px}.combo-symbol{font:15px/1.4 var(--mono);color:#aaa}.control-help{border-top:1px solid #555;padding-top:24px;font-size:13px;color:#aaa}.control-help b{color:#eee}@media(max-width:600px){.lesson-controls{padding:16px;gap:8px}.lesson-controls kbd{font-size:10px;min-height:54px;padding:8px 10px}.combo-symbol{font-size:12px}}

.lesson-status{font:11px/1.6 var(--mono);color:#aaa}.lesson-status:empty{display:none}