@import"https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&display=swap";.english-learning-game[data-v-14237e3c]{min-height:100vh;display:flex;flex-direction:column}.app-header[data-v-14237e3c]{text-align:center;padding:20px;background-color:#fffc;border-radius:20px;margin:20px;box-shadow:0 8px 16px #0000001a}.header-content[data-v-14237e3c]{display:flex;justify-content:space-between;align-items:center;padding:0 20px}.app-header h1[data-v-14237e3c]{font-size:2.5rem;color:#1a535c;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.1);flex-grow:1;text-align:center}.app-header p[data-v-14237e3c]{font-size:1.2rem;color:#1a535c}.fullscreen-btn[data-v-14237e3c]{font-family:Comic Neue,cursive,Comic Sans MS,sans-serif;font-size:1rem;padding:10px 15px;border:none;border-radius:50px;background-color:#4ecdc4;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0000001a;font-weight:700;white-space:nowrap}.fullscreen-btn[data-v-14237e3c]:hover{background-color:#3db9b1;transform:translateY(-3px)}.main-content[data-v-14237e3c]{flex:1;padding:20px;max-width:1200px;margin:0 auto;width:100%}.game-area[data-v-14237e3c]{background-color:#ffffffe6;border-radius:20px;padding:30px;text-align:center;margin-bottom:30px;box-shadow:0 8px 16px #0000001a}.image-container[data-v-14237e3c]{margin:20px auto;width:300px;height:300px;border-radius:20px;overflow:hidden;border:5px solid #FFD166;box-shadow:0 8px 16px #0000001a;cursor:pointer;transition:transform .3s ease;display:flex;align-items:center;justify-content:center;background-color:#fff}.image-container[data-v-14237e3c]:hover{transform:scale(1.05)}.emoji-image[data-v-14237e3c]{font-size:10em}.word-display[data-v-14237e3c]{margin:20px 0}.word-display h2[data-v-14237e3c]{font-size:2.5rem;color:#1a535c;text-transform:uppercase;letter-spacing:2px}.controls[data-v-14237e3c]{display:flex;justify-content:center;gap:20px;margin:20px 0}.speak-btn[data-v-14237e3c],.next-btn[data-v-14237e3c]{font-family:Comic Neue,cursive,Comic Sans MS,sans-serif;font-size:1.2rem;padding:15px 30px;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0000001a;font-weight:700}.speak-btn[data-v-14237e3c]{background-color:#4ecdc4;color:#fff}.speak-btn[data-v-14237e3c]:hover{background-color:#3db9b1;transform:translateY(-3px)}.next-btn[data-v-14237e3c]{background-color:#ff6b6b;color:#fff}.next-btn[data-v-14237e3c]:hover{background-color:#ff5252;transform:translateY(-3px)}.search-filter[data-v-14237e3c]{background-color:#ffffffe6;border-radius:20px;padding:20px;margin-bottom:30px;box-shadow:0 8px 16px #0000001a}.search-input[data-v-14237e3c]{width:100%;padding:12px 20px;margin-bottom:15px;border-radius:50px;border:2px solid #4ECDC4;font-size:1.1rem;font-family:Comic Neue,cursive,Comic Sans MS,sans-serif}.category-filter[data-v-14237e3c]{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.category-btn[data-v-14237e3c]{padding:8px 16px;border:none;border-radius:20px;background-color:#ffd166;color:#1a535c;font-family:Comic Neue,cursive,Comic Sans MS,sans-serif;font-weight:700;cursor:pointer;transition:all .3s ease}.category-btn[data-v-14237e3c]:hover{background-color:#ffc44d;transform:translateY(-2px)}.category-btn.active[data-v-14237e3c]{background-color:#ff6b6b;color:#fff}.image-grid[data-v-14237e3c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;margin-top:30px}.image-card[data-v-14237e3c]{background-color:#ffffffe6;border-radius:15px;overflow:hidden;box-shadow:0 4px 8px #0000001a;cursor:pointer;transition:all .3s ease;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.image-card[data-v-14237e3c]:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0003}.grid-image[data-v-14237e3c]{font-size:3em;margin-bottom:10px}.grid-word[data-v-14237e3c]{font-size:.9rem;color:#1a535c;font-weight:700;text-align:center}.image-card.selected[data-v-14237e3c]{border:4px solid #FFD166;transform:scale(1.05)}.app-footer[data-v-14237e3c]{text-align:center;padding:20px;margin-top:30px;color:#1a535c;font-size:1.1rem}@media (max-width: 768px){.app-header h1[data-v-14237e3c]{font-size:2rem}.image-container[data-v-14237e3c]{width:250px;height:250px}.controls[data-v-14237e3c]{flex-direction:column;align-items:center}.speak-btn[data-v-14237e3c],.next-btn[data-v-14237e3c]{width:80%}.image-grid[data-v-14237e3c]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@keyframes bounce-14237e3c{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.bounce[data-v-14237e3c]{animation:bounce-14237e3c 1s infinite}:root{--primary-color: #FF6B6B;--secondary-color: #4ECDC4;--accent-color: #FFD166;--dark-color: #1A535C;--light-color: #F7FFF7}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Comic Neue,cursive,Comic Sans MS,sans-serif;background:linear-gradient(135deg,#FF9AA2,#FFB7B2,#FFDAC1,#E2F0CB,#B5EAD7);background-size:400% 400%;animation:gradientBG 15s ease infinite;min-height:100vh;padding:20px;overflow:hidden}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.app-container{max-width:1200px;margin:0 auto;min-height:100vh}