.modal-overlay[data-v-ec1f0a3c]{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px}.modal-container[data-v-ec1f0a3c]{position:relative;max-width:500px;width:100%}.modal-content[data-v-ec1f0a3c]{background:#fff;border-radius:20px;padding:40px 30px;text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000004d}.achievement-celebration[data-v-ec1f0a3c]{position:relative;margin-bottom:30px;height:120px;display:flex;justify-content:center;align-items:center}.confetti-container[data-v-ec1f0a3c]{position:absolute;inset:0;overflow:hidden;pointer-events:none}.confetti[data-v-ec1f0a3c]{position:absolute;width:8px;height:8px;border-radius:50%;top:-10px;animation:confetti-fall-ec1f0a3c linear infinite}@keyframes confetti-fall-ec1f0a3c{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(130px) rotate(360deg);opacity:0}}.achievement-icon[data-v-ec1f0a3c]{font-size:80px;position:relative;z-index:10;filter:drop-shadow(0 5px 10px rgba(0,0,0,.2))}.achievement-icon.animated[data-v-ec1f0a3c]{animation:icon-bounce-ec1f0a3c .6s ease-out}@keyframes icon-bounce-ec1f0a3c{0%{transform:scale(0) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}to{transform:scale(1) rotate(360deg)}}.achievement-info[data-v-ec1f0a3c]{margin-bottom:30px}.achievement-title[data-v-ec1f0a3c]{font-size:28px;font-weight:800;color:#4caf50;margin:0 0 10px;text-transform:uppercase;letter-spacing:2px}.achievement-name[data-v-ec1f0a3c]{font-size:24px;font-weight:700;color:#333;margin:0 0 15px}.achievement-description[data-v-ec1f0a3c]{font-size:16px;color:#666;margin:0 0 20px;line-height:1.4}.achievement-reward[data-v-ec1f0a3c]{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#fff9c4,#ffeb3b);padding:10px 20px;border-radius:25px;border:2px solid #f9a825}.reward-text[data-v-ec1f0a3c]{font-size:16px;font-weight:600;color:#f57c00}.reward-value[data-v-ec1f0a3c]{font-size:18px;font-weight:700;color:#f57c00}.modal-actions[data-v-ec1f0a3c]{display:flex;gap:15px;justify-content:center;margin-bottom:20px}.btn-primary[data-v-ec1f0a3c],.btn-secondary[data-v-ec1f0a3c]{padding:12px 24px;border:none;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn-primary[data-v-ec1f0a3c]{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 4px 15px #4caf504d}.btn-primary[data-v-ec1f0a3c]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.btn-secondary[data-v-ec1f0a3c]{background:#f5f5f5;color:#666}.btn-secondary[data-v-ec1f0a3c]:hover{background:#e0e0e0}.progress-indicator[data-v-ec1f0a3c]{position:absolute;bottom:0;left:0;right:0;height:4px;background:#0000001a}.progress-bar[data-v-ec1f0a3c]{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);width:100%;animation:progress-countdown-ec1f0a3c 5s linear forwards}@keyframes progress-countdown-ec1f0a3c{0%{width:100%}to{width:0%}}.modal-appear-enter-active[data-v-ec1f0a3c]{transition:all .3s ease}.modal-appear-leave-active[data-v-ec1f0a3c]{transition:all .2s ease}.modal-appear-enter-from[data-v-ec1f0a3c]{opacity:0;transform:scale(.8)}.modal-appear-leave-to[data-v-ec1f0a3c]{opacity:0;transform:scale(.9)}@media(max-width:600px){.modal-content[data-v-ec1f0a3c]{padding:30px 20px}.achievement-title[data-v-ec1f0a3c]{font-size:24px}.achievement-name[data-v-ec1f0a3c]{font-size:20px}.achievement-description[data-v-ec1f0a3c]{font-size:14px}.achievement-icon[data-v-ec1f0a3c]{font-size:60px}.modal-actions[data-v-ec1f0a3c]{flex-direction:column;gap:10px}.btn-primary[data-v-ec1f0a3c],.btn-secondary[data-v-ec1f0a3c]{width:100%;padding:14px}}.achievements-button[data-v-5b23590b]{position:relative;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 15px #4caf504d;transition:all .3s ease;animation:pulse-icon-5b23590b 2s infinite}.achievements-button[data-v-5b23590b]:hover{transform:scale(1.1);box-shadow:0 6px 20px #4caf5066}.achievements-icon[data-v-5b23590b]{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.achievements-badge[data-v-5b23590b]{position:absolute;top:-5px;right:-5px;background:#ff4757;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:3px solid white;box-shadow:0 2px 8px #ff475766;animation:bounce-in-5b23590b .5s ease}@keyframes pulse-icon-5b23590b{0%{box-shadow:0 4px 15px #4caf504d}50%{box-shadow:0 4px 25px #4caf5099}to{box-shadow:0 4px 15px #4caf504d}}@keyframes bounce-in-5b23590b{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media(max-width:768px){.achievements-button[data-v-5b23590b]{width:50px;height:50px}.achievements-icon[data-v-5b23590b]{font-size:24px}.achievements-badge[data-v-5b23590b]{width:20px;height:20px;font-size:10px}}.main-container[data-v-50ea0f2c]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:20px;flex:1}.grade-info-container[data-v-50ea0f2c]{background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:15px;padding:20px;box-shadow:0 5px 15px #0000001a;margin-bottom:20px;width:100%;display:flex;justify-content:space-between;align-items:center}.grade-info[data-v-50ea0f2c]{display:flex;flex-direction:column;align-items:flex-start}.grade-label[data-v-50ea0f2c]{font-size:14px;color:#666;margin-bottom:5px}.grade-value[data-v-50ea0f2c]{font-size:18px;font-weight:600;color:#333}.grade-actions[data-v-50ea0f2c]{display:flex;gap:12px;align-items:center;flex-wrap:nowrap}.achievements-button[data-v-50ea0f2c]{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff;border:none;border-radius:50%;width:48px;height:48px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 8px #4caf504d;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.achievements-button[data-v-50ea0f2c]:hover{transform:translateY(-2px);box-shadow:0 5px 12px #4caf5066}.achievements-icon[data-v-50ea0f2c]{font-size:24px}.city-button[data-v-50ea0f2c]{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;border:none;border-radius:50%;width:48px;height:48px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 8px #ff98004d;display:none;align-items:center;justify-content:center;flex-shrink:0}.city-button[data-v-50ea0f2c]:hover{transform:translateY(-2px);box-shadow:0 5px 12px #ff980066}.city-icon[data-v-50ea0f2c]{font-size:24px}.daily-tasks-button[data-v-50ea0f2c]{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:50%;width:48px;height:48px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 8px #8b5cf64d;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.daily-tasks-button[data-v-50ea0f2c]:hover{transform:translateY(-2px);box-shadow:0 5px 12px #8b5cf666}.daily-tasks-icon[data-v-50ea0f2c]{font-size:24px}.pending-tasks-count[data-v-50ea0f2c]{position:absolute;top:-4px;right:-4px;background:#ff4757;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.coins-button[data-v-50ea0f2c]{background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);color:#fff;border:none;border-radius:2rem;padding:.5rem 1rem;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #fbbf244d,inset 0 -2px 4px #0000001a;display:flex;align-items:center;gap:.5rem;position:relative;flex-shrink:0}.coins-button[data-v-50ea0f2c]:hover{transform:translateY(-2px);box-shadow:0 6px 12px #fbbf2466,inset 0 -2px 4px #0000001a}.coins-button[data-v-50ea0f2c]:active{transform:translateY(0);box-shadow:0 2px 4px #fbbf244d,inset 0 1px 2px #0003}.coins-icon[data-v-50ea0f2c]{font-size:24px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.coins-count[data-v-50ea0f2c]{font-size:14px;font-weight:700;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.2)}.crystals-button[data-v-50ea0f2c]{background:linear-gradient(135deg,#818cf8,#6366f1,#4f46e5);color:#fff;border:none;border-radius:2rem;padding:.5rem 1rem;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #818cf84d,inset 0 -2px 4px #0000001a;display:flex;align-items:center;gap:.5rem;position:relative;flex-shrink:0}.crystals-button[data-v-50ea0f2c]:hover{transform:translateY(-2px);box-shadow:0 6px 12px #818cf866,inset 0 -2px 4px #0000001a}.crystals-button[data-v-50ea0f2c]:active{transform:translateY(0);box-shadow:0 2px 4px #818cf84d,inset 0 1px 2px #0003}.crystals-icon[data-v-50ea0f2c]{font-size:24px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.crystals-count[data-v-50ea0f2c]{font-size:14px;font-weight:700;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.2)}.new-achievements-count[data-v-50ea0f2c]{position:absolute;top:-4px;right:-4px;background:#ff4757;color:#fff;border-radius:50%;width:20px;height:20px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 4px #0003}.change-grade-button[data-v-50ea0f2c]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:20px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 8px #667eea4d;width:100px}.change-grade-button[data-v-50ea0f2c]:hover{transform:translateY(-2px);box-shadow:0 5px 12px #667eea66}.buttons-container[data-v-50ea0f2c]{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;margin-top:40px}.difficulty-info-button[data-v-50ea0f2c]{padding:10px 20px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:30px;font-size:clamp(14px,3vw,16px);font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #4caf504d}.difficulty-info-button[data-v-50ea0f2c]:hover{transform:scale(1.05);box-shadow:0 6px 12px #4caf5066}.main-title[data-v-50ea0f2c]{font-size:clamp(32px,6vw,48px);font-weight:700;margin-bottom:30px;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.scores-container[data-v-50ea0f2c]{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.score-card-title[data-v-50ea0f2c]{background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:20px;padding:10px;box-shadow:0 10px 20px #0000001a;text-align:center;min-width:70px;transition:transform .3s ease;font-size:clamp(16px,3vw,20px);color:#666;margin-bottom:10px}.games-container[data-v-50ea0f2c]{display:flex;flex-direction:column;gap:20px;height:70vh;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth;scroll-padding:10px 0;padding:10px 0;margin:0;scrollbar-width:thin;scrollbar-color:rgba(102,126,234,.3) transparent}.games-container[data-v-50ea0f2c]::-webkit-scrollbar{width:6px}.games-container[data-v-50ea0f2c]::-webkit-scrollbar-track{background:transparent}.games-container[data-v-50ea0f2c]::-webkit-scrollbar-thumb{background-color:#667eea4d;border-radius:3px}.games-container[data-v-50ea0f2c]::-webkit-scrollbar-thumb:hover{background-color:#667eea80}.game-card[data-v-50ea0f2c]{background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:20px;padding:10px;box-shadow:0 10px 20px #0000001a;transition:all .3s ease;cursor:pointer;width:600px;flex-shrink:0;position:relative;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}.game-card[data-v-50ea0f2c]:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#ff9a8b,#ff6a88,#ff99ac)}.game-card[data-v-50ea0f2c]:hover{transform:translateY(-10px);box-shadow:0 15px 30px #00000026}.game-content[data-v-50ea0f2c]{display:flex;align-items:flex-start;gap:15px}.game-icon[data-v-50ea0f2c]{font-size:clamp(40px,8vw,60px);flex-shrink:0;margin-top:5px}.game-info[data-v-50ea0f2c]{flex:1;display:flex;flex-direction:column}.game-title[data-v-50ea0f2c]{font-size:clamp(18px,4vw,22px);font-weight:700;color:#333;margin-bottom:8px}.game-description[data-v-50ea0f2c]{font-size:clamp(14px,2.5vw,16px);color:#666;margin-bottom:8px}.game-score[data-v-50ea0f2c]{font-size:clamp(16px,3vw,18px);font-weight:700;color:#ff9800;background:#ff98001a;border-radius:15px;padding:6px 12px;display:inline-block;align-self:flex-start}@media(max-width:768px){.main-container[data-v-50ea0f2c]{padding:15px}.grade-info-container[data-v-50ea0f2c]{margin-bottom:15px;padding:15px}.coins-button[data-v-50ea0f2c],.crystals-button[data-v-50ea0f2c]{padding:.4rem .8rem;font-size:13px}.coins-icon[data-v-50ea0f2c],.crystals-icon[data-v-50ea0f2c]{font-size:20px}.coins-count[data-v-50ea0f2c],.crystals-count[data-v-50ea0f2c]{font-size:12px}.grade-info[data-v-50ea0f2c]{margin-bottom:10px}.grade-value[data-v-50ea0f2c]{font-size:16px}.grade-actions[data-v-50ea0f2c]{gap:10px;justify-content:flex-end}.achievements-button[data-v-50ea0f2c]{width:44px;height:44px}.achievements-icon[data-v-50ea0f2c]{font-size:22px}.new-achievements-count[data-v-50ea0f2c]{width:18px;height:18px;font-size:10px}.change-grade-button[data-v-50ea0f2c]{padding:8px 12px;font-size:12px;width:100px}.scores-container[data-v-50ea0f2c]{gap:10px;margin-bottom:15px}.score-card-title[data-v-50ea0f2c]{min-width:120px;padding:8px 12px;font-size:14px}.games-container[data-v-50ea0f2c]{height:70vh;gap:15px;scroll-padding:10px 0;padding:10px 0}.game-card[data-v-50ea0f2c]{width:90vw;max-width:400px;padding:15px;flex-shrink:0;scroll-snap-align:start;scroll-snap-stop:always}.game-content[data-v-50ea0f2c]{gap:12px}.game-icon[data-v-50ea0f2c]{font-size:36px}.game-title[data-v-50ea0f2c]{font-size:16px;margin-bottom:6px}.game-description[data-v-50ea0f2c]{font-size:13px;margin-bottom:6px}.game-score[data-v-50ea0f2c]{font-size:14px;padding:5px 10px}}@media(max-width:480px){.main-container[data-v-50ea0f2c]{padding:10px}.grade-info-container[data-v-50ea0f2c]{flex-direction:column;gap:10px;padding:10px}.grade-actions[data-v-50ea0f2c]{flex-wrap:wrap;justify-content:center}.coins-button[data-v-50ea0f2c],.crystals-button[data-v-50ea0f2c]{padding:.3rem .6rem;font-size:12px}.coins-icon[data-v-50ea0f2c],.crystals-icon[data-v-50ea0f2c]{font-size:18px}.coins-count[data-v-50ea0f2c],.crystals-count[data-v-50ea0f2c]{font-size:11px}.grade-info[data-v-50ea0f2c]{align-items:center}.grade-actions[data-v-50ea0f2c]{align-self:stretch;justify-content:space-between}.change-grade-button[data-v-50ea0f2c]{width:100px;max-width:100px}.scores-container[data-v-50ea0f2c]{gap:8px;margin-bottom:12px}.score-card-title[data-v-50ea0f2c]{min-width:100px;padding:6px 10px;font-size:12px}.games-container[data-v-50ea0f2c]{height:70vh;gap:12px;width:100%;scroll-padding:10px 0;padding:10px 0}.game-card[data-v-50ea0f2c]{width:100%;max-width:none;padding:12px;flex-shrink:0;scroll-snap-align:start;scroll-snap-stop:always}.game-content[data-v-50ea0f2c]{gap:10px}.game-icon[data-v-50ea0f2c]{font-size:32px}.game-title[data-v-50ea0f2c]{font-size:16px;margin-bottom:6px}.game-description[data-v-50ea0f2c]{font-size:12px;margin-bottom:6px}.game-score[data-v-50ea0f2c]{font-size:12px;padding:4px 8px}}.game-over-buttons[data-v-67daae51]{margin-top:20px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.restart-button[data-v-67daae51]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.main-button[data-v-67daae51]{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}@media(max-width:480px){.game-over-buttons[data-v-67daae51]{flex-direction:column;gap:8px;width:100%}.btn[data-v-67daae51]{width:100%;max-width:200px;padding:10px 15px;font-size:14px}}@media(max-width:360px){.btn[data-v-67daae51]{padding:8px 12px;font-size:12px}}.coin-animation[data-v-c1a1ed27]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:9999}.coin[data-v-c1a1ed27]{position:absolute;font-size:24px;animation:coinFly-c1a1ed27 var(--duration, 1.5s) ease-out forwards;animation-delay:var(--delay, 0ms);--duration: 1.5s}.coin-text[data-v-c1a1ed27]{position:absolute;top:-40px;left:50%;transform:translate(-50%);font-size:28px;font-weight:700;color:#fbbf24;text-shadow:2px 2px 4px rgba(0,0,0,.3);animation:textFloat-c1a1ed27 1.5s ease-out forwards}@keyframes coinFly-c1a1ed27{0%{transform:translate(0) scale(.5);opacity:0}20%{transform:translate(0) scale(1.2);opacity:1}40%{transform:translate(0) scale(1);opacity:1}to{transform:translate(calc(cos(var(--angle)) * var(--radius)),calc(sin(var(--angle)) * var(--radius) - 100px)) scale(.8);opacity:0}}@keyframes textFloat-c1a1ed27{0%{transform:translate(-50%) translateY(0);opacity:0}20%{transform:translate(-50%) translateY(-10px);opacity:1}to{transform:translate(-50%) translateY(-60px);opacity:0}}.currency-display[data-v-c6ef41f5]{display:flex;gap:1rem;align-items:center}.currency-item[data-v-c6ef41f5]{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);padding:.5rem 1rem;border-radius:2rem;box-shadow:0 2px 4px #0000001a;border:2px solid #d1d5db}.currency-icon[data-v-c6ef41f5]{font-size:1.5rem;line-height:1}.currency-value[data-v-c6ef41f5]{font-weight:700;font-size:1.1rem;color:#374151;min-width:3rem;text-align:right}@media(max-width:640px){.currency-display[data-v-c6ef41f5]{gap:.5rem}.currency-item[data-v-c6ef41f5]{padding:.4rem .8rem}.currency-icon[data-v-c6ef41f5]{font-size:1.2rem}.currency-value[data-v-c6ef41f5]{font-size:1rem;min-width:2.5rem}}.manual-mode-container[data-v-dc4d5d9c]{margin:20px 0;text-align:center}.manual-mode-button[data-v-dc4d5d9c]{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ed89364d;margin-bottom:8px}.manual-mode-button[data-v-dc4d5d9c]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ed893666}.manual-mode-hint[data-v-dc4d5d9c]{font-size:14px;color:#718096;margin:0}.decomposition-container[data-v-bec8d020]{display:flex;flex-direction:column;align-items:center;margin:20px 0}.target-number[data-v-bec8d020]{font-size:48px;font-weight:700;color:#667eea;margin-bottom:20px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#667eea1a;box-shadow:0 4px 8px #667eea33}.decomposition-parts[data-v-bec8d020]{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.part[data-v-bec8d020]{display:flex;flex-direction:column;align-items:center}.part-number[data-v-bec8d020]{font-size:32px;font-weight:700;color:#333;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#667eea1a;box-shadow:0 4px 8px #667eea33}.part-label[data-v-bec8d020]{font-size:14px;color:#666;margin-top:5px}.plus-sign[data-v-bec8d020],.equals-sign[data-v-bec8d020]{font-size:32px;font-weight:700;color:#333;margin:0 5px}@media(max-width:768px){.target-number[data-v-bec8d020]{font-size:36px;width:60px;height:60px}.decomposition-parts[data-v-bec8d020]{gap:5px}.part-number[data-v-bec8d020]{font-size:24px;width:45px;height:45px}.part-label[data-v-bec8d020]{font-size:12px}.plus-sign[data-v-bec8d020],.equals-sign[data-v-bec8d020]{font-size:24px}}.main-container[data-v-008daf35]{display:flex;flex-direction:column;align-items:center;padding:20px;flex:1;width:100%;max-width:800px;margin:0 auto}.header-container[data-v-008daf35]{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:20px}.score-container[data-v-008daf35]{display:flex;align-items:center;background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:20px;padding:8px 16px;box-shadow:0 3px 8px #0000001a}.score-label[data-v-008daf35]{font-size:14px;color:#666;margin-right:8px}.score-value[data-v-008daf35]{font-size:16px;color:#333;font-weight:600}.game-area[data-v-008daf35]{display:flex;flex-direction:column;align-items:center;width:100%}.level-info[data-v-008daf35]{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:20px;background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:15px;padding:15px 20px;box-shadow:0 5px 15px #0000001a}.current-level[data-v-008daf35]{font-size:18px;font-weight:600;color:#333;margin-bottom:8px}.level-info .progress-info[data-v-008daf35]{font-size:14px;color:#666;text-align:center}.problem-container[data-v-008daf35]{background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:20px;padding:30px;box-shadow:0 10px 20px #0000001a;text-align:center;margin-bottom:20px;width:100%;max-width:500px}.problem-expression[data-v-008daf35]{font-size:32px;font-weight:700;color:#333;margin-bottom:30px}.options-container[data-v-008daf35]{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px}.option-button[data-v-008daf35]{background:linear-gradient(135deg,#f8f9ff,#fff);border:2px solid #e0e0e0;border-radius:15px;padding:15px;font-size:20px;font-weight:600;color:#333;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 8px #0000001a}.option-button[data-v-008daf35]:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 12px #00000026;border-color:#667eea}.option-button[data-v-008daf35]:disabled{cursor:not-allowed}.option-button.correct[data-v-008daf35]{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border-color:#4caf50}.option-button.incorrect[data-v-008daf35]{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;border-color:#ff6b6b}.feedback[data-v-008daf35]{font-size:18px;font-weight:600;margin-bottom:20px;padding:10px;border-radius:10px}.correct-feedback[data-v-008daf35]{color:#4caf50;background-color:#4caf501a}.incorrect-feedback[data-v-008daf35]{color:#ff6b6b;background-color:#ff6b6b1a}.next-button[data-v-008daf35]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:20px;padding:10px 20px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 8px #667eea4d}.next-button[data-v-008daf35]:hover{transform:translateY(-2px);box-shadow:0 5px 12px #667eea66}.progress-container[data-v-008daf35]{width:100%;max-width:500px}.progress-info[data-v-008daf35]{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px;color:#666}.progress-bar[data-v-008daf35]{height:10px;background-color:#e0e0e0;border-radius:5px;overflow:hidden}.progress-fill[data-v-008daf35]{height:100%;background:linear-gradient(90deg,#4caf50,#45a049);transition:width .3s ease}@media(max-width:768px){.main-container[data-v-008daf35]{padding:15px}.header-container[data-v-008daf35]{margin-bottom:15px}.level-info[data-v-008daf35]{padding:12px 15px}.problem-container[data-v-008daf35]{padding:20px}.problem-expression[data-v-008daf35]{font-size:28px;margin-bottom:20px}.options-container[data-v-008daf35]{gap:10px}.option-button[data-v-008daf35]{padding:12px;font-size:18px}.feedback[data-v-008daf35]{font-size:16px}}@media(max-width:480px){.main-container[data-v-008daf35]{padding:10px}.problem-container[data-v-008daf35]{padding:15px}.problem-expression[data-v-008daf35]{font-size:24px}.options-container[data-v-008daf35]{grid-template-columns:1fr}}.level-info[data-v-214e37f6]{display:flex;flex-direction:column;align-items:flex-end}.level-indicator[data-v-214e37f6]{font-size:14px;font-weight:600;color:#4a5568}.level-progress[data-v-214e37f6]{margin:10px 0;padding:10px;background-color:#f7fafc;border-radius:8px;border:1px solid #e2e8f0}.progress-text[data-v-214e37f6]{font-size:14px;color:#4a5568;margin-bottom:5px;text-align:center}.progress-bar[data-v-214e37f6]{width:100%;height:8px;background-color:#e2e8f0;border-radius:4px;overflow:hidden}.progress-fill[data-v-214e37f6]{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.manual-mode-container[data-v-214e37f6]{margin:20px 0;text-align:center}.manual-mode-button[data-v-214e37f6]{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #48bb784d;margin-bottom:8px}.manual-mode-button[data-v-214e37f6]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #48bb7866}.manual-mode-hint[data-v-214e37f6]{font-size:14px;color:#718096;margin:0}.level-info[data-v-2854dc54]{display:flex;flex-direction:column;align-items:flex-end}.level-indicator[data-v-2854dc54]{font-size:14px;font-weight:600;color:#4a5568}.level-progress[data-v-2854dc54]{margin:10px 0;padding:10px;background-color:#f7fafc;border-radius:8px;border:1px solid #e2e8f0}.progress-text[data-v-2854dc54]{font-size:14px;color:#4a5568;margin-bottom:5px;text-align:center}.progress-bar[data-v-2854dc54]{width:100%;height:8px;background-color:#e2e8f0;border-radius:4px;overflow:hidden}.progress-fill[data-v-2854dc54]{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.equation-container[data-v-2854dc54]{margin:20px 0}.answer-input-container[data-v-2854dc54]{display:flex;gap:10px;max-width:400px;margin:0 auto}.answer-input[data-v-2854dc54]{flex:1;padding:12px 16px;font-size:18px;border:2px solid #e2e8f0;border-radius:8px;text-align:center;transition:all .3s ease}.answer-input[data-v-2854dc54]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.answer-input[data-v-2854dc54]:disabled{background-color:#f7fafc;color:#a0aec0}.check-button[data-v-2854dc54]{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 8px #667eea4d}.check-button[data-v-2854dc54]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 12px #667eea66}.check-button[data-v-2854dc54]:disabled{opacity:.5;cursor:not-allowed}.feedback-container[data-v-2854dc54]{margin:20px 0;text-align:center}.feedback[data-v-2854dc54]{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:8px;font-weight:600}.feedback.correct[data-v-2854dc54]{background-color:#c6f6d5;color:#22543d}.feedback.incorrect[data-v-2854dc54]{background-color:#fed7d7;color:#742a2a}.feedback-icon[data-v-2854dc54]{font-size:24px;font-weight:700}.feedback-text[data-v-2854dc54]{font-size:16px}.next-button[data-v-2854dc54]{margin-top:10px;padding:10px 20px;background:#4a5568;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.next-button[data-v-2854dc54]:hover{background:#2d3748}.app-container[data-v-d785582d]{min-height:100dvh;padding-bottom:env(keyboard-inset-height,0px)}@media(max-width:768px){.app-container[data-v-d785582d]{width:100vw;padding:0;min-height:100vh}.game-container[data-v-d785582d]{width:100vw;max-width:none;border-radius:0;padding:15px;margin:0}}@media(max-width:480px){.game-container[data-v-d785582d]{padding:10px}}.level-info[data-v-d785582d]{display:flex;flex-direction:column;align-items:flex-end}.level-indicator[data-v-d785582d]{font-size:clamp(11px,2.5vw,14px);font-weight:600;color:#4a5568}.decomposition-container[data-v-d785582d]{margin:clamp(15px,4vw,25px) 0;padding:clamp(20px,5vw,35px);background-color:#f7fafc;border-radius:12px;border:2px solid #e2e8f0;min-height:clamp(300px,60vh,500px);will-change:height}.step-container[data-v-d785582d]{text-align:center;padding:0 clamp(10px,3vw,20px)}.expression-large[data-v-d785582d]{font-size:clamp(24px,6vw,36px);font-weight:700;color:#2d3748;margin-bottom:clamp(15px,4vw,25px);line-height:1.2}.expression-part[data-v-d785582d]{font-size:clamp(20px,5vw,28px);color:#2d3748;margin-bottom:clamp(12px,3vw,20px);line-height:1.3}.highlighted-number[data-v-d785582d]{color:#667eea;font-weight:700;background-color:#edf2ff;padding:clamp(3px,1vw,6px) clamp(8px,2vw,15px);border-radius:8px}.step-hint[data-v-d785582d]{color:#718096;font-size:clamp(16px,4vw,20px);margin:clamp(20px,5vw,35px) 0;line-height:1.4}.step-instruction[data-v-d785582d]{font-size:clamp(16px,4vw,20px);color:#4a5568;margin:clamp(15px,4vw,25px) 0;padding:clamp(12px,3vw,20px);background-color:#fff;border-radius:12px;border-left:4px solid #667eea;line-height:1.4}.start-button[data-v-d785582d]{padding:clamp(12px,3vw,20px) clamp(24px,6vw,40px);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:clamp(16px,4vw,20px);font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d;touch-action:manipulation;min-height:48px}.start-button[data-v-d785582d]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.decomposition-input[data-v-d785582d],.calculation-input[data-v-d785582d]{font-size:clamp(18px,5vw,26px);color:#2d3748;margin:clamp(15px,4vw,25px) 0;display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,15px);flex-wrap:wrap}.calculation-input[data-v-d785582d]{width:100%;min-width:100%;flex-wrap:nowrap}.number-input[data-v-d785582d]{width:clamp(70px,20vw,120px);min-height:48px;padding:clamp(8px,2vw,15px);font-size:clamp(18px,4.5vw,24px);border:2px solid #e2e8f0;border-radius:8px;text-align:center;transition:all .3s ease;background-color:#fff;-webkit-appearance:none;-moz-appearance:textfield}.number-input[data-v-d785582d]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:scale(1.02)}.number-input[data-v-d785582d]:disabled{background-color:#edf2f7;color:#4a5568;border-color:#cbd5e0;transform:none}.check-button[data-v-d785582d]{padding:clamp(10px,2.5vw,16px) clamp(20px,5vw,35px);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:clamp(14px,3.5vw,18px);font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 8px #667eea4d;margin:clamp(8px,2vw,15px) 0;touch-action:manipulation;min-height:48px}.check-button[data-v-d785582d]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 12px #667eea66}.check-button[data-v-d785582d]:disabled{opacity:.5;cursor:not-allowed}.hint-box[data-v-d785582d]{margin-top:clamp(15px,4vw,25px);padding:clamp(12px,3vw,20px);background-color:#fef5e7;border:1px solid #f9e79f;border-radius:8px;color:#7d6608;font-size:clamp(14px,3.5vw,16px);line-height:1.4}.feedback-box[data-v-d785582d]{margin-top:clamp(15px,4vw,25px);padding:clamp(12px,3vw,20px);border-radius:8px}.correct-feedback[data-v-d785582d]{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724;font-size:clamp(14px,3.5vw,16px);font-weight:600;line-height:1.4}.incorrect-feedback[data-v-d785582d]{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24;font-size:clamp(14px,3.5vw,16px);font-weight:600;line-height:1.4}.hint-feedback[data-v-d785582d]{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404;font-size:clamp(14px,3.5vw,16px);font-weight:600;line-height:1.4}.retry-feedback[data-v-d785582d]{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460;font-size:clamp(14px,3.5vw,16px);font-weight:600;line-height:1.4}.auto-retry-hint[data-v-d785582d]{margin-top:clamp(8px,2vw,12px);font-size:clamp(12px,3vw,14px);font-weight:400;color:#6c757d;font-style:italic}.next-button[data-v-d785582d]{margin-top:clamp(10px,2.5vw,18px);padding:clamp(8px,2vw,14px) clamp(16px,4vw,28px);background:#4a5568;color:#fff;border:none;border-radius:8px;font-size:clamp(14px,3.5vw,16px);font-weight:600;cursor:pointer;transition:all .3s ease;touch-action:manipulation;min-height:44px}.next-button[data-v-d785582d]:hover{background:#2d3748}.steps-progress[data-v-d785582d]{display:flex;justify-content:center;gap:clamp(10px,2.5vw,20px);margin-top:clamp(20px,5vw,35px)}.step-dot[data-v-d785582d]{width:clamp(10px,2.5vw,14px);height:clamp(10px,2.5vw,14px);border-radius:50%;background-color:#e2e8f0;transition:all .3s ease}.step-dot.active[data-v-d785582d]{background-color:#667eea;transform:scale(1.3)}.step-dot.completed[data-v-d785582d]{background-color:#48bb78}@media(min-width:768px){.decomposition-container[data-v-d785582d]{padding:clamp(25px,4vw,40px);border-radius:16px}.decomposition-input[data-v-d785582d],.calculation-input[data-v-d785582d]{flex-wrap:nowrap}.calculation-input[data-v-d785582d]{width:auto;min-width:auto;max-width:500px}.number-input[data-v-d785582d]{width:100px}}@media(min-width:1024px){.app-container[data-v-d785582d]{padding-bottom:0}.decomposition-container[data-v-d785582d]{min-height:450px}.expression-large[data-v-d785582d]{font-size:36px}.expression-part[data-v-d785582d]{font-size:28px}.step-instruction[data-v-d785582d]{font-size:20px}.number-input[data-v-d785582d]{width:100px;font-size:22px}.check-button[data-v-d785582d],.next-button[data-v-d785582d]{font-size:16px}.calculation-input[data-v-d785582d]{width:auto;min-width:auto;max-width:600px;flex-wrap:nowrap}}@media(max-width:360px){.level-info[data-v-d785582d]{display:none}.decomposition-input[data-v-d785582d],.calculation-input[data-v-d785582d]{font-size:16px}.number-input[data-v-d785582d]{width:60px;font-size:16px}}@supports (-webkit-touch-callout: none){.number-input[data-v-d785582d]{-webkit-appearance:none;border-radius:8px}}@supports (-webkit-appearance: none){.number-input[data-v-d785582d]{font-size:16px!important}}.interactive-column-display[data-v-50682e15]{display:inline-flex;flex-direction:column;align-items:center;padding:12px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;font-family:Rubik,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;padding-left:clamp(32px,8vw,45px);padding-bottom:16px}.number-row[data-v-50682e15]{display:flex;gap:4px;justify-content:center;align-items:center}.minus-sign[data-v-50682e15]{position:absolute;left:6px;top:25%;font-size:clamp(20px,5vw,32px);font-weight:600;color:#667eea}.digit[data-v-50682e15]{width:clamp(36px,8vw,52px);height:clamp(36px,8vw,52px);display:flex;align-items:center;justify-content:center;font-size:clamp(24px,6vw,36px);font-weight:600;color:#333;position:relative;transition:all .3s ease}.digit.clickable[data-v-50682e15]{cursor:pointer;border-radius:8px;animation:pulse-glow-50682e15 1.5s infinite}.digit.clickable[data-v-50682e15]:hover{background:#667eea26;transform:scale(1.05)}@keyframes pulse-glow-50682e15{0%,to{box-shadow:0 0 #667eea66}50%{box-shadow:0 0 0 8px #667eea00}}.borrow-dot[data-v-50682e15]{position:absolute;top:-10px;right:6px;font-size:clamp(28px,7vw,36px);color:#ff9800;font-weight:700;animation:bounce-in-50682e15 .4s ease-out}.borrow-one[data-v-50682e15]{position:absolute;top:0;right:3px;font-size:clamp(14px,3.5vw,22px);color:#4caf50;font-weight:700;animation:bounce-in-50682e15 .4s ease-out}@keyframes bounce-in-50682e15{0%{opacity:0;transform:translateY(-10px)}60%{transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.digit.active-step[data-v-50682e15]{border-radius:8px;background:linear-gradient(135deg,#667eea33,#764ba233);border:2px solid #667eea}.digit.highlight-pulse[data-v-50682e15]{animation:highlight-pulse-50682e15 1.5s infinite}@keyframes highlight-pulse-50682e15{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.line[data-v-50682e15]{width:100%;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);margin:8px 0;border-radius:2px}.result-digit[data-v-50682e15]{position:relative;color:#4caf50;font-weight:700;min-width:clamp(40px,9vw,56px);min-height:clamp(55px,12vw,70px)}.result-digit .checkmark[data-v-50682e15]{position:absolute;bottom:-5px;right:-5px;font-size:clamp(16px,4vw,20px);color:#4caf50;animation:checkmark-appear-50682e15 .3s ease-out}@keyframes checkmark-appear-50682e15{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.placeholder[data-v-50682e15]{color:#ccc;font-size:clamp(20px,5vw,32px)}.digit-input[data-v-50682e15]{width:100%;height:clamp(36px,8vw,52px);text-align:center;font-size:clamp(22px,6vw,32px);font-weight:600;border:2px solid #667eea;border-radius:8px;background:#fff;color:#333;outline:none;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:textfield;appearance:none}.digit-input[data-v-50682e15]::-webkit-outer-spin-button,.digit-input[data-v-50682e15]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.digit-input[data-v-50682e15]:focus{border-color:#764ba2;box-shadow:0 0 0 3px #667eea33}.digit-input.error[data-v-50682e15]{border-color:#f44336;background:#ffebee;animation:shake-50682e15 .3s ease}.digit-input.success[data-v-50682e15]{border-color:#4caf50;background:#e8f5e9;color:#4caf50}.result-value[data-v-50682e15]{width:100%;height:clamp(36px,8vw,52px);display:flex;align-items:center;justify-content:center;font-size:clamp(22px,6vw,32px);font-weight:600;color:#4caf50}@keyframes shake-50682e15{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media(max-width:480px){.interactive-column-display[data-v-50682e15]{padding:10px;padding-left:clamp(26px,8vw,38px)}.digit[data-v-50682e15]{width:clamp(32px,8vw,44px);height:clamp(32px,8vw,44px);font-size:clamp(20px,5vw,28px)}.digit-input[data-v-50682e15]{font-size:clamp(18px,5vw,26px)}.borrow-one[data-v-50682e15]{font-size:clamp(12px,3vw,18px)}}@media(max-width:360px){.interactive-column-display[data-v-50682e15]{padding:8px;padding-left:clamp(22px,7vw,32px)}.minus-sign[data-v-50682e15]{left:5px}}.step-progress[data-v-016bf5f0]{display:flex;flex-direction:column;gap:6px;width:100%;max-width:500px;padding:6px}.progress-line[data-v-016bf5f0]{position:relative;width:100%;height:3px;background:#e0e0e0;border-radius:2px;overflow:hidden}.progress-fill[data-v-016bf5f0]{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;transition:width .4s ease}.progress-dots[data-v-016bf5f0]{display:flex;justify-content:space-between;align-items:flex-start;gap:3px}.step-dot-wrapper[data-v-016bf5f0]{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;cursor:default}.step-dot-wrapper.clickable[data-v-016bf5f0]{cursor:pointer}.step-dot-wrapper.clickable:hover .step-dot[data-v-016bf5f0]{transform:scale(1.1)}.step-dot[data-v-016bf5f0]{width:clamp(22px,5vw,30px);height:clamp(22px,5vw,30px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(9px,2.2vw,12px);font-weight:700;transition:all .3s ease;position:relative}.step-dot.pending[data-v-016bf5f0]{background:#f5f5f5;border:2px solid #e0e0e0;color:#999}.step-dot.active[data-v-016bf5f0]{background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #667eea;color:#fff;box-shadow:0 0 0 4px #667eea33;animation:pulse-active-016bf5f0 2s infinite}@keyframes pulse-active-016bf5f0{0%,to{box-shadow:0 0 0 4px #667eea33}50%{box-shadow:0 0 0 8px #667eea1a}}.step-dot.completed[data-v-016bf5f0]{background:linear-gradient(135deg,#4caf50,#66bb6a);border:2px solid #4caf50;color:#fff}.dot-icon[data-v-016bf5f0]{font-size:clamp(10px,2.5vw,13px);animation:check-in-016bf5f0 .3s ease}@keyframes check-in-016bf5f0{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.dot-number[data-v-016bf5f0]{font-size:clamp(9px,2.2vw,11px)}.step-label[data-v-016bf5f0]{font-size:clamp(8px,2vw,10px);font-weight:600;color:#666;text-align:center;white-space:nowrap}.step-dot-wrapper.clickable .step-label[data-v-016bf5f0]{color:#667eea}.step-dot.active+.step-label[data-v-016bf5f0]{color:#667eea;font-weight:700}.step-dot.completed+.step-label[data-v-016bf5f0]{color:#4caf50}@media(max-width:480px){.step-progress[data-v-016bf5f0]{padding:12px;gap:12px}.progress-dots[data-v-016bf5f0]{gap:4px}.step-label[data-v-016bf5f0]{font-size:9px}}@media(max-width:360px){.step-progress[data-v-016bf5f0]{padding:8px}.step-dot[data-v-016bf5f0]{width:28px;height:28px}.dot-icon[data-v-016bf5f0]{font-size:12px}.dot-number[data-v-016bf5f0]{font-size:11px}.step-label[data-v-016bf5f0]{font-size:8px}}.interactive-subtraction[data-v-578fd0b1]{display:flex;flex-direction:column;gap:12px;align-items:center;width:100%;max-width:600px;margin:0 auto}.example-container[data-v-578fd0b1]{display:flex;justify-content:center;padding:12px}.click-hint[data-v-578fd0b1]{display:flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#fff8e1,#ffecb3);border-radius:16px;font-size:clamp(11px,2.8vw,14px);color:#f57c00;animation:hint-bounce-578fd0b1 2s infinite}.hint-icon[data-v-578fd0b1]{font-size:clamp(14px,3.5vw,18px)}@keyframes hint-bounce-578fd0b1{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.progress-container[data-v-578fd0b1]{width:100%}.skip-button[data-v-578fd0b1]{padding:10px 20px;font-size:clamp(12px,3vw,14px);font-weight:500;border:1px solid #ddd;border-radius:8px;background:#fff;color:#666;cursor:pointer;transition:all .2s ease}.skip-button[data-v-578fd0b1]:hover{background:#f5f5f5;border-color:#ccc}@media(max-width:480px){.interactive-subtraction[data-v-578fd0b1]{gap:10px}.example-container[data-v-578fd0b1]{padding:8px}.skip-button[data-v-578fd0b1]{padding:6px 12px;font-size:10px}}@media(max-width:360px){.interactive-subtraction[data-v-578fd0b1]{gap:8px}.example-container[data-v-578fd0b1]{padding:6px}}.interactive-container[data-v-fb928504]{display:flex;justify-content:center;padding:16px}.title[data-v-fb928504]{text-align:center;margin:16px 0;font-size:clamp(18px,4vw,24px);font-weight:600;color:#333}.correct-message[data-v-fb928504]{text-align:center;animation:slideIn-fb928504 .3s ease;padding:16px}.no-problems-message[data-v-fb928504]{text-align:center;padding:32px 16px;font-size:clamp(16px,4vw,20px);color:#666}.no-problems-message p[data-v-fb928504]{margin:0}@keyframes slideIn-fb928504{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.correct-message h3[data-v-fb928504]{font-size:clamp(18px,4vw,24px);color:#4caf50}.shop-visualization[data-v-484ed93f]{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#fff5e6,#ffe4cc);border-radius:16px;box-shadow:0 4px 8px #0000001f;min-height:200px}.packs-container[data-v-484ed93f]{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.pack-item[data-v-484ed93f]{width:clamp(40px,8vw,60px);height:clamp(48px,10vw,72px);transition:transform .3s ease}.pack-item[data-v-484ed93f]:hover{transform:scale(1.05)}.pack-item.opening[data-v-484ed93f]{animation:packShake-484ed93f .5s ease-in-out}.pack-item.opening.opened[data-v-484ed93f]{animation:none}@keyframes packShake-484ed93f{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.candies-container[data-v-484ed93f]{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;min-height:40px}.candy-item[data-v-484ed93f]{width:clamp(20px,5vw,30px);height:clamp(20px,5vw,30px)}.candy-item.falling[data-v-484ed93f]{animation:candyFall-484ed93f .8s ease-in forwards}.candy-item.new[data-v-484ed93f]{animation:candyPop-484ed93f .4s ease-out}@keyframes candyFall-484ed93f{0%{transform:translateY(-30px) rotate(0);opacity:0}50%{opacity:1}to{transform:translateY(0) rotate(360deg);opacity:1}}@keyframes candyPop-484ed93f{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.description[data-v-484ed93f]{font-size:clamp(14px,3vw,18px);font-weight:500;color:#333;text-align:center;padding:8px;background:#ffffffb3;border-radius:12px}.packs-count[data-v-484ed93f],.candies-count[data-v-484ed93f]{font-weight:700;color:#667eea;font-size:1.2em}.more-packs[data-v-484ed93f],.more-candies[data-v-484ed93f]{display:inline-flex;align-items:center;justify-content:center;width:clamp(40px,8vw,60px);height:clamp(48px,10vw,72px);background:#fffc;border:2px dashed #667eea;border-radius:8px;font-size:clamp(12px,3vw,16px);font-weight:600;color:#667eea}@media(max-width:480px){.shop-visualization[data-v-484ed93f]{padding:12px;min-height:160px}.pack-item[data-v-484ed93f]{width:clamp(35px,10vw,50px);height:clamp(42px,12vw,60px)}.candy-item[data-v-484ed93f]{width:clamp(18px,5vw,26px);height:clamp(18px,5vw,26px)}}@media(max-width:360px){.shop-visualization[data-v-484ed93f]{padding:8px}.packs-container[data-v-484ed93f],.candies-container[data-v-484ed93f]{gap:4px}}.candy-pack-icon[data-v-484ed93f]{display:inline-block;transition:transform .3s ease}.candy-pack-icon[data-v-484ed93f]:hover{transform:scale(1.05)}.candy-pack-icon.open[data-v-484ed93f]{animation:packOpen-484ed93f .6s ease-in-out}@keyframes packOpen-484ed93f{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.candy-icon[data-v-484ed93f]{display:inline-block;animation:candyPop-484ed93f .3s ease-out}@keyframes candyPop-484ed93f{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.candy-fall[data-v-484ed93f]{animation:candyFall-484ed93f .8s ease-in forwards}@keyframes candyFall-484ed93f{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.learning-story[data-v-95c7edcd]{display:flex;flex-direction:column;align-items:center;width:100%;max-width:600px;margin:0 auto;padding:16px}.progress-dots[data-v-95c7edcd]{display:flex;gap:8px;margin-bottom:16px}.dot[data-v-95c7edcd]{width:24px;height:24px;border-radius:50%;background:#ddd;transition:all .3s ease}.dot.active[data-v-95c7edcd]{background:#667eea;transform:scale(1.2)}.dot.completed[data-v-95c7edcd]{background:var(--color-success)}.story-step[data-v-95c7edcd]{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}h2[data-v-95c7edcd]{font-size:clamp(18px,4vw,24px);font-weight:600;text-align:center;color:#333}.instruction[data-v-95c7edcd]{font-size:clamp(14px,3vw,18px);text-align:center;color:#666;line-height:1.5}.total[data-v-95c7edcd]{font-size:clamp(16px,3.5vw,20px);font-weight:600;color:#667eea}.options[data-v-95c7edcd]{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%}.options.vertical[data-v-95c7edcd]{flex-direction:column}.option-btn[data-v-95c7edcd]{min-height:clamp(44px,10vw,56px);min-width:clamp(80px,20vw,120px);padding:12px;font-size:clamp(14px,3vw,18px);font-weight:600;border:2px solid #ddd;border-radius:12px;background:#fff;color:#333;cursor:pointer;transition:all .3s ease}.option-btn[data-v-95c7edcd]:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 3px 8px #667eea4d}.option-btn.selected[data-v-95c7edcd]{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.feedback[data-v-95c7edcd]{padding:12px;border-radius:12px;font-size:clamp(12px,2.5vw,16px);text-align:center;max-width:400px}.feedback.error[data-v-95c7edcd]{background:linear-gradient(135deg,#ffcdd2,#ef9a9a);color:#8b0000;animation:shake-95c7edcd .5s ease}.feedback.hint[data-v-95c7edcd]{background:#fff9c4;color:#f57f17}@keyframes shake-95c7edcd{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.number-input[data-v-95c7edcd]{display:flex;gap:12px;align-items:center}.answer-input[data-v-95c7edcd]{width:clamp(80px,20vw,120px);height:clamp(44px,10vw,56px);font-size:clamp(18px,4vw,24px);text-align:center;border:2px solid #ddd;border-radius:12px;padding:8px}.answer-input.error[data-v-95c7edcd]{border-color:var(--color-error);animation:shake-95c7edcd .5s ease}.success-message[data-v-95c7edcd]{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;animation:successPop-95c7edcd .6s ease}@keyframes successPop-95c7edcd{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.success-message h3[data-v-95c7edcd]{font-size:clamp(20px,5vw,28px);color:var(--color-success)}.success-message .conclusion[data-v-95c7edcd]{font-size:clamp(14px,3vw,18px);font-weight:600;color:#667eea}.btn-primary[data-v-95c7edcd]{min-height:clamp(44px,10vw,56px);padding:12px 24px;font-size:clamp(14px,3vw,18px);font-weight:600;border:none;border-radius:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 8px #667eea4d}.btn-primary[data-v-95c7edcd]:hover{transform:translateY(-2px);box-shadow:0 5px 12px #667eea66}@media(max-width:480px){.learning-story[data-v-95c7edcd]{padding:12px}.options[data-v-95c7edcd]{gap:8px}.option-btn[data-v-95c7edcd]{min-height:clamp(40px,10vw,48px);min-width:clamp(70px,18vw,100px);font-size:clamp(13px,3vw,16px)}}@media(max-width:360px){.learning-story[data-v-95c7edcd]{padding:8px}.progress-dots[data-v-95c7edcd]{gap:4px}.dot[data-v-95c7edcd]{width:20px;height:20px}}.title[data-v-e3449d9d]{text-align:center;margin:16px 0;font-size:clamp(18px,4vw,24px);font-weight:600;color:#333}.interactive-container[data-v-6b070a09]{display:flex;justify-content:center;padding:16px}.progress-text[data-v-6b070a09]{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600;box-shadow:0 2px 4px #fbbf244d;min-width:60px;text-align:center}.title[data-v-6b070a09]{text-align:center;margin:16px 0;font-size:clamp(18px,4vw,24px);font-weight:600;color:#333}.results-container[data-v-6b070a09]{flex:1;display:flex;align-items:center;justify-content:center;padding:16px}.results-card[data-v-6b070a09]{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px;background:#fff;border-radius:16px;box-shadow:0 15px 30px #00000026;max-width:400px;width:100%}.results-card h2[data-v-6b070a09]{font-size:clamp(20px,5vw,28px);font-weight:600;color:#333;text-align:center}.score-display[data-v-6b070a09]{display:flex;align-items:baseline;gap:4px}.score-number[data-v-6b070a09]{font-size:clamp(48px,12vw,72px);font-weight:700;color:#667eea}.score-total[data-v-6b070a09]{font-size:clamp(18px,4vw,24px);font-weight:500;color:#666}.score-message[data-v-6b070a09]{font-size:clamp(14px,3vw,18px);text-align:center;color:#333}.results-actions[data-v-6b070a09]{display:flex;flex-direction:column;gap:12px;width:100%;max-width:300px}.btn-primary[data-v-6b070a09],.btn-secondary[data-v-6b070a09],.btn-text[data-v-6b070a09]{min-height:clamp(44px,10vw,56px);padding:12px 24px;font-size:clamp(14px,3vw,18px);font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;width:100%}.btn-primary[data-v-6b070a09]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-6b070a09]:hover{transform:translateY(-2px);box-shadow:0 3px 8px #667eea4d}.btn-secondary[data-v-6b070a09]{background:#ddd;color:#333}.btn-secondary[data-v-6b070a09]:hover{background:#667eea;color:#fff}.btn-text[data-v-6b070a09]{background:transparent;color:#666;border:1px solid #ddd}.btn-text[data-v-6b070a09]:hover{background:#fff;color:#333}.hint-btn[data-v-6b070a09]{display:flex;align-items:center;justify-content:center;gap:8px;min-height:clamp(40px,10vw,48px);padding:8px 12px;font-size:clamp(12px,3vw,14px);font-weight:600;border:2px dashed #667eea;border-radius:12px;background:transparent;color:#667eea;cursor:pointer;transition:all .3s ease;margin:8px auto;max-width:300px}.hint-btn[data-v-6b070a09]:hover{background:#667eea1a}.hint-icon[data-v-6b070a09]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700}.apple-visualization[data-v-4ae8bf6d]{display:flex;flex-direction:column;align-items:center;padding:20px}.basket-container[data-v-4ae8bf6d]{display:flex;flex-direction:column;align-items:center;gap:16px}.whole-label[data-v-4ae8bf6d]{font-size:clamp(14px,3vw,18px);color:#555;font-weight:500;padding:8px 16px;background:#667eea1a;border-radius:8px}.whole-part-square[data-v-4ae8bf6d]{display:grid;grid-template-columns:1fr 2px 1fr;border:3px solid #667eea;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#fff5f5,#ffe8e8);box-shadow:0 4px 12px #667eea33;transition:all .3s ease}.whole-part-square.size-small[data-v-4ae8bf6d]{width:clamp(120px,25vw,160px);height:clamp(120px,25vw,160px);font-size:clamp(12px,2.5vw,14px)}.whole-part-square.size-medium[data-v-4ae8bf6d]{width:clamp(160px,35vw,240px);height:clamp(160px,35vw,240px);font-size:clamp(14px,3vw,18px)}.whole-part-square.size-large[data-v-4ae8bf6d]{width:clamp(200px,45vw,320px);height:clamp(200px,45vw,320px);font-size:clamp(16px,3.5vw,20px)}.whole-part-part[data-v-4ae8bf6d]{padding:clamp(8px,2vw,16px);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:all .3s ease}.whole-part-part.highlight[data-v-4ae8bf6d]{background:#ffc10726}.whole-part-divider[data-v-4ae8bf6d]{background:#667eea;width:2px;height:100%}.apple-part[data-v-4ae8bf6d]{display:flex;flex-wrap:wrap;gap:clamp(2px,.5vw,4px);justify-content:center;align-items:center;max-width:100%}.apple[data-v-4ae8bf6d]{width:clamp(16px,3.5vw,24px);height:clamp(16px,3.5vw,24px);transition:all .3s ease}.apple.highlight-apple[data-v-4ae8bf6d]{transform:scale(1.1);filter:drop-shadow(0 0 4px rgba(255,193,7,.8))}.unknown-part[data-v-4ae8bf6d]{font-size:clamp(24px,5vw,36px);font-weight:600;color:#667eea;animation:pulse-question-4ae8bf6d 1.5s ease-in-out infinite}@keyframes pulse-question-4ae8bf6d{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.part-info[data-v-4ae8bf6d]{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:4px}.part-label[data-v-4ae8bf6d]{font-size:clamp(12px,2.2vw,14px);color:#888;font-weight:500;text-align:center}.whole-bottom-label[data-v-4ae8bf6d]{font-size:clamp(16px,3.5vw,20px);color:#667eea;font-weight:600;padding:8px 16px;background:#667eea1a;border-radius:8px}@media(max-width:480px){.apple-visualization[data-v-4ae8bf6d]{padding:8px}.basket-container[data-v-4ae8bf6d]{gap:8px}.whole-label[data-v-4ae8bf6d]{font-size:11px;padding:4px 8px}.whole-part-square[data-v-4ae8bf6d]{grid-template-columns:1fr 1px 1fr;border-width:2px}.whole-part-square.size-small[data-v-4ae8bf6d]{width:clamp(100px,26vw,130px);height:clamp(100px,26vw,130px)}.whole-part-square.size-medium[data-v-4ae8bf6d]{width:clamp(120px,32vw,160px);height:clamp(120px,32vw,160px)}.whole-part-square.size-large[data-v-4ae8bf6d]{width:clamp(140px,38vw,180px);height:clamp(140px,38vw,180px)}.whole-part-part[data-v-4ae8bf6d]{padding:4px}.whole-part-divider[data-v-4ae8bf6d]{width:1px}.apple[data-v-4ae8bf6d]{width:clamp(12px,3vw,18px);height:clamp(12px,3vw,18px)}.unknown-part[data-v-4ae8bf6d]{font-size:clamp(18px,4vw,28px)}.part-label[data-v-4ae8bf6d]{font-size:clamp(10px,2.4vw,12px)}.whole-bottom-label[data-v-4ae8bf6d]{font-size:clamp(12px,2.8vw,14px);padding:6px 10px}}@media(min-width:481px){.apple-visualization[data-v-4ae8bf6d]{padding:12px}.basket-container[data-v-4ae8bf6d]{gap:10px}.whole-label[data-v-4ae8bf6d]{font-size:13px;padding:6px 12px}.whole-part-square.size-small[data-v-4ae8bf6d]{width:140px;height:140px}.whole-part-square.size-medium[data-v-4ae8bf6d]{width:170px;height:170px}.whole-part-square.size-large[data-v-4ae8bf6d]{width:200px;height:200px}.whole-part-part[data-v-4ae8bf6d]{padding:8px}.apple[data-v-4ae8bf6d]{width:20px;height:20px}.unknown-part[data-v-4ae8bf6d]{font-size:32px}.part-label[data-v-4ae8bf6d]{font-size:12px}.whole-bottom-label[data-v-4ae8bf6d]{font-size:16px;padding:8px 14px}}.level-2-display[data-v-5d196c32]{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px}.equation-display[data-v-5d196c32]{font-size:clamp(24px,5vw,36px);font-weight:600;font-family:Courier New,monospace;color:#333;padding:16px 32px;background:#667eea0d;border-radius:12px;text-align:center}.question-text[data-v-5d196c32]{font-size:clamp(16px,3.5vw,20px);font-weight:600;color:#667eea;text-align:center;padding:12px 20px;background:#667eea1a;border-radius:8px;max-width:400px}.answer-input-container[data-v-5d196c32]{display:flex;align-items:center;gap:8px}.answer-label[data-v-5d196c32]{font-size:clamp(18px,4vw,24px);font-weight:600;color:#667eea;font-family:Courier New,monospace}.answer-input[data-v-5d196c32]{width:clamp(80px,20vw,120px);padding:10px 16px;border:2px solid #ddd;border-radius:8px;font-size:clamp(16px,4vw,24px);text-align:center;transition:all .3s ease}.answer-input[data-v-5d196c32]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.answer-input.correct[data-v-5d196c32]{border-color:#4caf50;background:#4caf500d;animation:correct-pulse-5d196c32 .5s ease}.answer-input.incorrect[data-v-5d196c32]{border-color:#f44336;background:#f443360d;animation:incorrect-shake-5d196c32 .5s ease}@keyframes correct-pulse-5d196c32{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes incorrect-shake-5d196c32{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.check-button[data-v-5d196c32]{padding:12px 32px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.check-button[data-v-5d196c32]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.check-button[data-v-5d196c32]:disabled{opacity:.5;cursor:not-allowed;transform:none}.result-message[data-v-5d196c32]{padding:12px 20px;border-radius:8px;font-size:clamp(12px,2.5vw,14px);font-weight:500;text-align:center;max-width:400px;animation:message-fade-in-5d196c32 .3s ease}.result-message.success[data-v-5d196c32]{background:#4caf501a;color:#4caf50;border:1px solid #4caf50}.result-message.error[data-v-5d196c32]{background:#f443361a;color:#f44336;border:1px solid #f44336}@keyframes message-fade-in-5d196c32{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.level-2-display[data-v-5d196c32]{padding:8px;gap:12px}.equation-display[data-v-5d196c32]{font-size:clamp(18px,4.5vw,24px);padding:8px 12px}.question-text[data-v-5d196c32]{font-size:clamp(13px,3vw,16px);padding:8px 12px}.answer-input-container[data-v-5d196c32]{gap:6px}.answer-label[data-v-5d196c32]{font-size:clamp(16px,4vw,20px)}.answer-input[data-v-5d196c32]{width:clamp(60px,18vw,80px);padding:8px 10px;font-size:clamp(16px,4vw,20px)}.check-button[data-v-5d196c32]{padding:10px 20px;font-size:14px}.result-message[data-v-5d196c32]{font-size:clamp(10px,2.2vw,12px);padding:8px 12px}}.title[data-v-289a5d62]{text-align:center;margin:16px 0;font-size:clamp(18px,4vw,24px);font-weight:600;color:#333}.learning-story[data-v-458ed7d6]{display:flex;flex-direction:column;align-items:center;padding:20px;max-width:800px;margin:0 auto}.progress-dots[data-v-458ed7d6]{display:flex;gap:12px;margin-bottom:32px}.dot[data-v-458ed7d6]{width:12px;height:12px;border-radius:50%;background:#e0e0e0;transition:all .3s ease}.dot.active[data-v-458ed7d6]{background:#667eea;transform:scale(1.3)}.dot.completed[data-v-458ed7d6]{background:#4caf50}.story-step[data-v-458ed7d6]{display:flex;flex-direction:column;align-items:center;text-align:center;animation:step-fade-in-458ed7d6 .5s ease}@keyframes step-fade-in-458ed7d6{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}h2[data-v-458ed7d6]{font-size:clamp(20px,4vw,28px);font-weight:600;color:#333;margin:20px 0}.instruction[data-v-458ed7d6]{font-size:clamp(14px,3vw,18px);color:#555;line-height:1.6;margin-bottom:16px;max-width:600px}.explanation[data-v-458ed7d6]{font-size:clamp(14px,3vw,18px);color:#666;line-height:1.8;margin-bottom:16px}.rule[data-v-458ed7d6]{font-size:clamp(14px,3vw,18px);color:#667eea;font-weight:500;padding:12px 20px;background:#667eea1a;border-radius:8px;margin:16px 0}.equation-display[data-v-458ed7d6]{font-size:clamp(24px,5vw,36px);font-weight:600;font-family:Courier New,monospace;color:#333;margin:20px 0;padding:16px 32px;background:#667eea0d;border-radius:12px}.options[data-v-458ed7d6]{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin:24px 0}.options.vertical[data-v-458ed7d6]{flex-direction:column;align-items:stretch;max-width:300px}.option-btn[data-v-458ed7d6]{padding:16px 32px;border:2px solid #667eea;border-radius:12px;font-size:clamp(18px,4vw,24px);font-weight:600;cursor:pointer;transition:all .3s ease;background:#fff;color:#667eea;min-width:80px}.option-btn[data-v-458ed7d6]:hover:not(:disabled){background:#667eea1a;transform:scale(1.05)}.option-btn.selected[data-v-458ed7d6]{background:#667eea;color:#fff;transform:scale(1.05)}.option-btn.correct[data-v-458ed7d6]{background:#4caf50;border-color:#4caf50;color:#fff}.option-btn.incorrect[data-v-458ed7d6]{background:#f44336;border-color:#f44336;color:#fff;animation:incorrect-shake-458ed7d6 .5s ease}@keyframes incorrect-shake-458ed7d6{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.number-input[data-v-458ed7d6]{display:flex;gap:12px;align-items:center;margin:24px 0}.answer-input[data-v-458ed7d6]{width:clamp(80px,20vw,120px);padding:12px 16px;border:2px solid #ddd;border-radius:8px;font-size:clamp(20px,4vw,28px);text-align:center;transition:all .3s ease}.answer-input[data-v-458ed7d6]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.answer-input.error[data-v-458ed7d6]{border-color:#f44336;background:#f443360d;animation:incorrect-shake-458ed7d6 .5s ease}.feedback[data-v-458ed7d6]{padding:12px 20px;border-radius:8px;font-size:clamp(12px,2.5vw,14px);font-weight:500;margin:16px 0;animation:message-fade-in-458ed7d6 .3s ease}.feedback.error[data-v-458ed7d6]{background:#f443361a;color:#f44336;border:1px solid #f44336}.feedback.hint[data-v-458ed7d6]{background:#ffc1071a;color:#f57c00;border:1px solid #ffc107}@keyframes message-fade-in-458ed7d6{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.success-message[data-v-458ed7d6]{padding:20px;background:#4caf501a;border-radius:12px;border:2px solid #4caf50;animation:success-pop-458ed7d6 .5s ease}@keyframes success-pop-458ed7d6{0%{transform:scale(.9);opacity:0}50%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}.success-message p[data-v-458ed7d6]{font-size:clamp(16px,3.5vw,20px);color:#4caf50;font-weight:600;margin:0 0 16px}.completion-animation[data-v-458ed7d6]{font-size:clamp(48px,10vw,80px);margin-bottom:20px;animation:bounce-in-458ed7d6 .6s ease}@keyframes bounce-in-458ed7d6{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.summary[data-v-458ed7d6]{background:#667eea1a;padding:20px;border-radius:12px;margin:20px 0;text-align:left}.summary ul[data-v-458ed7d6]{margin:12px 0;padding-left:24px}.summary li[data-v-458ed7d6]{font-size:clamp(14px,3vw,18px);color:#555;line-height:1.6;margin-bottom:8px}.next-step[data-v-458ed7d6]{font-size:clamp(14px,3vw,18px);color:#666;margin:20px 0}.btn-primary[data-v-458ed7d6]{padding:14px 32px;border:none;border-radius:12px;font-size:clamp(14px,3vw,18px);font-weight:600;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.btn-primary[data-v-458ed7d6]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.btn-primary[data-v-458ed7d6]:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-large[data-v-458ed7d6]{padding:18px 48px;font-size:clamp(16px,3.5vw,20px)}@media(max-width:480px){.learning-story[data-v-458ed7d6]{padding:8px}.progress-dots[data-v-458ed7d6]{gap:6px;margin-bottom:8px}.dot[data-v-458ed7d6]{width:8px;height:8px}.dot.active[data-v-458ed7d6]{transform:scale(1.2)}h2[data-v-458ed7d6]{margin:8px 0;font-size:clamp(16px,4vw,20px)}.instruction[data-v-458ed7d6]{font-size:clamp(12px,2.8vw,14px);line-height:1.4;margin-bottom:8px}.explanation[data-v-458ed7d6]{font-size:clamp(11px,2.5vw,13px);line-height:1.4;margin-bottom:8px}.rule[data-v-458ed7d6]{font-size:clamp(11px,2.5vw,13px);padding:6px 10px;margin:8px 0}.equation-display[data-v-458ed7d6]{font-size:clamp(18px,4.5vw,24px);margin:8px 0;padding:8px 12px}.options[data-v-458ed7d6]{gap:8px;margin:12px 0}.option-btn[data-v-458ed7d6]{padding:10px 16px;font-size:clamp(16px,3.5vw,20px);min-width:60px}.number-input[data-v-458ed7d6]{gap:6px;margin:12px 0}.answer-input[data-v-458ed7d6]{width:clamp(60px,18vw,80px);padding:8px 10px;font-size:clamp(16px,4vw,20px)}.feedback[data-v-458ed7d6]{padding:6px 10px;font-size:clamp(10px,2.2vw,12px);margin:8px 0}.success-message[data-v-458ed7d6]{padding:10px}.success-message p[data-v-458ed7d6]{font-size:clamp(13px,3vw,16px);margin-bottom:8px}.completion-animation[data-v-458ed7d6]{font-size:clamp(32px,8vw,48px);margin-bottom:8px}.summary[data-v-458ed7d6]{padding:10px;margin:10px 0}.summary li[data-v-458ed7d6]{font-size:clamp(11px,2.5vw,13px);margin-bottom:4px}.next-step[data-v-458ed7d6]{font-size:clamp(11px,2.5vw,13px);margin:10px 0}.btn-primary[data-v-458ed7d6]{padding:10px 20px;font-size:clamp(12px,2.8vw,14px)}.btn-large[data-v-458ed7d6]{padding:12px 32px;font-size:clamp(14px,3.2vw,16px)}}@media(min-width:481px){.learning-story[data-v-458ed7d6]{padding:12px;max-height:100vh;overflow-y:auto;display:flex;flex-direction:column}h2[data-v-458ed7d6]{margin:10px 0;font-size:20px}.instruction[data-v-458ed7d6]{font-size:14px;line-height:1.4;margin-bottom:10px}.explanation[data-v-458ed7d6]{font-size:13px;line-height:1.4;margin-bottom:10px}.rule[data-v-458ed7d6]{font-size:13px;padding:8px 14px;margin:10px 0}.equation-display[data-v-458ed7d6]{font-size:24px;margin:10px 0;padding:10px 16px}.option-btn[data-v-458ed7d6]{padding:12px 20px;font-size:18px}.answer-input[data-v-458ed7d6]{width:80px;padding:10px 12px;font-size:18px}}.title[data-v-40b4310e]{text-align:center;margin:16px 0;font-size:clamp(18px,4vw,24px);font-weight:600;color:#333;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:480px){.title[data-v-40b4310e]{margin:6px 0;font-size:clamp(14px,3.2vw,16px)}}.subtitle[data-v-5f768a57]{text-align:center;font-size:clamp(14px,3vw,16px);color:#666;margin:8px 0 24px}.btn-primary[data-v-5f768a57]{padding:14px 32px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.btn-primary[data-v-5f768a57]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.btn-secondary[data-v-5f768a57]{padding:14px 32px;border:2px solid #667eea;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;background:#fff;color:#667eea}.btn-secondary[data-v-5f768a57]:hover{background:#667eea1a}.hint-text[data-v-5f768a57]{font-size:clamp(12px,2.5vw,14px);color:#888;margin:8px 0}.back-button[data-v-b6725add]{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#f5f5f5;border:none;border-radius:8px;cursor:pointer;font-size:16px;color:#666;transition:all .3s ease;text-decoration:none}.back-button[data-v-b6725add]:hover{background:#e0e0e0;color:#333;transform:translate(-2px)}.back-icon[data-v-b6725add]{font-size:18px;font-weight:700}.back-text[data-v-b6725add]{font-weight:500}@media(max-width:600px){.back-button[data-v-b6725add]{padding:8px 12px;font-size:14px}.back-icon[data-v-b6725add]{font-size:16px}}.achievement-card[data-v-37ba2846]{position:relative;width:100%;aspect-ratio:1;padding:20px;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:20px;box-shadow:0 10px 20px #00000014,0 4px 8px #0000000a,inset 0 1px #fffc;cursor:pointer;transition:box-shadow .3s ease;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.18)}.achievement-card[data-v-37ba2846]:hover{box-shadow:0 15px 30px #0000001f,0 6px 12px #00000014}.achievement-card.unlocked[data-v-37ba2846]{background:linear-gradient(145deg,#f0fdf4,#dcfce7,#fff);border:2px solid #22c55e}.achievement-card[data-v-37ba2846]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#e2e8f0,#cbd5e1);border-radius:20px 20px 0 0}.achievement-card.unlocked[data-v-37ba2846]:before{background:linear-gradient(90deg,#4ade80,#22c55e,#16a34a);height:4px}.achievement-header[data-v-37ba2846]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;position:relative;z-index:2}.achievement-icon[data-v-37ba2846]{font-size:36px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.achievement-category[data-v-37ba2846]{font-size:10px;font-weight:700;color:#64748b;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);padding:4px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.8px;border:1px solid rgba(100,116,139,.1);box-shadow:0 1px 2px #0000000a;white-space:nowrap}.achievement-card.unlocked .achievement-category[data-v-37ba2846]{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border-color:#22c55e33}.achievement-content[data-v-37ba2846]{text-align:left;position:relative;z-index:2;flex:1;display:flex;flex-direction:column}.achievement-title[data-v-37ba2846]{font-size:16px;font-weight:700;color:#1e293b;margin:0 0 8px;line-height:1.3;letter-spacing:-.3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.achievement-card.unlocked .achievement-title[data-v-37ba2846]{color:#166534}.achievement-description[data-v-37ba2846]{font-size:12px;color:#475569;margin:0 0 12px;line-height:1.4;font-weight:400;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.achievement-progress[data-v-37ba2846]{margin:12px 0;padding:10px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid rgba(148,163,184,.1)}.progress-bar[data-v-37ba2846]{width:100%;height:6px;background:linear-gradient(90deg,#e2e8f0,#cbd5e1);border-radius:4px;overflow:hidden;margin-bottom:6px;position:relative;box-shadow:inset 0 1px 2px #0000000f}.progress-fill[data-v-37ba2846]{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa,#93c5fd);transition:width .6s ease;position:relative;border-radius:4px}.progress-text[data-v-37ba2846]{font-size:10px;color:#64748b;text-align:center;font-weight:600;letter-spacing:.3px}.achievement-reward[data-v-37ba2846]{display:flex;justify-content:space-between;align-items:center;margin:auto 0 8px;padding:6px 10px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:10px;border:1px solid #f59e0b;box-shadow:0 2px 4px #f59e0b26}.reward-label[data-v-37ba2846]{font-size:10px;font-weight:700;color:#92400e;text-transform:uppercase;letter-spacing:.3px}.reward-value[data-v-37ba2846]{font-size:12px;font-weight:800;color:#b45309}.achievement-date[data-v-37ba2846]{font-size:10px;color:#64748b;text-align:center;margin-top:auto;font-weight:500;padding:4px 8px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:8px;border:1px solid rgba(148,163,184,.1)}.achievement-card.unlocked .achievement-date[data-v-37ba2846]{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d;border-color:#22c55e33}@media(max-width:768px){.achievement-card[data-v-37ba2846]{padding:15px;border-radius:16px}.achievement-icon[data-v-37ba2846]{font-size:30px}.achievement-title[data-v-37ba2846]{font-size:14px;margin-bottom:6px}.achievement-description[data-v-37ba2846]{font-size:11px;margin-bottom:10px;-webkit-line-clamp:2}.achievement-header[data-v-37ba2846]{margin-bottom:10px}.achievement-category[data-v-37ba2846]{font-size:9px;padding:3px 8px}.achievement-progress[data-v-37ba2846]{padding:8px;margin:10px 0}.progress-bar[data-v-37ba2846]{height:5px}.achievement-reward[data-v-37ba2846]{padding:5px 8px;margin-bottom:6px}.reward-label[data-v-37ba2846]{font-size:9px}.reward-value[data-v-37ba2846]{font-size:11px}.achievement-date[data-v-37ba2846]{font-size:9px;padding:3px 6px}}.achievements-view[data-v-6d9c28f3]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px 20px 40px}.achievements-header[data-v-6d9c28f3]{text-align:center;margin-bottom:30px}.page-title[data-v-6d9c28f3]{font-size:36px;font-weight:800;color:#fff;margin:0 0 20px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.achievements-stats[data-v-6d9c28f3]{display:flex;justify-content:center;align-items:center;gap:10px;background:#fff3;padding:10px 20px;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-item[data-v-6d9c28f3]{display:flex;flex-direction:column;align-items:center;color:#fff}.stat-value[data-v-6d9c28f3]{font-size:24px;font-weight:700}.stat-label[data-v-6d9c28f3]{font-size:12px;text-transform:uppercase;letter-spacing:1px}.stat-divider[data-v-6d9c28f3]{font-size:20px;color:#ffffff80}.achievements-container[data-v-6d9c28f3]{max-width:1400px;margin:0 auto;height:70vh;overflow-y:auto;scroll-behavior:smooth;padding:10px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.achievements-container[data-v-6d9c28f3]::-webkit-scrollbar{width:6px}.achievements-container[data-v-6d9c28f3]::-webkit-scrollbar-track{background:transparent}.achievements-container[data-v-6d9c28f3]::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.achievements-container[data-v-6d9c28f3]::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}.no-achievements[data-v-6d9c28f3]{text-align:center;padding:60px 20px;background:#ffffff1a;border-radius:20px;color:#fff;font-size:18px;grid-column:1 / -1}.achievements-list[data-v-6d9c28f3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:0;align-items:start}@media(max-width:768px){.achievements-list[data-v-6d9c28f3]{grid-template-columns:repeat(2,1fr);gap:15px}}@media(min-width:769px)and (max-width:1024px){.achievements-list[data-v-6d9c28f3]{grid-template-columns:repeat(3,1fr)}}@media(min-width:1025px)and (max-width:1400px){.achievements-list[data-v-6d9c28f3]{grid-template-columns:repeat(4,1fr)}}@media(min-width:1401px){.achievements-list[data-v-6d9c28f3]{grid-template-columns:repeat(5,1fr)}}.modal-overlay[data-v-6d9c28f3]{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content[data-v-6d9c28f3]{background:#fff;border-radius:20px;padding:30px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;animation:modalSlideIn-6d9c28f3 .3s ease}@keyframes modalSlideIn-6d9c28f3{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-6d9c28f3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2[data-v-6d9c28f3]{margin:0;font-size:24px;color:#333}.close-button[data-v-6d9c28f3]{background:none;border:none;font-size:30px;cursor:pointer;color:#999;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-button[data-v-6d9c28f3]:hover{color:#333}.modal-body[data-v-6d9c28f3]{text-align:center}.achievement-icon-large[data-v-6d9c28f3]{font-size:80px;margin-bottom:20px}.achievement-info[data-v-6d9c28f3]{text-align:left}.achievement-description-full[data-v-6d9c28f3]{font-size:16px;color:#666;margin:0 0 20px;line-height:1.5}.achievement-condition[data-v-6d9c28f3]{background:#f5f5f5;padding:15px;border-radius:10px;margin-bottom:20px}.achievement-condition h3[data-v-6d9c28f3]{margin:0 0 8px;font-size:14px;color:#666;text-transform:uppercase;letter-spacing:1px}.achievement-condition p[data-v-6d9c28f3]{margin:0;font-size:14px;color:#333}.achievement-unlocked[data-v-6d9c28f3]{background:#e8f5e9;padding:15px;border-radius:10px;border-left:4px solid #4CAF50}.achievement-unlocked p[data-v-6d9c28f3]{margin:5px 0;font-size:14px;color:#2e7d32}.achievement-progress-modal[data-v-6d9c28f3]{margin-top:20px}.progress-bar-large[data-v-6d9c28f3]{width:100%;height:12px;background:#e0e0e0;border-radius:6px;overflow:hidden;margin-bottom:10px}.progress-fill[data-v-6d9c28f3]{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .3s ease}.achievement-progress-modal p[data-v-6d9c28f3]{margin:0;font-size:14px;color:#666;text-align:center}@media(max-width:768px){.achievements-view[data-v-6d9c28f3]{padding:15px}.page-title[data-v-6d9c28f3]{font-size:28px}.achievements-stats[data-v-6d9c28f3]{padding:8px 16px}.stat-value[data-v-6d9c28f3]{font-size:20px}.categories-filter[data-v-6d9c28f3]{gap:8px}.category-button[data-v-6d9c28f3]{padding:8px 12px;font-size:13px}.modal-content[data-v-6d9c28f3]{padding:20px}.achievement-icon-large[data-v-6d9c28f3]{font-size:60px}}.back-button[data-v-9d66637e]{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;padding:.75rem 1rem;font-size:1rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease;text-decoration:none;margin-bottom:1rem}.back-button[data-v-9d66637e]:hover{background:#f9fafb;border-color:#d1d5db;color:#374151;transform:translate(-2px)}.back-icon[data-v-9d66637e]{font-size:1.2rem;line-height:1}.back-text[data-v-9d66637e]{line-height:1}.daily-tasks-view[data-v-c0bede6c]{width:100%;min-height:100vh;background:linear-gradient(to bottom,#dbeafe,#e0f2fe);padding:1rem}.tasks-container[data-v-c0bede6c]{max-width:600px;margin:0 auto;padding:2rem 1rem}.tasks-title[data-v-c0bede6c]{font-size:2.5rem;color:#1f2937;margin:0 0 2rem;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.day-progress[data-v-c0bede6c]{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;border:2px solid #e5e7eb}.progress-header[data-v-c0bede6c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.progress-header h2[data-v-c0bede6c]{font-size:1.3rem;color:#1f2937;margin:0}.date[data-v-c0bede6c]{font-size:.9rem;color:#6b7280;font-weight:500}.progress-bar[data-v-c0bede6c]{width:100%;height:1rem;background:#f3f4f6;border-radius:.5rem;overflow:hidden;margin-bottom:.5rem}.progress-fill[data-v-c0bede6c]{height:100%;background:linear-gradient(90deg,#10b981,#059669);transition:width .5s ease;border-radius:.5rem}.progress-text[data-v-c0bede6c]{font-size:.9rem;color:#6b7280;text-align:center;font-weight:600}.tasks-list[data-v-c0bede6c]{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.task-item[data-v-c0bede6c]{background:#fff;border-radius:1rem;padding:10px;box-shadow:0 4px 6px #0000001a;border:2px solid #e5e7eb;display:flex;align-items:center;gap:1rem;transition:all .2s ease}.task-item[data-v-c0bede6c]:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.task-item.completed[data-v-c0bede6c]{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#86efac}.task-item.inProgress[data-v-c0bede6c]{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#93c5fd}.task-icon[data-v-c0bede6c]{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.completed-icon[data-v-c0bede6c]{background:#10b981}.progress-icon[data-v-c0bede6c]{font-weight:700}.pending-icon[data-v-c0bede6c]{background:#f3f4f6;color:#9ca3af}.task-content[data-v-c0bede6c]{flex-grow:1;min-width:0}.task-title[data-v-c0bede6c]{font-size:1.1rem;color:#1f2937;margin:0 0 .75rem;font-weight:600}.task-progress[data-v-c0bede6c]{display:flex;align-items:center;gap:.75rem}.mini-progress-bar[data-v-c0bede6c]{flex-grow:1;height:.5rem;background:#e5e7eb;border-radius:.25rem;overflow:hidden;min-width:100px}.mini-progress-fill[data-v-c0bede6c]{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);transition:width .3s ease;border-radius:.25rem}.task-counter[data-v-c0bede6c]{font-size:.9rem;color:#6b7280;font-weight:700;min-width:3rem;text-align:right}.task-rewards[data-v-c0bede6c]{display:flex;flex-direction:column;gap:.5rem;align-items:center}.reward-item[data-v-c0bede6c]{display:flex;align-items:center;gap:.25rem;font-size:.9rem;font-weight:700}.reward-item[data-v-c0bede6c]:first-child{color:#059669}.reward-item[data-v-c0bede6c]:last-child{color:#7c3aed}.reward-icon[data-v-c0bede6c]{font-size:1rem}.reward-value[data-v-c0bede6c]{min-width:1.5rem;text-align:right}.completion-reward[data-v-c0bede6c]{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:1rem;padding:2rem;text-align:center;box-shadow:0 4px 6px #0000001a;border:2px solid #f59e0b;margin-bottom:2rem}.completion-reward h2[data-v-c0bede6c]{font-size:1.5rem;color:#92400e;margin:0 0 .5rem}.completion-reward p[data-v-c0bede6c]{font-size:1rem;color:#78350f;margin:0 0 1.5rem}.reward-summary[data-v-c0bede6c]{display:flex;justify-content:center;gap:2rem}.reward-summary-item[data-v-c0bede6c]{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#92400e}.reward-label[data-v-c0bede6c]{font-weight:500}.action-buttons[data-v-c0bede6c]{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.action-button[data-v-c0bede6c]{padding:1rem 2rem;border:none;border-radius:.75rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;min-width:200px}.action-button.primary[data-v-c0bede6c]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 6px #10b9814d}.action-button.primary[data-v-c0bede6c]:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 12px #10b98166}.action-button.secondary[data-v-c0bede6c]{background:#fff;color:#1f2937;border:2px solid #e5e7eb}.action-button.secondary[data-v-c0bede6c]:hover{background:#f9fafb;transform:translateY(-2px);box-shadow:0 6px 12px #0000001a}@media(max-width:640px){.tasks-container[data-v-c0bede6c]{padding:1rem}.tasks-title[data-v-c0bede6c]{font-size:2rem}.task-item[data-v-c0bede6c]{text-align:center;gap:1rem}.task-rewards[data-v-c0bede6c]{flex-direction:row;gap:1rem}.reward-summary[data-v-c0bede6c]{flex-direction:column;gap:1rem}.action-buttons[data-v-c0bede6c]{flex-direction:column}.action-button[data-v-c0bede6c]{width:100%}}.city-container[data-v-cbc0991b]{width:100vw;height:100vh;display:flex;flex-direction:column;background-color:#f0f0f0;margin:0;padding:0;overflow:hidden;position:fixed;inset:0}.city-header[data-v-cbc0991b]{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background-color:#2c3e50;color:#fff;flex-shrink:0}.city-header h1[data-v-cbc0991b]{margin:0;font-size:1.2rem}.game-container[data-v-cbc0991b]{flex:1;height:100%;overflow:hidden}.grade-selection-overlay[data-v-5bd90621]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.grade-selection-container[data-v-5bd90621]{background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:20px;padding:40px;box-shadow:0 20px 40px #0003;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;text-align:center}.grade-selection-header[data-v-5bd90621]{margin-bottom:30px}.grade-selection-title[data-v-5bd90621]{font-size:clamp(24px,5vw,32px);font-weight:700;color:#333;margin-bottom:15px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.grade-selection-subtitle[data-v-5bd90621]{font-size:clamp(16px,3vw,18px);color:#666;line-height:1.5}.grade-options[data-v-5bd90621]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-bottom:30px}.grade-card[data-v-5bd90621]{background:linear-gradient(135deg,#f8f9ff,#fff);border-radius:15px;padding:20px;box-shadow:0 5px 15px #0000001a;cursor:pointer;transition:all .3s ease;border:3px solid transparent}.grade-card[data-v-5bd90621]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.grade-card.selected[data-v-5bd90621]{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.grade-icon[data-v-5bd90621]{font-size:clamp(40px,8vw,60px);margin-bottom:10px}.grade-name[data-v-5bd90621]{font-size:clamp(18px,4vw,22px);font-weight:600}.continue-button[data-v-5bd90621]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:30px;padding:15px 40px;font-size:clamp(16px,3vw,18px);font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #667eea66}.continue-button[data-v-5bd90621]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea80}.continue-button[data-v-5bd90621]:disabled{background:#ccc;cursor:not-allowed;box-shadow:none}@media(max-width:768px){.grade-selection-container[data-v-5bd90621]{padding:20px;width:95%;max-height:85vh}.grade-selection-header[data-v-5bd90621]{margin-bottom:20px}.grade-selection-title[data-v-5bd90621]{margin-bottom:10px}.grade-selection-subtitle[data-v-5bd90621]{font-size:14px}.grade-options[data-v-5bd90621]{grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px}.grade-card[data-v-5bd90621]{padding:15px}.continue-button[data-v-5bd90621]{padding:12px 30px}}@media(max-width:480px){.grade-selection-container[data-v-5bd90621]{padding:15px;width:98%;border-radius:15px}.grade-selection-header[data-v-5bd90621]{margin-bottom:15px}.grade-selection-title[data-v-5bd90621]{font-size:20px;margin-bottom:8px}.grade-selection-subtitle[data-v-5bd90621]{font-size:13px}.grade-options[data-v-5bd90621]{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:15px}.grade-card[data-v-5bd90621]{padding:12px;border-radius:10px}.grade-icon[data-v-5bd90621]{font-size:30px;margin-bottom:8px}.grade-name[data-v-5bd90621]{font-size:14px}.continue-button[data-v-5bd90621]{padding:10px 25px;font-size:14px}}.exercises-info[data-v-5bd90621]{margin:20px 0;padding:15px;background:#667eea0d;border-radius:15px;border:1px solid rgba(102,126,234,.1)}.exercises-title[data-v-5bd90621]{font-size:clamp(16px,3vw,18px);font-weight:600;color:#333;margin-bottom:15px;text-align:center}.exercises-list[data-v-5bd90621]{display:flex;flex-direction:column;gap:10px}.exercise-item[data-v-5bd90621]{display:flex;align-items:flex-start;gap:10px;padding:10px;background:#ffffffb3;border-radius:10px;transition:all .3s ease}.exercise-item[data-v-5bd90621]:hover{background:#ffffffe6;transform:translateY(-2px)}.exercise-icon[data-v-5bd90621]{font-size:18px;color:#4caf50;font-weight:700;margin-top:2px}.exercise-info[data-v-5bd90621]{flex:1}.exercise-name[data-v-5bd90621]{font-size:clamp(14px,2.5vw,16px);font-weight:600;color:#333;margin-bottom:5px}.exercise-description[data-v-5bd90621]{font-size:clamp(12px,2vw,14px);color:#666;line-height:1.4}@media(max-width:768px){.exercises-info[data-v-5bd90621]{margin:15px 0;padding:12px}.exercises-title[data-v-5bd90621]{font-size:16px;margin-bottom:12px}.exercise-item[data-v-5bd90621]{padding:8px}}@media(max-width:480px){.exercises-info[data-v-5bd90621]{margin:10px 0;padding:10px}.exercises-title[data-v-5bd90621]{font-size:14px;margin-bottom:10px}.exercise-item[data-v-5bd90621]{padding:6px;gap:8px}.exercise-icon[data-v-5bd90621]{font-size:16px}}@media(max-width:360px){.grade-selection-container[data-v-5bd90621]{padding:10px}.grade-selection-title[data-v-5bd90621]{font-size:18px}.grade-selection-subtitle[data-v-5bd90621]{font-size:12px}.grade-options[data-v-5bd90621]{gap:8px}.grade-card[data-v-5bd90621]{padding:10px}.grade-icon[data-v-5bd90621]{font-size:24px;margin-bottom:5px}.grade-name[data-v-5bd90621]{font-size:12px}.continue-button[data-v-5bd90621]{padding:8px 20px;font-size:12px}}.digit.highlight-problem{animation:highlightProblem 1.2s ease-in-out infinite;border-radius:8px}@keyframes highlightProblem{0%,to{background-color:transparent;box-shadow:0 0 #f4433600}50%{background-color:#f4433633;box-shadow:0 0 0 8px #f4433600}}.digit.crossed-out{position:relative}.digit.crossed-out:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:0;height:3px;background:#f44336;border-radius:2px;animation:crossOut .5s ease-out forwards}@keyframes crossOut{0%{width:0}to{width:80%}}.digit.modified{animation:digitModify .4s ease-out}@keyframes digitModify{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.digit.result-reveal{animation:digitReveal .5s ease-out}@keyframes digitReveal{0%{opacity:0;transform:translateY(-20px) scale(.8)}60%{transform:translateY(5px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}.digit.active-step{background:linear-gradient(135deg,#667eea33,#764ba233);border-radius:8px;animation:activePulse 1s ease-in-out infinite}@keyframes activePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.explanation-text{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.progress-dot{transition:all .3s ease}.progress-dot.active{transform:scale(1.3);background:linear-gradient(135deg,#667eea,#764ba2)}.progress-dot.completed{background:#4caf50}.animated-modal-enter-active{animation:modalSlideIn .3s ease-out}.animated-modal-leave-active{animation:modalSlideOut .2s ease-in}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalSlideOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-10px)}}.nav-button:active{transform:scale(.95)}.nav-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.subtrahend-digit.crossed-out:after{background:#ff9800}.result-final{background:linear-gradient(135deg,#4caf5033,#8bc34a33);border-radius:8px;animation:finalResult .6s ease-out}@keyframes finalResult{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.borrow-arrow{position:absolute;width:20px;height:20px;opacity:0;animation:arrowAppear .5s ease-out forwards}@keyframes arrowAppear{0%{opacity:0;transform:translateY(-10px) rotate(-45deg)}to{opacity:1;transform:translateY(0) rotate(-45deg)}}@media(max-width:480px){.digit.highlight-problem{animation-duration:1s}.explanation-text{animation-duration:.3s}}@media(max-width:360px){.digit.highlight-problem{animation-duration:.8s}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Rubik,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:0;overflow:hidden}.app-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;padding:10px}.game-container{background-color:#fff;border-radius:20px;box-shadow:0 15px 30px #00000026;padding:20px;position:relative;overflow:hidden;max-height:95vh;display:flex;flex-direction:column}.game-container:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#ff9a8b,#ff6a88,#ff99ac)}.header{text-align:center;margin-bottom:5px;flex-shrink:0}.title{font-size:clamp(22px,5vw,32px);font-weight:700;color:#333;margin-bottom:10px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.level-indicator{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:6px 12px;border-radius:12px;font-size:clamp(12px,2.5vw,14px);font-weight:600;box-shadow:0 2px 4px #fbbf244d;display:inline-block}.stats-bar{display:flex;justify-content:space-between;align-items:center;margin:2px 0;padding:10px;background-color:#f8f9ff;border-radius:12px;flex-shrink:0}.score-display{display:flex;gap:15px}.score-item{display:flex;flex-direction:column;align-items:center;padding:5px 10px;background-color:#f8f9ff;border-radius:10px;min-width:80px}.score-label{font-size:clamp(10px,2vw,12px);color:#666;margin-bottom:2px}.score-value{font-size:clamp(18px,4vw,22px);font-weight:700;color:#333}.total-score-value{color:#667eea}.progress-info{font-size:clamp(12px,2.5vw,14px);color:#666}.math-expression{font-size:clamp(28px,7vw,42px);font-weight:700;color:#5c6bc0;margin:15px 0;padding:15px;background:linear-gradient(135deg,#f5f7ff,#e8ecff);border-radius:15px;text-align:center;box-shadow:0 6px 12px #5c6bc01a;position:relative;overflow:hidden;flex-shrink:0}.math-expression:after{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-bar{height:8px;background-color:#e0e0e0;border-radius:4px;margin:15px 0;overflow:hidden;position:relative;flex-shrink:0}.progress{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);width:0%;transition:width .5s ease;border-radius:4px;position:relative}.progress:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progress-shine 2s infinite}@keyframes progress-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.stars-container{display:flex;justify-content:center;gap:10px;margin:15px 0;flex-shrink:0}.star{font-size:clamp(24px,5vw,36px);color:#ddd;transition:all .3s ease;filter:grayscale(1)}.star.filled{color:gold;filter:grayscale(0);animation:star-pop .5s ease}@keyframes star-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0;flex:1;min-height:0}.option-card{padding:12px;background:linear-gradient(135deg,#fff,#f8f9ff);border:2px solid #e0e6ff;border-radius:12px;font-size:clamp(16px,4vw,22px);font-weight:500;color:#333;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-height:60px;position:relative;overflow:hidden}.option-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .5s ease}.option-card:hover:not(.disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 6px 12px #667eea33;border-color:#667eea}.option-card:hover:not(.disabled):before{left:100%}.option-card.correct{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#4caf50;animation:correct-pulse .6s ease}.option-card.incorrect{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-color:#f44336;animation:incorrect-shake .6s ease}.option-card.disabled{pointer-events:none;opacity:.8}@keyframes correct-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes incorrect-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.back-button{display:flex;align-items:center;gap:4px;padding:8px 15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:20px;font-size:clamp(12px,2.5vw,14px);font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 8px #667eea4d}.back-button:hover{transform:scale(1.05) translateY(-1px);box-shadow:0 5px 12px #667eea66}.back-button:disabled{background:linear-gradient(135deg,#ccc,#999);cursor:not-allowed;opacity:.6;box-shadow:none}.back-button:disabled:hover{transform:none;box-shadow:none}.game-over{text-align:center;padding:25px;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1}.game-over h1{font-size:clamp(26px,5vw,40px);margin-bottom:20px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.final-score{font-size:clamp(20px,3.5vw,28px);margin:20px 0;color:#333}.final-score-number{font-size:clamp(32px,6vw,48px);font-weight:700;color:#667eea}.total-score-number{color:#ff6b6b}.score-summary{display:flex;gap:20px;justify-content:center;margin:20px 0}.score-item-final{display:flex;flex-direction:column;align-items:center;padding:10px 20px;background-color:#f8f9ff;border-radius:15px;min-width:120px}.achievement{display:inline-block;padding:8px 16px;background:linear-gradient(135deg,gold,#ffb300);color:#fff;border-radius:20px;font-weight:600;margin:8px 4px;box-shadow:0 3px 6px #ffb3004d;font-size:clamp(14px,2.5vw,16px)}.title{text-align:center;margin:16px 0;font-size:clamp(18px,4vw,24px);font-weight:600;color:#333}.header{margin-bottom:8px}.header>div{display:flex;justify-content:space-between;align-items:center;width:100%}.game-container-inner{display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px;width:100%}.game-container-inner>*{max-width:600px;width:100%}@media(max-width:480px){.game-container-inner{padding:12px;gap:12px}}@media(max-width:360px){.game-container-inner{padding:8px;gap:8px}}@media(max-width:1024px){.app-container{padding:5px}.game-container{width:100%;max-width:100%;padding:15px;border-radius:15px;max-height:98vh}}@media(max-width:768px){.game-container{padding:15px;border-radius:15px;max-height:98vh}.title{display:none}.game-container:before{display:none}.options-grid{gap:8px;margin:15px 0}.score-display{gap:8px}.score-item{min-width:65px;padding:3px 6px}.score-summary{gap:10px}.score-item-final{min-width:90px;padding:8px 12px}.option-card{min-height:65px}}@media(max-width:480px){.app-container{padding:2px}.game-container{padding:10px;border-radius:10px;max-height:99vh}.options-grid{grid-template-columns:repeat(2,1fr);gap:6px}.option-card{min-height:50px;padding:6px 8px;font-size:clamp(14px,4vw,16px)}.math-expression{font-size:24px;padding:10px;margin:10px 0}.progress-bar{height:6px;margin:10px 0}.stars-container{gap:5px;margin:10px 0}.star{font-size:20px}.stats-bar{padding:6px;margin:1px 0}.score-item{min-width:50px;padding:2px 5px}.score-label{font-size:10px}.score-value{font-size:16px}.back-button{padding:6px 10px;font-size:11px}}@media(max-width:360px){.game-container{padding:8px}.option-card{min-height:45px;font-size:14px}.math-expression{font-size:20px;padding:8px}.score-item{min-width:45px}.score-value{font-size:14px}.game-over{padding:15px}.game-over h1{font-size:20px;margin-bottom:15px}.final-score{font-size:16px;margin:15px 0}.final-score-number{font-size:24px}.achievement{font-size:12px;padding:6px 12px;margin:5px 2px}.score-summary{gap:8px;margin:15px 0}.score-item-final{min-width:80px;padding:6px 10px}}@media(max-width:480px){.game-over{padding:20px}.game-over h1{font-size:22px;margin-bottom:15px}.final-score{font-size:18px;margin:15px 0}.final-score-number{font-size:28px}.achievement{font-size:13px;padding:7px 14px;margin:6px 3px}.score-summary{gap:10px;margin:15px 0}.score-item-final{min-width:90px;padding:8px 12px}}@media(max-width:768px){.header{margin-bottom:3px}.level-indicator{font-size:11px;padding:4px 10px}}@media(min-width:1200px){.options-grid{grid-template-columns:repeat(2,1fr);gap:15px}}@media(max-height:600px)and (orientation:landscape){.game-container{padding:10px}.header{margin-bottom:20px}.math-expression{margin:10px 0;padding:10px}.progress-bar,.stars-container{margin:10px 0}.options-grid{margin:15px 0}}.app-container{font-family:Rubik,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;align-items:center;padding:0;overflow:hidden}#math-trainer-app{width:100%}@media(max-width:768px){.app-container,#math-trainer-app{width:100vw}}
