:root{--primary:#2563eb;--primary-dark:#1d4ed8;--secondary:#ff0844;--secondary-dark:#ffb199;--success:#43e97b;--success-dark:#38f9d7;--warning:#f6d365;--warning-dark:#fda085;--bg-color:#f0f4f8;--card-bg:#fffffff2;--text-main:#2d3748;--text-muted:#718096;--border-radius:16px;--shadow-sm:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-md:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;color:var(--text-main);background-color:var(--bg-color);box-sizing:border-box;background-image:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;margin:0;padding:0;font-family:Nunito,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}*,:before,:after{box-sizing:inherit}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}#app{width:100%;max-width:800px;margin:0 auto;padding:1rem}h1,h2,h3{color:var(--text-main);text-align:center;margin-top:0;font-weight:800}button{background-color:var(--primary);color:#fff;cursor:pointer;box-shadow:var(--shadow-sm);background-image:linear-gradient(to right, var(--primary) 0%, var(--primary-dark) 100%);border:1px solid #0000;border-radius:999px;padding:.8em 1.5em;font-family:inherit;font-size:1.1rem;font-weight:700;transition:transform .2s,background-color .2s,box-shadow .2s}button:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}button:active{transform:translateY(1px)}button.secondary{background-image:linear-gradient(to right, var(--warning) 0%, var(--warning-dark) 100%);color:#fff}button.success{background-image:linear-gradient(to right, var(--success) 0%, var(--success-dark) 100%);color:#fff}button.danger{background-image:linear-gradient(to right, var(--secondary) 0%, var(--secondary-dark) 100%);color:#fff}.card{background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:2rem;padding:2rem}input[type=number]{text-align:center;color:var(--text-main);background:#fff;border:3px solid #e2e8f0;border-radius:12px;width:80px;padding:.5rem;font-size:1.5rem;font-weight:700;transition:border-color .2s}input[type=number]:focus{border-color:var(--primary);outline:none}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.title-bounce{animation:2s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.selector-container[data-v-62a77ce8]{text-align:center}.subtitle[data-v-62a77ce8]{color:var(--text-muted);margin-bottom:3rem;font-size:1.2rem}.games-grid[data-v-62a77ce8]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.game-card[data-v-62a77ce8]{background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);cursor:pointer;border:2px solid #0000;padding:2rem 1rem;transition:transform .2s,box-shadow .2s}.game-card[data-v-62a77ce8]:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-5px)}.game-card .icon[data-v-62a77ce8]{margin-bottom:1rem;font-size:3rem}.game-card h2[data-v-62a77ce8]{color:var(--primary-dark);margin-bottom:.5rem;font-size:1.4rem}.game-card p[data-v-62a77ce8]{color:var(--text-muted);margin:0;font-size:.95rem}.test-section[data-v-62a77ce8]{margin-top:2rem}.test-btn[data-v-62a77ce8]{padding:1rem 3rem;font-size:1.3rem;animation:2s infinite pulse-62a77ce8}@keyframes pulse-62a77ce8{0%{box-shadow:0 0 #43e97bb3}70%{box-shadow:0 0 0 15px #43e97b00}to{box-shadow:0 0 #43e97b00}}.num-input[data-v-fe100f8e]{text-align:center;width:65px;height:60px;color:var(--text-main);background:#fff;border:3px solid #e2e8f0;border-radius:12px;font-size:1.6rem;font-weight:800;transition:all .2s;box-shadow:inset 0 2px 4px #0000000d}.num-input[data-v-fe100f8e]:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4facfe4d}.num-input.readonly[data-v-fe100f8e]{color:#475569;background-color:#f1f5f9;border-color:#cbd5e1}.num-input.correct[data-v-fe100f8e]{color:#166534;background-color:#dcfce7;border-color:#22c55e}.num-input.wrong[data-v-fe100f8e]{color:#991b1b;background-color:#fee2e2;border-color:#ef4444;animation:.4s cubic-bezier(.36,.07,.19,.97) both shake-fe100f8e}@keyframes shake-fe100f8e{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.num-input[data-v-fe100f8e]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.num-input[data-v-fe100f8e]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.num-input[data-v-fe100f8e]{-moz-appearance:textfield}.game-board[data-v-1c9afc3f]{flex-direction:column;align-items:center;display:flex}.pyramid-container[data-v-1c9afc3f]{flex-direction:column;gap:15px;margin-bottom:2rem;padding-top:1rem;display:flex}.pyramid-row-wrapper[data-v-1c9afc3f]{justify-content:center;display:flex;position:relative}.pyramid-row[data-v-1c9afc3f]{gap:20px;display:flex;position:relative}.cell-wrapper[data-v-1c9afc3f]{align-items:center;display:flex;position:relative}.operator[data-v-1c9afc3f]{color:var(--primary);z-index:10;pointer-events:none;font-size:1.5rem;font-weight:900;position:absolute;top:50%;left:calc(100% + 10px);transform:translate(-50%,-50%)}.message[data-v-1c9afc3f]{color:var(--success);text-align:center;margin-bottom:1rem;font-size:1.4rem;font-weight:700}.controls[data-v-1c9afc3f]{text-align:center;min-height:80px}.game-board[data-v-43ae1b45]{flex-direction:column;align-items:center;padding:4rem 2rem;display:flex}.equation[data-v-43ae1b45]{color:var(--primary-dark);align-items:center;gap:15px;margin-bottom:2rem;font-size:3rem;font-weight:900;display:flex}.operator[data-v-43ae1b45]{color:var(--secondary)}.message[data-v-43ae1b45]{color:var(--success);text-align:center;min-height:2rem;margin-bottom:1rem;font-size:1.4rem;font-weight:700}.controls[data-v-43ae1b45]{text-align:center;min-height:80px}.game-board[data-v-b4927318]{flex-direction:column;align-items:center;padding:4rem 1rem;display:flex}.equation[data-v-b4927318]{color:var(--primary-dark);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:2rem;font-size:2.5rem;font-weight:900;display:flex}.operator[data-v-b4927318]{color:var(--secondary)}.message[data-v-b4927318]{color:var(--success);text-align:center;min-height:2rem;margin-bottom:1rem;font-size:1.4rem;font-weight:700}.controls[data-v-b4927318]{text-align:center;min-height:80px}@media (width<=500px){.equation[data-v-b4927318]{gap:8px;font-size:1.8rem}}.test-container[data-v-e7f48c0e]{max-width:600px;margin:0 auto}.progress-bar-container[data-v-e7f48c0e]{background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);margin-bottom:2rem;padding:1rem 1.5rem}.progress-info[data-v-e7f48c0e]{color:var(--text-muted);text-align:right;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:.9rem;font-weight:800}.progress-track[data-v-e7f48c0e]{background:#e2e8f0;border-radius:6px;height:12px;overflow:hidden}.progress-fill[data-v-e7f48c0e]{background:linear-gradient(to right, var(--success), var(--success-dark));height:100%;transition:width .4s ease-out}.finish-screen[data-v-e7f48c0e]{text-align:center;padding:4rem 2rem}.finish-screen h1[data-v-e7f48c0e]{color:var(--warning-dark);margin-bottom:1rem;font-size:2.5rem}.medal[data-v-e7f48c0e]{margin:1rem 0 2rem;font-size:6rem;animation:3s ease-in-out infinite float-e7f48c0e}.finish-btn[data-v-e7f48c0e]{margin-top:2rem;padding:1rem 2rem;font-size:1.2rem}@keyframes float-e7f48c0e{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(5deg)}}.app-container[data-v-6402d766]{flex-direction:column;min-height:80vh;display:flex}.app-header[data-v-6402d766]{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.back-btn[data-v-6402d766]{color:var(--text-main);box-shadow:var(--shadow-sm);background:#fff;padding:.5rem 1rem;font-size:.9rem}.header-title[data-v-6402d766]{color:var(--primary-dark);text-shadow:1px 1px 2px #0000001a;margin:0;font-size:1.8rem}
