.lesson-page.svelte-zokwh2{display:flex;flex-direction:column;gap:1.5rem;width:100%}.game-window.svelte-zokwh2{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--color-game-bg);border-radius:var(--radius-lg);overflow:hidden}.keyboard-bg.svelte-zokwh2{position:absolute;bottom:25%;left:50%;transform:translate(-50%);width:70%;opacity:.35;pointer-events:none;z-index:1}.keyboard-bg.svelte-zokwh2 .keyboard-demo{margin:0;padding:0;background:none;border:none}.keyboard-bg.svelte-zokwh2 g.pressed .key,.keyboard-bg.svelte-zokwh2 g.pressed .key-half{filter:brightness(3)!important}.keyboard-bg.kids-hint.svelte-zokwh2,.keyboard-overlay.kids-hint.svelte-zokwh2{animation:svelte-zokwh2-kids-hint-pulse .9s ease-in-out infinite}@keyframes svelte-zokwh2-kids-hint-pulse{0%,to{opacity:.35}50%{opacity:.85}}.keyboard-overlay.kids-hint.svelte-zokwh2{animation:svelte-zokwh2-kids-hint-pulse-solid .9s ease-in-out infinite}@keyframes svelte-zokwh2-kids-hint-pulse-solid{0%,to{filter:brightness(1)}50%{filter:brightness(1.5)}}.intro-letters.svelte-zokwh2{display:flex;gap:.75rem}.intro-keys.svelte-zokwh2{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.intro-key-chip.svelte-zokwh2{display:inline-flex;align-items:center;justify-content:center;min-width:2.2rem;height:2.2rem;padding:0 .5rem;background:var(--color-accent-primary-muted, rgba(56, 223, 255, .12));color:var(--color-accent-primary);border:1px solid var(--color-accent-primary);border-radius:var(--radius-md);font-size:1.25rem;font-weight:700}.fingers-note.svelte-zokwh2{margin:-.35rem 0 0;color:var(--color-text-secondary);font-size:.92rem}.tip-box.svelte-zokwh2{display:flex;align-items:flex-start;gap:.75rem;max-width:640px;padding:.75rem 1rem;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);text-align:left}.tip-label.svelte-zokwh2{flex:none;padding:.15rem .55rem;background:var(--color-accent-primary-muted);color:var(--color-accent-primary);border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-top:.15rem}.tip-text.svelte-zokwh2{margin:0;color:var(--color-text-secondary);font-size:.95rem;line-height:1.55}.posture-note.svelte-zokwh2{margin:0;max-width:640px;color:var(--color-text-muted);font-size:.88rem;line-height:1.5}.posture-note.svelte-zokwh2 b:where(.svelte-zokwh2){color:var(--color-text-secondary)}.best-note.svelte-zokwh2{margin:0;color:var(--color-text-muted);font-size:.88rem}.best-note.svelte-zokwh2 b:where(.svelte-zokwh2){color:var(--color-text-secondary)}.intro-letter.svelte-zokwh2{display:inline-flex;align-items:center;justify-content:center;min-width:3.25rem;height:3.25rem;padding:0 .75rem;background:var(--color-accent-primary-muted);color:var(--color-accent-primary);border:2px solid var(--color-accent-primary);border-radius:var(--radius-md);font-size:2rem;font-weight:700}.sound-btn.svelte-zokwh2{position:absolute;top:.6rem;right:3.1rem;z-index:3;padding:.35rem .6rem;background:#0a101c8c;border:1px solid var(--color-card-border);border-radius:var(--radius-md);font-size:1.1rem;cursor:pointer}.sound-btn.letters.svelte-zokwh2{right:5.8rem;opacity:.55}.sound-btn.letters.active.svelte-zokwh2{opacity:1;border-color:var(--color-accent-primary);box-shadow:0 0 8px -2px #38dfff99}.game-window.svelte-zokwh2:fullscreen{aspect-ratio:auto;width:100%;height:100%;border-radius:0}.overheat-banner.svelte-zokwh2{position:absolute;top:18%;left:50%;transform:translate(-50%);z-index:3;padding:.6rem 1.2rem;background:#0a101cd9;border:1px solid var(--color-accent-primary);border-radius:var(--radius-full);color:var(--color-text-primary);font-size:1.05rem;font-weight:600;white-space:nowrap;animation:svelte-zokwh2-overheat-in .25s ease-out}@keyframes svelte-zokwh2-overheat-in{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.canvas-slot.svelte-zokwh2{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.canvas-slot.kb-below.svelte-zokwh2{pointer-events:none}.keyboard-overlay.svelte-zokwh2{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);width:50%;z-index:1;background:#0a101c8c;border-radius:var(--radius-md);padding:.4rem .6rem}.keyboard-overlay.svelte-zokwh2 .keyboard-demo{margin:0;padding:0;background:none;border:none}.lesson-intro.svelte-zokwh2{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem;padding:3rem 2rem;background:var(--color-card-bg);border-radius:var(--radius-lg);border:1px solid var(--color-card-border);min-height:300px}.lesson-intro.svelte-zokwh2 h2:where(.svelte-zokwh2){margin:0;font-size:1.5rem;color:var(--color-text-primary)}.lesson-intro-desc.svelte-zokwh2{margin:0;max-width:640px;color:var(--color-text-secondary);font-size:1rem;line-height:1.6}.btn-start.svelte-zokwh2{margin-top:1rem;padding:.75rem 2.5rem;background:var(--color-accent-primary);color:var(--color-game-text-primary);border:none;border-radius:var(--radius-md);font-size:1.1rem;font-weight:600;cursor:pointer;transition:opacity .15s}.btn-start.svelte-zokwh2:hover:not(:disabled){opacity:.9}.btn-start.svelte-zokwh2:disabled{opacity:.5;cursor:not-allowed}.hint-text.svelte-zokwh2{color:var(--color-text-muted);font-size:.85rem;margin:0}.hint-text.svelte-zokwh2 kbd:where(.svelte-zokwh2){display:inline-block;padding:1px 6px;background:var(--color-bg-elevated);border:1px solid var(--color-card-border);border-radius:4px;font-family:monospace;font-size:.85rem}.leaderboard-section.svelte-zokwh2{display:flex;flex-direction:column;gap:1rem}.leaderboard-header.svelte-zokwh2{display:flex;align-items:center;gap:1rem}.leaderboard-header.svelte-zokwh2 h2:where(.svelte-zokwh2){margin:0;font-size:1.5rem;color:var(--color-text-primary)}.current-mode.svelte-zokwh2{background:var(--color-accent-primary-muted);color:var(--color-accent-primary);padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.9rem;font-weight:500}.leaderboard-wrapper.svelte-zokwh2{background:var(--color-card-bg);border-radius:var(--radius-md);border:1px solid var(--color-card-border);overflow:hidden}.lesson-not-found.svelte-zokwh2{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;color:var(--color-text-secondary)}.btn-secondary.svelte-zokwh2{padding:.5rem 1.5rem;background:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--color-card-border);border-radius:var(--radius-md);cursor:pointer;font-size:.95rem}.btn-secondary.svelte-zokwh2:hover{background:var(--color-card-bg)}@media(max-width:768px){.game-window.svelte-zokwh2{max-height:50vh}}