.lesson-page{--lk-ink:#253b58;--lk-muted:#687d97;--lk-accent:#3474c9;--lk-line:#dbe6f6;color:var(--lk-ink);direction:rtl;flex-direction:column;gap:40px;display:flex}.lesson-page h1,.lesson-page h2,.lesson-page h3{color:var(--lk-ink)}.lk-section>h2{margin-bottom:8px;font-size:24px;font-weight:800}.lk-lead{color:var(--lk-muted);margin-bottom:18px;line-height:2}.lk-hint{color:var(--lk-muted);font-size:13px;line-height:1.9}.lk-tone-blue{--tone:#edf4ff;--tone-line:#cfe0fa}.lk-tone-yellow{--tone:#fff6dc;--tone-line:#f5e2a6}.lk-tone-pink{--tone:#ffeaf1;--tone-line:#f8cddb}.lk-tone-mint{--tone:#e4f7ee;--tone-line:#bfe8d3}.lk-tone-violet{--tone:#efe7ff;--tone-line:#d9c9fb}.lk-card{background:var(--tone,#fff);border:1px solid var(--tone-line,var(--lk-line));border-radius:20px;flex-direction:column;gap:10px;min-width:0;padding:22px;display:flex}.lk-card h3{font-size:17px;font-weight:800}.lk-card p{color:var(--lk-muted);font-size:14px;line-height:2}.lk-icon{background:#fff;border-radius:16px;flex-shrink:0;place-items:center;width:54px;height:54px;font-size:28px;display:grid}.lk-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.lk-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.lk-btn{min-height:44px;font:inherit;cursor:pointer;border:2px solid #0000;border-radius:14px;justify-content:center;align-items:center;padding:10px 20px;font-weight:700;text-decoration:none;transition:transform .12s;display:inline-flex}.lk-btn:hover:not(:disabled){transform:translateY(-2px)}.lk-btn:disabled{opacity:.5;cursor:not-allowed}.lk-btn-primary{background:var(--lk-accent);color:#fff}.lk-btn-ghost{color:var(--lk-accent);border-color:color-mix(in srgb, var(--lk-accent) 35%, white);background:#fff}.lk-btn-small{min-height:38px;color:var(--lk-accent);border-color:color-mix(in srgb, var(--lk-accent) 35%, white);background:#fff;align-self:flex-start;padding:6px 14px}.lk-btn:focus-visible,.lk-chip:focus-visible,.lk-slot:focus-visible,.lk-option:focus-visible,.lk-level:focus-visible,.lk-palette-item:focus-visible{outline-offset:2px;outline:3px solid #ffb020}.lk-hero{background:linear-gradient(135deg, var(--tone,#edf4ff), #fffdf3);border:1px solid var(--lk-line);border-radius:28px;align-items:center;gap:28px;min-height:300px;padding:32px clamp(20px,4vw,48px);display:flex;position:relative;overflow:hidden}.lk-hero-copy{flex:1.1;min-width:0}.lk-hero h1{font-size:clamp(24px,3.4vw,34px);font-weight:900;line-height:1.5}.lk-hero p{color:var(--lk-muted);margin:10px 0 22px;line-height:2}.lk-hero-actions{flex-wrap:wrap;gap:12px;display:flex}.lk-hero-progress{color:var(--lk-accent);background:#fff;border-radius:20px;align-items:center;gap:8px;margin-bottom:14px;padding:6px 14px;font-size:12px;font-weight:800;display:inline-flex}.lk-hero-art{flex:1;place-items:center;min-width:0;display:grid}@keyframes lk-bob{50%{transform:translateY(-9px)}}@keyframes lk-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes lk-shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.lk-intro{grid-template-columns:1.4fr 1fr 1fr;gap:16px;display:grid}.lk-definition{border:2px dashed color-mix(in srgb, var(--lk-accent) 35%, white);background:#fff;border-radius:20px;padding:22px}.lk-definition strong{color:var(--lk-accent);font-size:20px;line-height:1.8;display:block}.lk-definition p{color:var(--lk-muted);margin-top:8px;line-height:2}.lk-steps{color:var(--lk-ink);margin:4px 0 0;padding-inline-start:22px;font-size:14px;line-height:2}.lk-toggle{background:#fff;border-radius:12px;align-self:flex-start;gap:4px;padding:4px;display:inline-flex}.lk-toggle button{font:inherit;color:var(--lk-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;min-height:40px;padding:8px 14px;font-weight:700}.lk-toggle button[aria-pressed=true]{background:var(--lk-accent);color:#fff}.lk-outcome{border-radius:14px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:700;display:flex}.lk-outcome-right{color:#17663f;background:#d9f3e5}.lk-outcome-wrong{color:#a12b2b;background:#ffe1e1}.lk-games{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.lk-game{background:var(--tone,#fff);border:1px solid var(--tone-line,var(--lk-line));border-radius:24px;flex-direction:column;gap:14px;min-width:0;padding:22px;display:flex}.lk-game-head{align-items:center;gap:14px;display:flex}.lk-game-head h3{font-size:19px;font-weight:800}.lk-game-head p{color:var(--lk-muted);font-size:13px}.lk-game-progress{color:var(--lk-accent);background:#fff;border-radius:20px;margin-inline-start:auto;padding:4px 12px;font-size:13px;font-weight:800}.lk-levels{flex-wrap:wrap;gap:8px;display:flex}.lk-level{font:inherit;min-height:38px;color:var(--lk-muted);cursor:pointer;background:#fff;border:2px solid #0000;border-radius:12px;padding:6px 14px;font-size:13px;font-weight:700}.lk-level[aria-selected=true]{border-color:var(--lk-accent);color:var(--lk-accent)}.lk-actions{flex-wrap:wrap;gap:10px;display:flex}.lk-feedback{border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:700;animation:.3s lk-pop;display:flex}.lk-feedback.is-good{color:#17663f;background:#d9f3e5}.lk-feedback.is-bad{color:#8a5a00;background:#fff0d6}.lk-strip{background:#fff;border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px;padding:14px;display:flex}.lk-tile{background:#f3f6fb;border-radius:14px;flex-shrink:0;place-items:center;width:52px;height:52px;font-size:26px;display:grid}.lk-tile.is-missing{border:2px dashed color-mix(in srgb, var(--lk-accent) 45%, white);color:var(--lk-accent);background:#fff;font-weight:900}.lk-strip-arrow{color:var(--lk-muted);font-size:20px}.lk-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.lk-option{font:inherit;border:2px solid var(--lk-line);min-height:64px;color:var(--lk-ink);cursor:pointer;background:#fff;border-radius:16px;justify-content:center;align-items:center;gap:6px;font-size:26px;font-weight:800;display:flex}.lk-option-label{font-size:12px;font-weight:700}.lk-option.ok{background:#e4f7ee;border-color:#34a86b}.lk-option.bad{background:#ffeded;border-color:#e05a5a;animation:.35s lk-shake}.lk-palette,.lk-pool{flex-wrap:wrap;gap:8px;display:flex}.lk-palette-item,.lk-chip{font:inherit;border:2px solid var(--lk-line);min-width:52px;min-height:52px;color:var(--lk-ink);cursor:pointer;background:#fff;border-radius:14px;justify-content:center;align-items:center;padding:6px 10px;font-size:20px;font-weight:700;display:inline-flex}.lk-palette-item:hover:not(:disabled),.lk-chip:hover:not(:disabled){border-color:var(--lk-accent)}.lk-chip:disabled{opacity:.5;cursor:not-allowed}.lk-slots{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lk-slot{width:52px;height:52px;color:var(--lk-ink);cursor:pointer;background:#ffffffb3;border:2px dashed #b9c7dc;border-radius:14px;place-items:center;font-size:22px;display:grid}.lk-slot.is-filled{background:#fff;border-style:solid}.lk-slot-empty{color:#9aa8bb;font-size:14px}.lk-rewards{border:1px solid var(--lk-line);background:#fff;border-radius:24px;gap:16px;padding:22px;display:grid}.lk-stars{align-items:center;gap:12px;font-weight:700;display:flex}.lk-stars-count{color:#c27b00;font-size:28px;font-weight:900}.lk-badges{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;display:grid}.lk-badge{text-align:center;color:#8a99ad;filter:grayscale();background:#f1f4f9;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;display:flex}.lk-badge>span{font-size:34px}.lk-badge.is-earned{color:var(--lk-ink);filter:none;background:#fff6dc;animation:.4s lk-pop}.lk-summary{background:linear-gradient(135deg,#e4f7ee,#edf4ff);border-radius:28px;padding:30px clamp(20px,4vw,44px)}.lk-summary ul{margin:12px 0;padding-inline-start:22px;font-weight:600;line-height:2.2}.lk-closing{color:var(--lk-accent);font-size:20px;font-weight:900}.lk-lesson-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.lk-lesson-nav a{color:var(--lk-accent);align-items:center;gap:8px;font-weight:700;display:inline-flex}@media (prefers-reduced-motion:reduce){.lk-bob{animation:none}}@media (max-width:960px){.lk-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.lk-intro{grid-template-columns:1fr 1fr}.lk-definition{grid-column:1/-1}.lk-games{grid-template-columns:1fr}}@media (max-width:640px){.lk-hero{text-align:center;flex-direction:column;padding:24px 18px}.lk-hero-actions{justify-content:center}.lk-grid-4,.lk-grid-2,.lk-intro,.lk-options{grid-template-columns:1fr}.lk-badges{grid-template-columns:repeat(2,minmax(0,1fr))}}