.game-map[data-v-023e06bc]{padding:20px}.space-theme[data-v-023e06bc]{position:relative;color:#fff;overflow:hidden}.space-background[data-v-023e06bc]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.planet[data-v-023e06bc]{position:absolute;border-radius:50%;opacity:.7;z-index:2}.planet-1[data-v-023e06bc]{width:150px;height:150px;background:radial-gradient(circle at 30% 30%,#5c82d9,#2a3d8c);top:10%;right:5%;box-shadow:0 0 50px rgba(92,130,217,.5);animation:float-data-v-023e06bc 15s ease-in-out infinite}.planet-2[data-v-023e06bc]{width:100px;height:100px;background:radial-gradient(circle at 30% 30%,#f5a742,#c75e0a);bottom:15%;left:8%;box-shadow:0 0 40px rgba(245,167,66,.5);animation:float-data-v-023e06bc 20s ease-in-out infinite reverse}.planet-3[data-v-023e06bc]{width:80px;height:80px;background:radial-gradient(circle at 30% 30%,#42f5a7,#0ac75e);top:40%;left:15%;box-shadow:0 0 30px rgba(66,245,167,.5);animation:float-data-v-023e06bc 18s ease-in-out 2s infinite}.shooting-star[data-v-023e06bc]{position:absolute;width:150px;height:2px;background:linear-gradient(90deg,hsla(0,0%,100%,0),#fff 50%,hsla(0,0%,100%,0));top:20%;left:-150px;animation:shootingStar-data-v-023e06bc 8s linear infinite;z-index:3;box-shadow:0 0 10px #fff}@keyframes shootingStar-data-v-023e06bc{0%{transform:translateX(0) translateY(0) rotate(25deg);opacity:0}10%{opacity:1}70%{opacity:1}to{transform:translateX(calc(100vw + 300px)) translateY(300px) rotate(25deg);opacity:0}}.typing-guide[data-v-023e06bc]{background:hsla(0,0%,100%,.9);border-radius:15px;padding:40px;margin-bottom:50px;position:relative;z-index:10;backdrop-filter:blur(10px);color:#333}.guide-title[data-v-023e06bc]{text-align:center;color:#0d47a1;font-size:2.2em;margin-bottom:30px;font-weight:800;position:relative;padding-bottom:15px;text-shadow:0 2px 4px rgba(13,71,161,.2)}.guide-title[data-v-023e06bc]:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:120px;height:4px;background:linear-gradient(90deg,#2196f3,#0d47a1);border-radius:2px}.guide-section[data-v-023e06bc]{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #bbdefb}.guide-section[data-v-023e06bc]:last-child{border-bottom:none;padding-bottom:0}.section-title[data-v-023e06bc]{color:#0d47a1;font-size:1.6em;margin-bottom:20px;font-weight:700;display:flex;align-items:center;margin-top:40px}.guide-section:first-child .section-title[data-v-023e06bc]:before{content:"👋";margin-right:12px;font-size:1.1em}.guide-section:nth-child(2) .section-title[data-v-023e06bc]:before{content:"🚀";margin-right:12px;font-size:1.1em}.guide-content[data-v-023e06bc]{display:flex;flex-wrap:wrap;gap:30px;align-items:flex-start}.keyboard-illustration[data-v-023e06bc]{flex:1;min-width:300px;text-align:center}.keyboard-image[data-v-023e06bc]{max-width:100%;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:transform .3s ease}.keyboard-image[data-v-023e06bc]:hover{transform:scale(1.02);box-shadow:0 8px 20px rgba(13,71,161,.2)}.guide-text[data-v-023e06bc]{flex:2;min-width:300px}.guide-text li[data-v-023e06bc],.guide-text p[data-v-023e06bc]{color:#1565c0;line-height:1.6;margin-bottom:10px;font-size:16px}.guide-text ul[data-v-023e06bc]{padding-left:20px;margin-bottom:15px}.learning-path[data-v-023e06bc]{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-top:20px}.path-step[data-v-023e06bc]{flex:1;min-width:200px;display:flex;align-items:flex-start;background:hsla(0,0%,100%,.9);padding:18px 25px 18px 18px;border-radius:16px;box-shadow:0 6px 15px rgba(0,0,0,.08);transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;text-decoration:none;border:none}.path-step[data-v-023e06bc]:before{inset:0;border-radius:16px;padding:2px;background:linear-gradient(135deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,.2));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2}.path-step[data-v-023e06bc]:after{content:"";position:absolute;bottom:10px;left:10px;width:6px;height:6px;background:rgba(33,150,243,.3);border-radius:50%;box-shadow:15px 0 0 rgba(33,150,243,.2),30px 0 0 rgba(33,150,243,.1);transition:all .3s ease;z-index:1}.path-step[data-v-023e06bc]:first-child{box-shadow:0 6px 15px rgba(66,165,245,.15)}.path-step[data-v-023e06bc]:nth-child(2){box-shadow:0 6px 15px rgba(38,198,218,.15)}.path-step[data-v-023e06bc]:nth-child(3){box-shadow:0 6px 15px rgba(102,187,106,.15)}.path-step[data-v-023e06bc]:nth-child(4){box-shadow:0 6px 15px rgba(255,202,40,.15)}.path-step[data-v-023e06bc]:nth-child(5){box-shadow:0 6px 15px rgba(239,83,80,.15)}.path-step[data-v-023e06bc]:nth-child(6){box-shadow:0 6px 15px rgba(171,71,188,.15)}@keyframes card-float-data-v-023e06bc{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.path-step[data-v-023e06bc]:hover{animation:card-float-data-v-023e06bc 2s ease-in-out infinite;box-shadow:0 15px 25px rgba(13,71,161,.18)}.path-step[data-v-023e06bc]:hover:after{transform:scale(1.2)}.step-number[data-v-023e06bc]{margin-left:15px;font-family:Arial Rounded MT Bold,Arial,sans-serif;font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2em;margin-right:15px;flex-shrink:0;box-shadow:0 4px 8px rgba(13,71,161,.3);position:relative;overflow:hidden;transition:all .3s ease;z-index:2}.step-number[data-v-023e06bc]:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,0) 70%);opacity:0;transition:opacity .5s ease}.path-step:hover .step-number[data-v-023e06bc]{transform:rotate(10deg)}.path-step:hover .step-number[data-v-023e06bc]:after{opacity:1;animation:shine-data-v-023e06bc 1.5s infinite}.step-content[data-v-023e06bc]{flex:1}.step-content h3[data-v-023e06bc]{color:#0d47a1;margin-bottom:8px;font-weight:700;font-size:1.1em;transition:color .3s ease}.step-content p[data-v-023e06bc]{color:#1976d2;font-size:.9em;line-height:1.4;margin:0;transition:color .3s ease}.path-step:hover .step-content h3[data-v-023e06bc]{color:#01579b}.path-step:hover .step-content p[data-v-023e06bc]{color:#0277bd}.path-step:first-child .step-number[data-v-023e06bc]{background:linear-gradient(135deg,#42a5f5,#1565c0)}.path-step:nth-child(2) .step-number[data-v-023e06bc]{background:linear-gradient(135deg,#26c6da,#00838f)}.path-step:nth-child(3) .step-number[data-v-023e06bc]{background:linear-gradient(135deg,#66bb6a,#2e7d32)}.path-step:nth-child(4) .step-number[data-v-023e06bc]{background:linear-gradient(135deg,#ffca28,#ff8f00)}.path-step:nth-child(5) .step-number[data-v-023e06bc]{background:linear-gradient(135deg,#ef5350,#c62828)}.path-step:nth-child(6) .step-number[data-v-023e06bc]{background:linear-gradient(135deg,#ab47bc,#6a1b9a)}.path-step[data-v-023e06bc]:before{content:"";position:absolute;top:0;right:0;width:30px;height:30px;background:linear-gradient(135deg,transparent 50%,hsla(0,0%,100%,.1) 0);border-radius:0 0 0 10px;z-index:1}.step-icon[data-v-023e06bc]{position:absolute;top:-10px;right:-10px;font-size:24px;background:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(0,0,0,.15);z-index:3;transform:rotate(10deg);transition:all .3s ease;border:2px solid #bbdefb}.path-step:hover .step-icon[data-v-023e06bc]{transform:rotate(-10deg) scale(1.2)}.card-decoration[data-v-023e06bc]{bottom:5px;right:5px;width:60px;height:40px;opacity:.1;z-index:0;transition:all .3s ease}.path-step:first-child .card-decoration[data-v-023e06bc]{background:radial-gradient(circle at center,#42a5f5 0,transparent 70%)}.path-step:nth-child(2) .card-decoration[data-v-023e06bc]{background:radial-gradient(circle at center,#26c6da 0,transparent 70%)}.path-step:nth-child(3) .card-decoration[data-v-023e06bc]{background:radial-gradient(circle at center,#66bb6a 0,transparent 70%)}.path-step:nth-child(4) .card-decoration[data-v-023e06bc]{background:radial-gradient(circle at center,#ffca28 0,transparent 70%)}.path-step:nth-child(5) .card-decoration[data-v-023e06bc]{background:radial-gradient(circle at center,#ef5350 0,transparent 70%)}.path-step:nth-child(6) .card-decoration[data-v-023e06bc]{background:radial-gradient(circle at center,#ab47bc 0,transparent 70%)}.path-step:hover .card-decoration[data-v-023e06bc]{opacity:.3;width:80px;height:60px}.path-step[data-v-023e06bc]{padding-top:22px;padding-right:25px}@keyframes float-data-v-023e06bc{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.path-step[data-v-023e06bc]:hover{animation:float-data-v-023e06bc 2s ease-in-out infinite;transform:translateY(-5px) scale(1.03)}.start-learning[data-v-023e06bc]{text-align:center;margin-top:40px}.start-learning p[data-v-023e06bc]{color:#1565c0;font-size:1.1em;margin-bottom:20px}.start-button[data-v-023e06bc]{display:inline-block;background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;padding:15px 40px;border-radius:30px;font-weight:700;font-size:1.1em;text-decoration:none;box-shadow:0 5px 15px rgba(13,71,161,.3);transition:all .3s ease;position:relative;overflow:hidden}.start-button[data-v-023e06bc]:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(13,71,161,.4)}.start-button[data-v-023e06bc]:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:hsla(0,0%,100%,.5);opacity:0;border-radius:100%;transform:scale(1) translate(-50%);transform-origin:50% 50%}.start-button[data-v-023e06bc]:hover:after{animation:ripple-data-v-023e06bc 1s ease-out}@keyframes ripple-data-v-023e06bc{0%{transform:scale(0);opacity:.5}to{transform:scale(20);opacity:0}}.chapter[data-v-023e06bc]{margin-top:50px;background:hsla(0,0%,100%,.85);padding:35px;border-radius:12px;transition:all .4s ease;position:relative;overflow:hidden;z-index:10;backdrop-filter:blur(10px);color:#333}.chapter[data-v-023e06bc]:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#2196f3,#0d47a1)}.chapter[data-v-023e06bc]:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(13,71,161,.2)}.chapter-title[data-v-023e06bc]{color:#0d47a1;font-size:1.8em;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #bbdefb;display:flex;align-items:center;font-weight:700;text-shadow:0 1px 2px rgba(13,71,161,.1)}.chapter-title[data-v-023e06bc]:before{content:"🚀";margin-right:15px;font-size:1.2em}#mouse-drag .chapter-title[data-v-023e06bc]:before{content:"🖱️"}#basic-keys .chapter-title[data-v-023e06bc]:before,#bottom-row .chapter-title[data-v-023e06bc]:before,#top-row .chapter-title[data-v-023e06bc]:before{content:"⌨️"}#pykeywords .chapter-title[data-v-023e06bc]:before{content:"🐍"}#cpluskeywords .chapter-title[data-v-023e06bc]:before{content:"🔧"}#regular-practice .chapter-title[data-v-023e06bc]:before{content:"🎯"}.level-group[data-v-023e06bc]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;padding:10px 5px}.level-item[data-v-023e06bc]{background:hsla(0,0%,100%,.95);border-radius:16px;padding:16px;box-shadow:0 6px 12px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1);transition:all .3s cubic-bezier(.34,1.56,.64,1);text-decoration:none;color:#0d47a1;display:flex;align-items:center;border:2px solid #e3f2fd;position:relative;overflow:hidden}.level-item[data-v-023e06bc]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,rgba(144,202,249,.2),transparent 70%);z-index:0}.level-item[data-v-023e06bc]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#64b5f6,#1976d2);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;border-radius:0 0 16px 16px}.level-item[data-v-023e06bc]:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 12px 20px rgba(13,71,161,.15);border-color:#bbdefb}.level-item[data-v-023e06bc]:hover:after{transform:scaleX(1)}.level-icon[data-v-023e06bc]{font-size:1.8em;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#e3f2fd;border-radius:14px;margin-right:14px;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:inset 0 0 8px rgba(13,71,161,.1);position:relative;z-index:1}.level-icon[data-v-023e06bc]:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#bbdefb,#64b5f6);border-radius:16px;z-index:-1;opacity:0;transition:opacity .3s ease}.level-info[data-v-023e06bc]{position:relative;z-index:1}.level-info h3[data-v-023e06bc]{color:#0d47a1;font-size:1.1em;margin-bottom:4px;font-weight:700;transition:color .3s ease}.level-info p[data-v-023e06bc]{color:#1976d2;font-size:.85em;margin:0}.level-item:hover .level-info h3[data-v-023e06bc]{color:#01579b}.level-item:hover .level-icon[data-v-023e06bc]:before{opacity:1}.level-item.locked[data-v-023e06bc]{background:hsla(0,0%,98%,.8);border-color:#e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,.03);color:#9e9e9e;cursor:pointer}.level-item.locked .level-icon[data-v-023e06bc]{background:#f5f5f5;box-shadow:inset 0 0 5px rgba(0,0,0,.05)}.level-item.locked .level-icon[data-v-023e06bc]:after{position:absolute;font-size:.7em;bottom:-5px;right:-5px;background:#9e9e9e;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.1)}.level-item.locked .level-info h3[data-v-023e06bc]{color:#9e9e9e}.level-item.locked[data-v-023e06bc]:after{background:#e0e0e0}.level-item.completed[data-v-023e06bc]{background:rgba(241,248,233,.9);border-color:#c5e1a5}.level-item.completed .level-icon[data-v-023e06bc]{background:#f1f8e9}.level-item.completed .level-icon[data-v-023e06bc]:after{content:"✓";position:absolute;font-size:.8em;bottom:-5px;right:-5px;background:#7cb342;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.1)}.level-item.completed[data-v-023e06bc]:after{background:linear-gradient(90deg,#aed581,#7cb342);transform:scaleX(1)}.level-item.completed .level-info h3[data-v-023e06bc]{color:#558b2f}.intro-level[data-v-023e06bc]{background:hsla(0,0%,100%,.95);border-left:none;border:2px solid #e3f2fd}.intro-level .level-number[data-v-023e06bc]{background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;width:26px;height:26px;border-radius:50%;position:absolute;top:-4px;right:-4px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85em;box-shadow:0 2px 5px rgba(0,0,0,.15);z-index:2;border:2px solid #fff}.intro-level.locked .level-number[data-v-023e06bc]{background:linear-gradient(135deg,#9e9e9e,#757575);color:#eee}.level-item:hover .level-icon[data-v-023e06bc]{transform:scale(1.1) rotate(5deg);box-shadow:0 5px 10px rgba(13,71,161,.15)}@keyframes pulse-data-v-023e06bc{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.level-item:hover .level-number[data-v-023e06bc]{animation:pulse-data-v-023e06bc 1.2s infinite}.keyboard-card[data-v-023e06bc]:before{content:"⌨️";position:absolute;font-size:3em;opacity:.03;right:10px;bottom:5px;transform:rotate(10deg);z-index:0}.game-selector-modal[data-v-023e06bc]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(5px)}.game-selector-content[data-v-023e06bc]{background:hsla(0,0%,100%,.95);border-radius:15px;width:90%;max-width:600px;box-shadow:0 15px 30px rgba(0,0,0,.3);overflow:hidden;animation:modalFadeIn-data-v-023e06bc .3s ease;border:1px solid #1976d2}@keyframes modalFadeIn-data-v-023e06bc{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.game-selector-header[data-v-023e06bc]{background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center}.game-selector-header h2[data-v-023e06bc]{margin:0;font-size:1.5em;font-weight:700}.close-button[data-v-023e06bc]{font-size:1.8em;cursor:pointer;transition:all .2s ease}.close-button[data-v-023e06bc]:hover{transform:scale(1.1)}.game-selector-body[data-v-023e06bc]{padding:25px}.game-selector-body p[data-v-023e06bc]{color:#0d47a1;margin-bottom:20px;font-size:1.1em}.game-options[data-v-023e06bc]{display:flex;flex-direction:column;gap:15px}.game-option[data-v-023e06bc]{display:flex;align-items:center;background:rgba(227,242,253,.5);padding:15px;border-radius:10px;cursor:pointer;transition:all .3s ease;border:1px solid #bbdefb}.game-option[data-v-023e06bc]:hover{transform:translateY(-3px);box-shadow:0 8px 15px rgba(13,71,161,.15);background:rgba(187,222,251,.5)}.game-option-icon[data-v-023e06bc]{font-size:2.5em;margin-right:20px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;box-shadow:0 5px 10px rgba(0,0,0,.05);transition:all .3s ease}.game-option:hover .game-option-icon[data-v-023e06bc]{transform:scale(1.1) rotate(10deg);box-shadow:0 8px 15px rgba(13,71,161,.2)}.game-option-info h3[data-v-023e06bc]{color:#0d47a1;margin:0 0 5px 0;font-size:1.2em;font-weight:700}.game-option-info p[data-v-023e06bc]{color:#1976d2;margin:0;font-size:.9em}.back-to-top[data-v-023e06bc]{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 10px rgba(13,71,161,.3);transition:all .3s ease;z-index:999}.back-to-top[data-v-023e06bc]:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(13,71,161,.4)}@media (max-width:1024px){.level-group[data-v-023e06bc]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.chapter[data-v-023e06bc]{padding:30px}.planet-1[data-v-023e06bc]{width:100px;height:100px}.planet-2[data-v-023e06bc]{width:70px;height:70px}.planet-3[data-v-023e06bc]{width:50px;height:50px}.practice-card[data-v-023e06bc]{max-width:280px;padding:16px}.practice-icon[data-v-023e06bc]{width:45px;height:45px}}@media (max-width:768px){.game-map[data-v-023e06bc]{padding:20px 15px}.map-title[data-v-023e06bc]{font-size:2.5em;margin-bottom:40px}.level-group[data-v-023e06bc]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px}.level-item[data-v-023e06bc]{padding:15px}.level-icon[data-v-023e06bc]{width:50px;height:50px;font-size:1.6em;margin-right:12px}.chapter-title[data-v-023e06bc]{font-size:1.5em}.typing-guide[data-v-023e06bc]{padding:30px 20px}.planet-1[data-v-023e06bc],.planet-2[data-v-023e06bc],.planet-3[data-v-023e06bc]{display:none}.back-to-top[data-v-023e06bc]{width:40px;height:40px;bottom:20px;right:20px}.practice-card[data-v-023e06bc]{max-width:260px;padding:14px}.practice-icon[data-v-023e06bc]{width:40px;height:40px;font-size:1.2em;margin-right:12px}.practice-title[data-v-023e06bc]{font-size:1em}.practice-desc[data-v-023e06bc]{font-size:.8em}}@media (max-width:480px){.level-group[data-v-023e06bc]{grid-template-columns:1fr}.chapter[data-v-023e06bc]{padding:25px 20px}.level-item[data-v-023e06bc]{padding:12px}.level-icon[data-v-023e06bc]{width:45px;height:45px;font-size:1.4em}.guide-title[data-v-023e06bc]{font-size:1.8em}.section-title[data-v-023e06bc]{font-size:1.4em}.practice-card[data-v-023e06bc]{max-width:100%;padding:12px}.practice-icon[data-v-023e06bc]{width:38px;height:38px;font-size:1.1em;margin-right:10px}}.practice-card[data-v-023e06bc]{position:relative;background:linear-gradient(135deg,#fff,#f0f9ff);border-radius:22px;border:none;box-shadow:0 10px 20px rgba(13,71,161,.1);overflow:hidden;padding:18px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:1;margin:0 auto;display:flex;align-items:center;border:2px solid #e3f2fd}.card-decoration[data-v-023e06bc]{position:absolute;top:10px;right:10px;display:flex;gap:5px}.decoration-dot[data-v-023e06bc]{width:6px;height:6px;border-radius:50%;display:block;box-shadow:0 2px 4px rgba(0,0,0,.1)}.dot1[data-v-023e06bc]{background-color:#ff5252}.dot2[data-v-023e06bc]{background-color:#ffab40}.dot3[data-v-023e06bc]{background-color:#69f0ae}.practice-card:hover .decoration-dot[data-v-023e06bc]{animation:bounce-data-v-023e06bc 1s infinite alternate}.practice-card[data-v-023e06bc]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#64b5f6,#1976d2);opacity:0;z-index:-1;transition:opacity .4s ease}.practice-card[data-v-023e06bc]:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 15px 30px rgba(13,71,161,.2);border-color:#bbdefb}.practice-card[data-v-023e06bc]:hover:before{opacity:.05}.practice-icon[data-v-023e06bc]{width:50px;height:50px;border-radius:15px;background:linear-gradient(135deg,#bbdefb,#64b5f6);display:flex;align-items:center;justify-content:center;font-size:1.4em;margin-right:15px;box-shadow:0 8px 16px rgba(13,71,161,.15);transition:all .4s ease;position:relative;overflow:hidden;border:3px solid #fff;flex-shrink:0;transform:rotate(-5deg)}.practice-card:hover .practice-icon[data-v-023e06bc]{transform:rotate(0deg) scale(1.1);box-shadow:0 10px 20px rgba(13,71,161,.25)}.alphabet-icon[data-v-023e06bc]{background:linear-gradient(135deg,#ffcdd2,#ef5350);position:relative}.alphabet-icon span[data-v-023e06bc]{color:#fff;font-weight:700;font-size:1.5em;text-shadow:0 2px 4px rgba(0,0,0,.2)}.alphabet-icon .mini-letter[data-v-023e06bc]{position:absolute;bottom:2px;right:2px;font-size:.7em;opacity:.8}.case-icon[data-v-023e06bc]{background:linear-gradient(135deg,#c8e6c9,#66bb6a);position:relative}.case-icon .upper-case[data-v-023e06bc]{font-size:1.5em;top:5px;left:10px}.case-icon .lower-case[data-v-023e06bc],.case-icon .upper-case[data-v-023e06bc]{color:#fff;font-weight:700;position:absolute;text-shadow:0 2px 4px rgba(0,0,0,.2)}.case-icon .lower-case[data-v-023e06bc]{font-size:1.2em;bottom:5px;right:10px}.symbol-icon[data-v-023e06bc]{background:linear-gradient(135deg,#bbdefb,#42a5f5);position:relative}.symbol-icon .symbol-char[data-v-023e06bc]{color:#fff;font-weight:700;font-size:1.5em;position:absolute;top:5px;left:10px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.symbol-icon .number-char[data-v-023e06bc]{color:#fff;font-weight:700;font-size:1.2em;position:absolute;bottom:5px;right:10px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.practice-title[data-v-023e06bc]{color:#0d47a1;font-size:1.1em;margin:0 0 5px 0;font-weight:700}.practice-desc[data-v-023e06bc]{color:#1976d2;font-size:.85em;margin:0;opacity:.9}.practice-shine[data-v-023e06bc]{position:absolute;top:0;left:-100%;width:50px;height:100%;background:hsla(0,0%,100%,.3);transform:skewX(-25deg);transition:all .75s ease}.practice-card:hover .practice-shine[data-v-023e06bc]{left:150%;transition:all .75s ease}.practice-card[data-v-023e06bc]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#ff8a80,#82b1ff,#b9f6ca);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.practice-card[data-v-023e06bc]:hover:after{transform:scaleX(1)}.step-content[data-v-023e06bc]{position:relative}.mouse-card[data-v-023e06bc]{background:#fff;border-radius:16px;padding:16px;box-shadow:0 6px 12px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.05);border:2px solid #e3f2fd;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform-origin:center bottom}.mouse-card[data-v-023e06bc]:hover{transform:translateY(-8px) scale(1.03);border-color:#bbdefb;box-shadow:0 12px 20px rgba(33,150,243,.15),0 6px 6px rgba(33,150,243,.1)}.mouse-card .level-number[data-v-023e06bc]{position:absolute;top:-8px;right:-6px;background:linear-gradient(135deg,#42a5f5,#1565c0);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1em;box-shadow:0 3px 6px rgba(0,0,0,.16);z-index:5;border:2px solid #fff}.mouse-card .mouse-icon[data-v-023e06bc]{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:12px;width:48px;height:48px;margin-right:14px;display:flex;align-items:center;justify-content:center;font-size:1.5em;box-shadow:0 4px 8px rgba(33,150,243,.15);transition:all .3s ease;position:relative;z-index:2}.mouse-card:hover .mouse-icon[data-v-023e06bc]{transform:scale(1.1) rotate(8deg);box-shadow:0 6px 12px rgba(33,150,243,.2)}.mouse-card .level-info h3[data-v-023e06bc]{font-size:1.1em;font-weight:700;margin-bottom:4px;color:#1565c0;transition:color .3s ease}.mouse-card .level-info p[data-v-023e06bc]{font-size:.85em;color:#5c9ce6;margin:0}.mouse-card:hover .level-info h3[data-v-023e06bc]{color:#0d47a1}.mouse-card-decoration[data-v-023e06bc]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.mouse-card-stars[data-v-023e06bc]{position:absolute;top:8px;left:8px}.mouse-card-stars .star[data-v-023e06bc]{font-size:.7em;opacity:.5;position:absolute;transition:all .5s ease}.mouse-card-stars .star[data-v-023e06bc]:first-child{top:0;left:0}.mouse-card-stars .star[data-v-023e06bc]:last-child{top:10px;left:15px}.mouse-card:hover .mouse-card-stars .star[data-v-023e06bc]{opacity:.8;animation:twinkle-data-v-023e06bc 1.5s infinite alternate}.mouse-card:hover .mouse-card-stars .star[data-v-023e06bc]:last-child{animation-delay:.5s}@keyframes twinkle-data-v-023e06bc{0%{transform:scale(1);opacity:.5}to{transform:scale(1.2);opacity:.9}}.mouse-card-dots[data-v-023e06bc]{position:absolute;bottom:10px;right:10px;display:flex;gap:4px}.mouse-card-dots .dot[data-v-023e06bc]{width:4px;height:4px;border-radius:50%;background-color:#bbdefb;transition:all .3s ease}.mouse-card:hover .mouse-card-dots .dot[data-v-023e06bc]{animation:bounce-data-v-023e06bc .8s infinite alternate}.mouse-card:hover .mouse-card-dots .dot[data-v-023e06bc]:nth-child(2){animation-delay:.2s}.mouse-card:hover .mouse-card-dots .dot[data-v-023e06bc]:nth-child(3){animation-delay:.4s}@keyframes bounce-data-v-023e06bc{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.mouse-card-shine[data-v-023e06bc]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.4) 50%,hsla(0,0%,100%,0));transform:translateX(-100%);z-index:1;pointer-events:none}.mouse-card:hover .mouse-card-shine[data-v-023e06bc]{animation:shine-data-v-023e06bc 2s infinite}@keyframes shine-data-v-023e06bc{0%{transform:translateX(-100%)}20%,to{transform:translateX(100%)}}.mouse-card.locked[data-v-023e06bc]{background:#f5f5f5;border-color:#e0e0e0;box-shadow:0 2px 6px rgba(0,0,0,.05)}.mouse-card.locked .mouse-icon[data-v-023e06bc]{background:linear-gradient(135deg,#eee,#e0e0e0);box-shadow:0 2px 4px rgba(0,0,0,.1)}.mouse-card.locked .level-number[data-v-023e06bc]{background:linear-gradient(135deg,#9e9e9e,#757575)}.mouse-card.locked .level-info h3[data-v-023e06bc],.mouse-card.locked .level-info p[data-v-023e06bc]{color:#9e9e9e}.mouse-card.locked .mouse-card-dots .dot[data-v-023e06bc]{background-color:#e0e0e0}