.home-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.home-content{background:#fff;border-radius:20px;padding:40px;max-width:600px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center}.game-title{font-size:2.5rem;color:#667eea;margin-bottom:10px;font-weight:700}.game-description{font-size:1.2rem;color:#666;margin-bottom:30px}.game-rules{text-align:left;background:#f8f9fa;padding:20px;border-radius:10px;margin-bottom:30px}.game-rules h2{font-size:1.3rem;color:#333;margin-bottom:15px}.game-rules ul{list-style:none;padding:0}.game-rules li{color:#555;font-size:1rem;position:relative;padding:8px 0 8px 25px}.game-rules li:before{content:"✓";position:absolute;left:0;color:#667eea;font-weight:700}.start-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 50px;font-size:1.2rem;border-radius:50px;cursor:pointer;transition:transform .2s,box-shadow .2s;font-weight:700}.start-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.start-button:active{transform:translateY(0)}@media (max-width: 768px){.home-content{padding:30px 20px}.game-title{font-size:2rem}.game-description{font-size:1rem}.game-rules h2{font-size:1.1rem}.game-rules li{font-size:.9rem}}.review-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;overflow-y:auto}.review-content{max-width:1000px;margin:0 auto;background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 60px #0000004d}.review-title{font-size:2.5rem;color:#667eea;text-align:center;margin-bottom:10px;font-weight:700}.review-subtitle{text-align:center;color:#666;font-size:1.1rem;margin-bottom:30px}.vocabulary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;margin-bottom:40px}.vocab-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:15px;padding:20px;text-align:center;transition:transform .2s,box-shadow .2s;cursor:default}.vocab-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.vocab-emoji{font-size:3rem;margin-bottom:10px}.vocab-word{font-size:1.3rem;font-weight:700;color:#333;margin-bottom:5px}.vocab-translation{font-size:.9rem;color:#666;font-style:italic}.continue-button{display:block;margin:0 auto;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 50px;font-size:1.2rem;border-radius:50px;cursor:pointer;transition:transform .2s,box-shadow .2s;font-weight:700}.continue-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.continue-button:active{transform:translateY(0)}@media (max-width: 768px){.review-content{padding:30px 20px}.review-title{font-size:2rem}.review-subtitle{font-size:1rem}.vocabulary-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px}.vocab-emoji{font-size:2.5rem}.vocab-word{font-size:1.1rem}.vocab-translation{font-size:.8rem}}.game-round-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:10px;display:flex;flex-direction:column}.game-header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:15px 30px;border-radius:15px;margin-bottom:10px;box-shadow:0 5px 15px #0003}.round-info,.score-info{font-size:1.2rem;font-weight:700;color:#667eea}.message-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:none}.message-popup{background:#f8d7da;color:#721c24;border:3px solid #dc3545;padding:30px 50px;border-radius:20px;font-size:1.5rem;font-weight:700;box-shadow:0 20px 60px #0006;animation:popIn .3s ease-out;pointer-events:auto}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.cards-container{display:flex;flex-direction:column;gap:10px;max-width:min(600px,90vw);margin:0 auto;width:100%;height:calc(100vh - 80px);padding:5px}.card{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.emoji-container{position:relative;width:100%;max-width:100%;max-height:100%;aspect-ratio:1 / 1;background:linear-gradient(135deg,#e0e5ec,#c3cfe2);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000004d}.emoji{position:absolute;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2))}.emoji.selected{transform:translate(-50%,-50%) scale(1.2)!important;filter:drop-shadow(8px 8px 20px rgba(0,0,0,.6));z-index:10}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:2rem;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}@media (max-width: 768px){.game-round-container{padding:5px}.game-header{padding:10px 20px;margin-bottom:5px}.round-info,.score-info{font-size:1rem}.cards-container{gap:10px}}@media (min-width: 769px){.cards-container{flex-direction:row;max-width:1200px}.card{flex:1}}.answer-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;display:flex;align-items:center;justify-content:center}.answer-content{background:#fff;border-radius:20px;padding:40px;max-width:600px;width:100%;box-shadow:0 20px 60px #0000004d}.matched-emoji-display{text-align:center;margin-bottom:30px}.emoji-large{font-size:6rem;margin-bottom:20px;animation:bounceIn .5s ease-out}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.prompt{font-size:1.3rem;color:#333;font-weight:500}.answer-form{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.answer-input{padding:15px 20px;font-size:1.2rem;border:2px solid #ddd;border-radius:10px;transition:border-color .3s;text-align:center}.answer-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.answer-input:disabled{background:#f5f5f5;cursor:not-allowed}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 30px;font-size:1.1rem;border-radius:10px;cursor:pointer;transition:transform .2s,box-shadow .2s;font-weight:700}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.feedback{text-align:center;padding:30px;border-radius:15px;margin-bottom:20px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feedback.correct{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:3px solid #28a745}.feedback.incorrect{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:3px solid #dc3545}.feedback-icon{font-size:4rem;margin-bottom:15px}.feedback.correct .feedback-icon{color:#28a745}.feedback.incorrect .feedback-icon{color:#dc3545}.feedback-text{font-size:1.8rem;font-weight:700;margin-bottom:10px}.feedback.correct .feedback-text{color:#155724}.feedback.incorrect .feedback-text{color:#721c24}.feedback-word{font-size:2rem;font-weight:700;color:#155724;margin-bottom:10px}.feedback-comparison{margin:15px 0;font-size:1.1rem}.feedback-comparison>div{margin:8px 0;color:#721c24}.user-answer{font-weight:700;color:#dc3545}.correct-answer{font-weight:700;color:#28a745}.feedback-points{font-size:1.2rem;font-weight:700;margin-top:10px}.feedback.correct .feedback-points{color:#28a745}.feedback.incorrect .feedback-points{color:#dc3545}.hint{text-align:center;padding:15px;background:#f8f9fa;border-radius:10px;color:#666;font-size:1rem}.hint strong{color:#667eea}@media (max-width: 768px){.answer-content{padding:30px 20px}.answer-header{flex-direction:column;gap:10px;text-align:center}.emoji-large{font-size:4rem}.prompt{font-size:1.1rem}.answer-input{font-size:1rem}.feedback-icon{font-size:3rem}.feedback-text,.feedback-word{font-size:1.5rem}}.game-over-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;display:flex;align-items:center;justify-content:center}.game-over-content{background:#fff;border-radius:20px;padding:40px;max-width:700px;width:100%;box-shadow:0 20px 60px #0000004d;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.game-over-header{text-align:center;margin-bottom:40px}.game-over-title{font-size:3rem;color:#333;margin-bottom:20px;font-weight:700}.performance-emoji{font-size:5rem;margin-bottom:15px;animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.performance-text{font-size:2rem;font-weight:700;margin-bottom:10px}.score-display{margin-bottom:40px}.final-score{text-align:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:30px;border-radius:15px;margin-bottom:30px}.score-label{font-size:1.2rem;color:#666;margin-bottom:10px;text-transform:uppercase;letter-spacing:2px}.score-value{font-size:5rem;font-weight:700;color:#667eea;line-height:1;margin-bottom:10px}.score-details{font-size:1.1rem;color:#888}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stat-card{background:#fff;border:2px solid #e0e0e0;border-radius:10px;padding:20px;text-align:center;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.stat-value{font-size:2.5rem;font-weight:700;color:#667eea;margin-bottom:5px}.stat-label{font-size:.9rem;color:#666;text-transform:uppercase;letter-spacing:1px}.action-buttons{display:flex;gap:15px;margin-bottom:30px}.play-again-button,.home-button{flex:1;padding:15px 30px;font-size:1.1rem;border:none;border-radius:10px;cursor:pointer;transition:transform .2s,box-shadow .2s;font-weight:700}.play-again-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.play-again-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.home-button{background:#fff;color:#667eea;border:2px solid #667eea}.home-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea33;background:#f8f9fa}.encouragement{text-align:center;padding:20px;background:#fff9e6;border-radius:10px;border-left:4px solid #ffc107}.encouragement p{margin:0;color:#856404;font-size:1rem;line-height:1.5}@media (max-width: 768px){.game-over-content{padding:30px 20px}.game-over-title{font-size:2rem}.performance-emoji{font-size:4rem}.performance-text{font-size:1.5rem}.score-value{font-size:4rem}.stats-grid{grid-template-columns:1fr;gap:10px}.stat-value{font-size:2rem}.action-buttons{flex-direction:column}.encouragement p{font-size:.9rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh}button{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}button,input,.emoji{transition:all .2s ease}button:focus-visible,input:focus-visible{outline:3px solid #667eea;outline-offset:2px}button{font-family:inherit}.emoji{font-family:"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}