.av-lesson{background:#fffef9;border:1px solid #dce4d5;border-radius:17px;padding:22px;margin-bottom:22px}.av-top{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:1px;color:#65765f;margin-bottom:20px}.av-stage{min-height:355px;background:#eef2e5;border-radius:13px;padding:24px 16px;text-align:center;overflow:hidden}.av-stage h2{font-size:24px}.av-places{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:460px;margin:20px auto}.av-place{border:1px solid #d2ddc7;background:#fafbf5;border-radius:12px;padding:10px 3px;transition:background .3s,transform .3s}.av-place span{display:block;font-size:10px;color:#53684d}.av-place b{display:block;font-size:43px;font-weight:600;line-height:1.4}.av-place.lit{background:#f2d49e;border-color:#bd8843;transform:translateY(-5px)}.av-objects{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-height:90px;margin:20px 0}.av-object{display:flex;align-items:center;justify-content:center;color:#244d46;animation:av-appear .5s ease both}.objects-0 .av-object{width:64px;height:64px;background:#bdcfa7;box-shadow:5px -5px 0 #9db58c;border:1px solid #829c72;border-radius:4px}.objects-0 b{font-size:14px}.objects-1 .av-object{width:64px;height:64px;border:1px solid #89a27c;background-color:#d6e4c7;background-image:linear-gradient(#8fa77b88 1px,transparent 1px),linear-gradient(90deg,#8fa77b88 1px,transparent 1px);background-size:10% 10%}.objects-1 b{font-size:15px;background:#edf3e1;padding:2px}.objects-2 .av-object{width:13px;height:100px;border:1px solid #81976b;background-color:#c0d3a7;background-image:repeating-linear-gradient(0deg,transparent,transparent 9%,#81976b 9%,#81976b 10%)}.objects-3 .av-object{width:23px;height:23px;background:#a9c38e;border:1px solid #81976b}.object-1{animation-delay:.12s}.object-2{animation-delay:.24s}.object-3{animation-delay:.36s}.object-4{animation-delay:.48s}.object-5{animation-delay:.6s}.object-6{animation-delay:.72s}.object-7{animation-delay:.84s}.av-equation{font-size:clamp(18px,2.1vw,27px);font-weight:650;color:#244d46;margin-top:22px}.av-intro-note{font-size:19px;color:#596f50;margin:26px auto;line-height:1.5}.av-caption{background:#f6f5ee;border-left:3px solid #c6a16b;padding:14px 16px;font-size:14px!important;line-height:1.8;margin:16px 0 8px}.av-status{font-size:12px!important;color:#85562c;min-height:20px;margin-bottom:10px}.av-controls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.av-controls .primary{min-width:150px}.av-options{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:12px 0}.av-options label{font-size:11px;display:flex;align-items:center;gap:6px}.av-options input{width:18px;height:18px;accent-color:#244d46}.av-options button{font-size:11px}.av-dots{display:flex;gap:7px;justify-content:center;margin:8px 0 16px;flex-wrap:wrap}.av-dots button{border:1px solid #cedbc2;border-radius:50%;width:38px;height:38px;background:#fff;color:#244d46;font-size:12px}.av-dots .current{background:#244d46;color:white}.av-answers{display:flex;justify-content:center;gap:9px;margin-top:20px}.av-answers .choice{font-size:19px;min-width:70px}.av-feedback{font-size:14px!important;margin:18px 0 10px}.av-feedback.good{color:#285931}.av-feedback.retry{color:#85562c}.av-lesson>.hint{font-size:11px}.av-preview{max-width:880px;padding:25px;margin:auto}.av-preview h1{font-size:30px}.av-preview .preview-note{font-size:13px;color:#667761}@keyframes av-appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:650px){.av-lesson{padding:14px}.av-stage{padding:20px 10px;min-height:340px}.av-place span{font-size:9px}.av-place b{font-size:33px}.av-stage h2{font-size:21px}.av-controls .primary{min-width:140px}.av-preview{padding:18px 12px}}@media(prefers-reduced-motion:reduce){.av-object{animation:none}.av-place{transition:none}}
