*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:0}.container{max-width:1000px;margin:0 auto;padding:0 15px}.header{text-align:center;color:#fff;margin-bottom:30px;padding:20px}.header h1{font-family:'Poppins',sans-serif;font-size:2.5rem;font-weight:700;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,0.2)}.header h1 i{margin-right:10px;color:#ffd700}.header p{font-size:1.1rem;opacity:0.95;font-weight:500}.game-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,0.3);padding:40px;margin-bottom:20px;animation:slideUp 0.5s ease}.game-card h2{color:#667eea;font-family:'Poppins',sans-serif;font-weight:600;margin-bottom:20px}.game-card h2 i{margin-right:10px}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.intro-section{text-align:center}.intro-section p{font-size:1.05rem;line-height:1.8;color:#555;margin-bottom:20px}.intro-section strong{color:#667eea;font-weight:600}.mode-selection{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:40px}.mode-btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:15px;padding:30px 20px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 5px 15px rgba(102,126,234,0.4);position:relative;overflow:hidden}.mode-btn:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(102,126,234,0.6)}.mode-btn:active{transform:translateY(-2px)}.mode-btn small{display:block;font-size:0.85rem;margin-top:8px;opacity:0.9;font-weight:400}.mode-btn i{margin-right:8px;font-size:1.3rem}.game-area{display:none}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.timer{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:#fff;padding:15px 30px;border-radius:50px;font-size:1.8rem;font-weight:700;box-shadow:0 5px 15px rgba(245,87,108,0.4);min-width:100px;text-align:center}.timer i{margin-right:8px}.score{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);color:#fff;padding:15px 30px;border-radius:50px;font-size:1.5rem;font-weight:700;box-shadow:0 5px 15px rgba(79,172,254,0.4)}.score i{margin-right:8px}.progress-bar{background:#e0e0e0;height:8px;border-radius:10px;overflow:hidden;margin-bottom:30px}.progress-fill{background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);height:100%;width:0%;transition:width 0.3s ease}.question-area{min-height:300px}.definition{background:linear-gradient(135deg,#ffecd2 0%,#fcb69f 100%);padding:30px;border-radius:15px;font-size:1.3rem;color:#333;margin-bottom:30px;text-align:center;font-weight:500;box-shadow:0 5px 15px rgba(252,182,159,0.3);line-height:1.6}.definition i{margin-right:10px;color:#f5576c}.options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.option-btn{background:#fff;border:3px solid #667eea;color:#667eea;padding:20px;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;text-align:center}.option-btn:hover{background:#667eea;color:#fff;transform:scale(1.05);box-shadow:0 5px 15px rgba(102,126,234,0.4)}.option-btn.correct{background:#4caf50;border-color:#4caf50;color:#fff;animation:correctPulse 0.5s ease}.option-btn.wrong{background:#f44336;border-color:#f44336;color:#fff;animation:shake 0.5s ease}@keyframes correctPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}#spellingMode{text-align:center}.listen-btn{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%);color:#fff;border:none;padding:20px 40px;border-radius:50px;font-size:1.2rem;font-weight:600;cursor:pointer;margin-bottom:25px;box-shadow:0 5px 15px rgba(250,112,154,0.4);transition:all 0.3s ease}.listen-btn:hover{transform:scale(1.05);box-shadow:0 8px 20px rgba(250,112,154,0.6)}.listen-btn i{margin-right:10px;font-size:1.3rem}.spelling-input{width:100%;max-width:500px;padding:20px;border:3px solid #667eea;border-radius:12px;font-size:1.2rem;margin-bottom:20px;text-align:center;font-weight:500;transition:all 0.3s ease}.spelling-input:focus{outline:none;border-color:#764ba2;box-shadow:0 0 0 4px rgba(102,126,234,0.2)}.submit-btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:15px 50px;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:0 5px 15px rgba(102,126,234,0.4);transition:all 0.3s ease}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(102,126,234,0.6)}.submit-btn i{margin-right:8px}#streakBadge{margin-top:20px;font-size:1.2rem;font-weight:600;color:#ff6b6b;text-align:center}.summary{display:none;text-align:center}.summary h2{color:#667eea;font-family:'Poppins',sans-serif;font-size:2.5rem;margin-bottom:30px}.summary h2 i{margin-right:10px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-bottom:40px}.stat-box{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%);padding:25px;border-radius:15px;box-shadow:0 5px 15px rgba(168,237,234,0.3)}.stat-value{font-size:2.5rem;font-weight:700;color:#667eea;font-family:'Poppins',sans-serif}.stat-label{font-size:0.95rem;color:#666;margin-top:8px;font-weight:500}.incorrect-words{background:#fff3cd;padding:25px;border-radius:15px;margin-bottom:30px;border-left:5px solid #ffc107}.incorrect-words h3{color:#856404;margin-bottom:15px;font-size:1.3rem}.incorrect-words h3 i{margin-right:10px}.incorrect-words ul{list-style:none;text-align:left}.incorrect-words li{padding:10px;margin-bottom:8px;background:#fff;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,0.1);font-weight:500;color:#333}.incorrect-words li i{margin-right:8px;color:#f5576c}.play-again-btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:18px 50px;border-radius:50px;font-size:1.2rem;font-weight:600;cursor:pointer;margin-bottom:30px;box-shadow:0 5px 15px rgba(102,126,234,0.4);transition:all 0.3s ease}.play-again-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(102,126,234,0.6)}.play-again-btn i{margin-right:10px}.cta-section{background:linear-gradient(135deg,#ffecd2 0%,#fcb69f 100%);padding:30px;border-radius:15px;box-shadow:0 5px 15px rgba(252,182,159,0.3)}.cta-section h3{color:#333;margin-bottom:15px;font-size:1.5rem}.cta-section h3 i{margin-right:10px;color:#f5576c}.cta-section p{color:#555;margin-bottom:20px;font-size:1.05rem}.cta-btn{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:#fff;border:none;padding:18px 40px;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:0 5px 15px rgba(245,87,108,0.4);transition:all 0.3s ease}.cta-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(245,87,108,0.6)}.cta-btn i{margin-left:8px}.seo-words{display:none}@media (max-width:768px){.header h1{font-size:1.8rem}.header p{font-size:1rem}.game-card{padding:25px}.timer,.score{padding:12px 20px;font-size:1.3rem}.definition{font-size:1.1rem;padding:20px}.options{grid-template-columns:1fr}.mode-selection{grid-template-columns:1fr}.stat-value{font-size:2rem}.summary h2{font-size:2rem}}@media (max-width:480px){.header h1{font-size:1.5rem}.game-card{padding:20px}.timer,.score{font-size:1.1rem;padding:10px 15px}.mode-btn{padding:20px 15px;font-size:1rem}.definition{font-size:1rem}.option-btn{font-size:1rem;padding:15px}}