.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:.2;pointer-events:none;z-index:2;mix-blend-mode:screen}.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}.canvas-slot.svelte-zokwh2{position:absolute;top:0;right:0;bottom:0;left:0}.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)}.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}}