r
<!doctype html> <html lang="es"> <head> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <title>RumanoDiario – aprende rumano jugando</title> <style> :root{ --duo:#58cc02;--duo-dark:#4caf00;--wrong:#ea2b2b;--bg:#0d3b66;--card:#ffffff;--text:#1c1c1c; --shadow:0 4px 12px rgba(0,0,0,.25); font-family:Inter,system-ui,sans-serif; } * {box-sizing:border-box;margin:0;padding:0;} body{background:var(--bg);color:#fff;display:flex;flex-direction:column;min-height:100vh;} header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;} header h1{font-size:1.4rem;} #headerStats{display:flex;gap:1rem;font-size:1rem;} main{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem;} .screen{display:none;width:100%;max-width:640px;} .screen.active{display:block;} #lessonGrid{display:grid;grid-template-columns:repeat(auto-f...