:root{--primary-gradient:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--success-gradient:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--danger-gradient:linear-gradient(135deg, #fa709a 0%, #fee140 100%);--bg-primary:#0f0c29;--bg-secondary:#1a1640;--bg-tertiary:#2d2557;--text-primary:#ffffff;--text-secondary:#b8b5d1;--text-accent:#667eea;--droplet-bg:rgba(102, 126, 234, 0.15);--droplet-border:rgba(102, 126, 234, 0.3);--droplet-glow:rgba(102, 126, 234, 0.5);--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:50%;--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.1);--shadow-md:0 4px 16px rgba(0, 0, 0, 0.2);--shadow-lg:0 8px 32px rgba(0, 0, 0, 0.3);--shadow-glow:0 0 20px rgba(102, 126, 234, 0.4);--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:var(--bg-primary);background-image:radial-gradient(circle at 20% 50%,rgba(102,126,234,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(118,75,162,.1) 0,transparent 50%);color:var(--text-primary);overflow:hidden;min-height:100vh}.game-container{width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;position:relative}.game-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:rgba(26,22,64,.8);backdrop-filter:blur(10px);border-bottom:1px solid rgba(102,126,234,.2);z-index:100}.back-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.3);border-radius:var(--radius-md);color:var(--text-primary);font-family:Poppins,sans-serif;font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);text-decoration:none}.back-btn:hover{background:rgba(102,126,234,.2);border-color:rgba(102,126,234,.5);transform:translateX(-4px)}.back-btn:active{transform:translateX(-2px) scale(.98)}.stats-container{display:flex;gap:var(--spacing-md)}.stat{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:rgba(45,37,87,.6);border-radius:var(--radius-md);font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.lives-stat{color:#ff6b9d}.lives-stat svg{color:#ff6b9d;filter:drop-shadow(0 0 8px rgba(255, 107, 157, .5))}.score-stat{color:#ffd93d}.score-stat svg{fill:#ffd93d;filter:drop-shadow(0 0 8px rgba(255, 217, 61, .5))}.game-area{flex:1;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(15,12,41,.5) 0,rgba(26,22,64,.8) 100%)}.droplet{position:absolute;width:100px;height:100px;background:var(--droplet-bg);border:2px solid var(--droplet-border);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700;color:var(--text-primary);backdrop-filter:blur(10px);box-shadow:0 4px 16px rgba(0,0,0,.3),inset 0 2px 8px rgba(255,255,255,.1),0 0 20px var(--droplet-glow);animation:.5s ease-in-out infinite alternate float;cursor:default;user-select:none;transition:all var(--transition-normal)}.droplet::before{content:'';position:absolute;top:15%;left:20%;width:30%;height:30%;background:radial-gradient(circle,rgba(255,255,255,.3) 0,transparent 70%);border-radius:var(--radius-full);pointer-events:none}.droplet.falling{animation:linear forwards fall,.5s ease-in-out infinite alternate float}@keyframes fall{from{top:-120px}to{top:calc(100% - 120px)}}@keyframes float{from{transform:translateY(0)}to{transform:translateY(-5px)}}.droplet.burst{animation:.5s ease-out forwards burstAnimation}.droplet.burst-wrong{background:rgba(255,107,157,.25);border-color:rgba(255,107,157,.5);box-shadow:0 0 20px rgba(255,107,157,.6)}@keyframes burstAnimation{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}100%{transform:scale(0);opacity:0}}.particle{position:absolute;width:8px;height:8px;background:var(--success-gradient);border-radius:var(--radius-full);pointer-events:none;animation:.8s ease-out forwards particleAnimation}.particle.wrong{background:var(--danger-gradient)}@keyframes particleAnimation{0%{transform:translate(0,0) scale(1);opacity:1}100%{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}.answer-section{padding:var(--spacing-lg);background:rgba(26,22,64,.9);backdrop-filter:blur(20px);border-top:1px solid rgba(102,126,234,.2);z-index:100;position:relative;display:flex;flex-direction:column;align-items:center}.toggle-input-btn{position:absolute;top:var(--spacing-md);right:var(--spacing-lg);display:flex;align-items:center;gap:.5rem;background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.3);border-radius:var(--radius-sm);padding:8px 12px;color:var(--text-secondary);cursor:pointer;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:500;transition:all var(--transition-fast);z-index:10}.toggle-input-btn:hover{background:rgba(102,126,234,.2);color:var(--text-primary);border-color:rgba(102,126,234,.5)}.answer-section.show-options .input-wrapper{display:none}.answer-section.show-options .options-wrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);width:100%;max-width:800px;margin-top:var(--spacing-xs)}.input-wrapper{max-width:500px;margin:0 auto;display:flex;gap:var(--spacing-sm);position:relative}.answer-input{flex:1;padding:var(--spacing-md) var(--spacing-lg);background:rgba(45,37,87,.6);border:2px solid rgba(102,126,234,.3);border-radius:var(--radius-lg);color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:500;outline:0;transition:all var(--transition-normal);backdrop-filter:blur(10px)}.answer-input::placeholder{color:var(--text-secondary)}.answer-input:focus{border-color:rgba(102,126,234,.6);box-shadow:0 0 20px rgba(102,126,234,.3);background:rgba(45,37,87,.8)}.submit-btn{padding:var(--spacing-md) var(--spacing-lg);background:var(--primary-gradient);border:none;border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center}.submit-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.submit-btn:active{transform:translateY(0)}.submit-btn svg{filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .2))}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--transition-normal)}.modal.active{display:flex}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-secondary);padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;max-width:400px;width:90%;border:2px solid rgba(102,126,234,.3);box-shadow:var(--shadow-lg),var(--shadow-glow);animation:slideUp var(--transition-slow)}@keyframes slideUp{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content h2{font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-md);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.new-high-score{font-family:Outfit,sans-serif;font-size:1.8rem;color:#ffd93d;margin-bottom:var(--spacing-sm);display:none;animation:1s infinite alternate bounce;text-shadow:0 0 10px rgba(255,217,61,.5)}@keyframes bounce{from{transform:translateY(0)}to{transform:translateY(-10px)}}.final-score{font-size:1.5rem;margin-bottom:var(--spacing-lg);color:var(--text-secondary)}.final-score span{color:#ffd93d;font-family:Outfit,sans-serif;font-weight:700;font-size:2rem}.restart-btn{padding:var(--spacing-md) var(--spacing-xl);background:var(--primary-gradient);border:none;border-radius:var(--radius-lg);color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-md)}.restart-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.restart-btn:active{transform:translateY(0)}.options-wrapper{display:none}.option-btn{padding:var(--spacing-md);background:rgba(45,37,87,.6);border:2px solid rgba(102,126,234,.3);border-radius:var(--radius-md);color:var(--text-primary);font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;min-height:60px}.option-btn:hover{background:rgba(45,37,87,.8);border-color:rgba(102,126,234,.6)}.option-btn:active{transform:scale(.95);background:rgba(102,126,234,.4)}@media (max-width:768px){.toggle-input-btn{display:none}.game-header{padding:var(--spacing-sm) var(--spacing-md)}.back-btn span{display:none}.stat{font-size:1rem;padding:var(--spacing-xs) var(--spacing-sm)}.droplet{width:60px;height:60px;font-size:1rem}.answer-section{padding:var(--spacing-sm)}.answer-input{font-size:1rem;padding:var(--spacing-sm) var(--spacing-md)}.submit-btn{padding:var(--spacing-sm) var(--spacing-md)}.modal-content h2{font-size:2rem}.input-wrapper{display:none}.options-wrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xs);width:100%;max-width:100%;margin:0 auto}.option-btn{padding:var(--spacing-xs);min-height:50px;font-size:1.2rem;min-width:0}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}.stat.animate{animation:.3s pulse}